faire durer un 'onclick'

**tibotibo69** · 05/03/2008, 11h24

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 :

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

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" />

**d-Rek** · 05/03/2008, 11h34

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

Code HTML :

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

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>

**tibotibo69** · 05/03/2008, 12h05

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 :

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

**Herode** · 05/03/2008, 12h18

Je ne sais pas si ça a un rapport mais dans

Code :

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

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.

**htr999** · 05/03/2008, 12h58

il te manquerait un "?"

Code :

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

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>

**SpaceFrog** · 05/03/2008, 13h00

+1000 pour la seconde partie du raisonnement d'Herode

**tibotibo69** · 05/03/2008, 14h22

J'ai trouvé la solution !!

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

Code :

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

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

faire durer un 'onclick'

JavaScript

Discussions similaires

Partager

Partager