faire durer un 'onclick'

Version imprimable

bonjour,

grace à l'évènement onclick je fais disparaitre un bloc au moment du clic sur une image, le problème est que le bloc ne disparait que pendant 1 seconde.

Comment faire pour le faire disparaitre définitivement (enfin... jusqu'au moment d'un autre clic ;))

voici mon code :
Code:

1 2 3 4 5 6 7 8 9 <script type="text/javascript"> function onglet_click(nom) { document.getElementById('grad_recap_contrat').style.display = "none"; } </script> <img name = "onglet_client" src = "<?php echo $skin_path; ?>/png/onglets/onglet_client.png" onclick = "onglet_click(this.name);" alt = "Client" />

Il y a du code manquant..
Si tu souhaites faire un toggle :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<html>
<head><script type="text/javascript">
function toggle(id){
        document.getElementById(id).style.display=(document.getElementById(id).style.display=='block')"none":"block";
}
</script>
</head>
<body>
<img name="onglet_client" src="png/onglets/onglet_client.png"  onclick="onglet_click('grad_recap_contrat');" alt="Client" />
<div id="grad_recap_contrat">Texte qui apparait ou disparait</div>
</body>
</html>

j'ai essayé comme tu m'as dit mais ca ne marche pas , le bloc ne disparait même plus pendant une seconde.

voici mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<html>
<script type="text/javascript">
	function onglet_click(){
		document.getElementById('grad_recap_contrat').style.display=(document.getElementById('grad_recap_contrat').style.display=='block')"none":"block";
	}
 
</script>
 
<img name = "onglet_client" src = "<?php echo $skin_path; ?>/png/onglets/onglet_client.png"  onclick = "onglet_click();" alt = "Client" />
 
<table class="tableau"  id="grad_recap_contrat" align="center">
  <tr>
    <td>Tableau à faire disparaître
    </td>
  </tr>
</table>
</html>

05/03/2008, 12h18
Herode
Je ne sais pas si ça a un rapport mais dans
Code:

1 2 3 function onglet_click(nom) { document.getElementById('grad_recap_contrat').style.display = "none"; }
tu passes un argument (nom) que tu n'utilises pas.

Quoi qu'il en soit, ce code devrait bien faire disparaitre l'élément d'id 'grad_recap_contrat'. S'il revient à l'écran, c'est sans doute qu'il y a un autre événement qui ré-actualise l'affichage : reload de la page, timer js, etc. Vérifier aussi à tout hasard que l'id est bien unique dans ton document.

il te manquerait un "?"

Code:

1
2
3
4
5
6
7
<html>
<script type="text/javascript">
	function onglet_click(){
document.getElementById('grad_recap_contrat').style.display=(document.getElementById('grad_recap_contrat').style.display=='block')? "none" : "block";
	}	
</script>

05/03/2008, 13h00
SpaceFrog

+1000 pour la seconde partie du raisonnement d'Herode :king:
05/03/2008, 14h22
tibotibo69
J'ai trouvé la solution !!:D

j'avais oublié de mettre "return false;"
Code:

1 2 <a href = "" onclick = "onglet_click(); return false;">
Ce qui se passait c'est que l'élément disparaissait puis la page se rechargait.
Grâce à "return false" la page ne se recharge plus et l'élément reste caché.

Merci pour votre aide :D