Titre: Ancre dans tabs
Posté par: 0ra1800 le le 12-01-2014 a 11:12:26
Bonjour à tous,
Je voulais savoir si il était possible d'avoir un système d'ancre dans des tabs, je m'explique :
J'a un menu sur mon site avec des sous menus du genre dans mes menu j'ai Create(menu1) - Innovate(menu2) avec comme sous menu "suis-je créatif ? "- "La créativité c'est quoi?" donc l'utilisateur quand il passe sa souris sur Innovate il voit apparaître en dessous les deux titres "la créa..", le contenu de ces titres ce trouve plus bas dans mon one page dans un système de tabs donc une boite avec des boutons qui actualise le texte. Je souhaiterais que quand l'utilisateur arrive sur le site met sa soucis sur le menu innovante et puis décide de vouloir lire directement l'article "suis je créatif" qui se trouve dans la tabs 2, le site le redirige directement sur le contenu de la tabs 2 ..
exemple menu : Santé - Plaisir (sous menu : détente - yoga - sophrologie) - Energie
En cliquant sur yoga je cherche a être redirigié directement sur le tabs qui traite de ce contenu.
Merci à vous et de votre aide
Max :) |
Titre: Re:Ancre dans tabs
Posté par: gl33web le le 12-01-2014 a 12:09:21
Bonjour,
si j'ai bien compris ce que tu demande, il faut que tu mette un id="tabs2" au niveau de ta tabs2.
Et dans le menu tu mets en lien index.php#tabs2 |
Titre: Re:Ancre dans tabs
Posté par: 0ra1800 le le 12-01-2014 a 14:20:11
Merci de votre réponse mais je n'y parviens pas, je dois sans doute mal placer le #tabs à mon avis (désole ce n'est que mon deuxième site en html, je fais des études de communication à la base donc je suis pas vraiment technicien, j'apprends sur le tas :) )
Peut être que vous pourriez m'indiquer plus précisément via la partie de mon code concerné ?
<div id="menu">
<ul>
<li> <a href="index.html#m-box--presentation"> Menu1 </a>
<ul>
<li><a href="#">Lien 1</a></li>
<li><a href="#">Lien 2</a></li>
<li><a href="#">Lien 3</a></li>
</ul>
</li>
</li>
</ul>
<ul>
<li> <a href="index.html#m-box--front-end"> Menu2 </a>
<ul>
<li><a href="#">Lien 1</a></li>
<li><a href="index.php#tabs2"> Lien 2 </a></li> -->
</ul>
//////////////Je souhaiterais que lorsque l'utilisateur clique sur le dernier lien ci-dessus, le site le redirige sur le contenu de la tabs 2 (voir plus bas) ////////////////////////////
Code tabs (javascript) :
<div id="tabs">
<li class="fragment-1"> </li>
<li class="fragment-2"></li>
<li class="fragment-3"></li>
</ul>
<div class="tabs">
<div id="fragment-1">
<p class="classetitre">
</div>
////////////////////////// vers le contenu de cette tabs/////////////////////////////
<div id="fragment-2">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia vestibulum ligula, nec feugiat erat dapibus vitae. Nunc elementum dui tellus, vitae eleifend est congue quis. Praesent placerat semper mollis. Etiam tincidunt viverra nisl, a </p>
</div>
</div>
</div>
Merci pour ces éclaircissements, ils me sont très précieux.
Maxime. |
Titre: Re:Ancre dans tabs
Posté par: gl33web le le 12-01-2014 a 14:28:42
Si tu veux arrivé à cet endroit : <div id="fragment-2">
Il faut mettre le lien suivant : index.php#fragment-2
Si le fichier s'apelle index.php. Si le fichier est contact.php, tu mets : contact.php#fragment-2 |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|