Menu à onglet qui fait remonter toute la page


Meeuuuhhh
WRInaute passionné
WRInaute passionné
 
Messages: 2046
Inscription: 8 Jan 2007

Menu à onglet qui fait remonter toute la page

Message le Lun Juin 29, 2009 20:22

Bonjour,

J'ai fait un menu à onglet, il est situé au milieu de la page et quand on change d'onglet, ça fonctionne bien, si ce n'est que toute la page remonte...

Dans mes liens, j'ai seulement ça :
Code: Tout sélectionner
<a href="#">onglet 1</a>


Si j'enlève le # alors ça recharge carrément la page.


Qui connait l'astuce :?:


twin
WRInaute passionné
WRInaute passionné
 
Messages: 1518
Inscription: 23 Fév 2004

Re: Menu à onglet qui fait remonter toute la page

Message le Lun Juin 29, 2009 20:44

Tu doit avoir une ancre qui traîne dans le header ?


Meeuuuhhh
WRInaute passionné
WRInaute passionné
 
Messages: 2046
Inscription: 8 Jan 2007

Re: Menu à onglet qui fait remonter toute la page

Message le Lun Juin 29, 2009 20:46

Pas d'ancre non et puis là elle ne serait pas nommée de toute façon.

Ici, ils disent de faire comme ça :
Code: Tout sélectionner
Pour éviter que la page en remonte en haut il faut mettre soit moins de texte (nan, j’rigole) soit essayer de changer le # de la cible du lien (dans le href=”#”) par un vrai lien, en ajoutant, un “return false” comme deuxième instruction afin d’éviter la propagation du lien. en gros (mais j’ai la flemme de tester) :

<a href=”http://www.monsite.com/mapage.html” id=”_0″ class=”current” onmouseover=”multiClass(this.id);return false” alt=”menu1″>Accueil</a>


Ca fonctionne, mais moi je ne veux pas une action sur le onmouseover, mais sur le onclick. Or avec onclick, ça ne fonctionne pas, ça remonte :(


Meeuuuhhh
WRInaute passionné
WRInaute passionné
 
Messages: 2046
Inscription: 8 Jan 2007

Re: Menu à onglet qui fait remonter toute la page

Message le Lun Juin 29, 2009 22:31

ça fonctionne comme je veux avec javascript:void(0) à la place de #
http://forum.alsacreations.com/topic-5-41524-1-Ne-pas-remonter-en-haut ... -clic.html

par contre je sais trop à quoi sert cette fonction normalement, mais bon...

K-LoX
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 5
Inscription: 4 Mar 2009

Re: Menu à onglet qui fait remonter toute la page

Message le Lun Juin 29, 2009 22:35

moi j'ai fait ça :

<a href="javascript:return false;" id="_0" class="current" onclick="multiClass(this.id);" alt="menu1">ton lien</a>

et tout fonctionne ;)


Meeuuuhhh
WRInaute passionné
WRInaute passionné
 
Messages: 2046
Inscription: 8 Jan 2007

Re: Menu à onglet qui fait remonter toute la page

Message le Lun Juin 29, 2009 22:56

Pourquoi pas, toutes les solutions sont bonnes à connaître, des fois qu'un problème soit découvert avec un navigateur... Merci K-LoX.


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 2 invités