Style.display fais l'effet d'une ancre

Version imprimable

09/11/2009, 12h13
DjPefH

Style.display fais l'effet d'une ancre

Bonjour tout le monde,
Je fais appelle a vos connaissances car j'ai un petit soucis lorsqu'en javascript je fais un style.display='none' activer par un OnClick sur un <a> ma page remonte comme si je cliquais sur une ancre, est ce que quelqu'un a déjà eu ce problème ? je vous remercie d'avance
09/11/2009, 13h00
oOVaveOo

Bonjour,

Ton lien n'aurait pas un # en Href ?

Code:

<a href="#" onclick="javascript" .....>
09/11/2009, 13h08
SpaceFrog

Code:

;return false;

à la fin du onclick
09/11/2009, 14h25
DjPefH

Merci pour vos reponse
Dans mon href j'ai mis javascript:void(0) pour garder la petite main lorsque je passe sur mon lien mais si j'enleve le href de ma balise <a> il y'a quand meme le probleme de cette "ancre caché"
Ensuite j'ai essayé de mettre return false dans mon onClick ca n'a rien changé
Je suis passé par une fonction javascript appellé dans le onClick et toujours avec le return false; a la fin et pas de changement ...
09/11/2009, 14h50
SpaceFrog

un bout de code vaut mieux que de longues explications ...
fait peter un code de balise a ...

Ok ok

Code:

<a href="javascript:void(0);" onClick="affdiv();">Afficher</a>

Et pour le script

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
function affdiv()
{
	cachetout();
	$("#bouton1plus").fadeIn("slow");
	$("#bouton2plus").fadeIn("slow");
	$("#bouton3plus").fadeIn("slow");
        return false;
}
function cachetout()
{		
document.getElementById("bouton1moins").style.display='none';
 
document.getElementById("bouton2moins").style.display='none';
 
document.getElementById("bouton3moins").style.display='none';
 
return false;
}

J'utilise la bibliotheque Jquery pour les fadeIn
merci encore

09/11/2009, 15h20
SpaceFrog

Code:

<a href="#" onClick="affdiv();return false;">Afficher</a>
09/11/2009, 15h47
DjPefH

Je viens d'essayer ta solution elle ne fonctionne pas non plus ...
09/11/2009, 17h02
SpaceFrog

le style display retire l'objet du flux de la page laissant ainsi la place aux autres objets, d'ou une remise en forme de la disposition des objets sur la page.
essaye visibility:hidden si tu ne veux pas que les objets bougent....