Discussion :

[DjPefH]

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

[oOVaveOo]

Bonjour,

Ton lien n'aurait pas un # en Href ?

Code :

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

<a href="#" onclick="javascript" .....>

[SpaceFrog]

Code :

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

;return false;

à la fin du onclick

[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 ...

[SpaceFrog]

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

[DjPefH]

Ok ok

Code :

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

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

Et pour le script

Code :

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

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

[SpaceFrog]

Code :

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

 <a href="#" onClick="affdiv();return false;">Afficher</a>

[DjPefH]

Je viens d'essayer ta solution elle ne fonctionne pas non plus ...

[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....