Discussion :

[kursushc]

Bonjour à tous,

J'ai une page avec un système d'onglets animé par jquery sous la forme

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<ul>
<li>tab1</li>
<li>tab2</li>
<li>tab3</li>
</ul>

Un paramètre du plugin permet de définir l'onglet qui sera affiché par défaut.

J'aimerai, à partir d'une autre page, créer des liens vers les différents onglets, avec un lien du style monsite.com/pagedesonglets#1, qui modifierait le script sur la page cible avec le paramètre 'tabdisplayed: 1'

Existe-t-il un moyen simple de faire cela ?

Merci beaucoup

[cahnory]

Tu retrouveras la valeur suivant le # dans l'url à l'aide de :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.location.hash

Tu la récupère et t'en sert pour définir quel onglet afficher dans les options de ton plugin.

[kursushc]

Je te remercie de ta réponse.

J'ai commencé à me renseigner sur la question, mais étant ignorant en javascript/jquery je fais un peu du sur place. Comment transformer le hash en paramètre ? C'est à intégrer à l'aide d'un nouveau script ?
Si tu pouvais développer un peu ca serait très sympa.
Merci

[cahnory]

Disons que comme ça je ne pourrai qu'être dans la généralité et ça risque de ne pas te satisfaire, il faudrait que tu nous montre ton code. Essais de le poster sur http://jsfiddle.net

[Bovino]

mais étant ignorant en javascript/jquery je fais un peu du sur place.

Heureusement qu'on est pas sur un forum de bûcherons... Quoique, ce serait drôle les topics "J'ai eu la flemme d'apprendre à utiliser une tronçonneuse, c'est normal que j'ai plus de jambes ?"

Bref...
Comment récupérer les paramètres passés dans une url ?

[kursushc]

Merci cahnory.

Pour être plus précis j'utilise bxslider.

Les onglets:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<ul id="slider1"><ul>
<li>tab1</li>
<li>tab2</li>
<li>tab3</li>
</ul></div>

Les boutons associés :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<div id="thumbs">
<a id="1" href="/" >1</a>
<a id="1" href="/" >2</a>
<a id="1" href="/" >3</a>
<a id="1" href="/" >4</a></div>

Le Js :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
$(document).ready(function(){
var slider = $('#slider1').bxSlider({
startingSlide: 0,
controls: false, 
mode: 'fade'});        
$('#thumbs a').click(function(){
var thumbIndex = $('#thumbs a').index(this);
slider.goToSlide(thumbIndex);
$('#thumbs a').removeClass('pager-active');
$(this).addClass('pager-active');
return false;
});
$('#thumbs a:first').addClass('pager-active');});

J'aimerais intégérer sur une autre page des liens directs vers les différents onglets, autrement dit réussir à modifier l'option "startingslide" selon le lien cliqué (lien 1 renvoie sur l'onglet 1, lien 2 sur l'onglet 2 etc).

Merci de ton aide.

@Bovino: Quand je dis ignorant c'est plus par modestie devant la complexité de javascript cachée derrière l'apparente simplicité de jquery que par volonté de ne pas apprendre.
Je n'ai pas l'impression que ce que cherche à faire est à la portée du premier venu, même pour qui a quelques notions de ce langage (je n'ai rien compris à ton lien, même avec de la bonne volonté).
Si tu penses que je suis un flemmard va jeter un oeil aux 1500 posts que j'ai commis sur le forum JoomlaFR sur le CMS en lui-même, PHP ou HTML/CSS, je ne pense pas m'être déjà permis de répondre de la sorte sur une question de ce type. Bref pas très GNU tout çà

[kursushc]

Je me permets un up après des heures de recherche. J'ai trouvé à boire et à manger, mais absolument rien qui parle pouvoir modifier les paramètres d'un plugin.
Pouvez-vous au moins me dire si c'est possible à faire en théorie ?

Merci