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

faire durer un 'onclick'

JavaScript

Vue hybride

Discussions similaires

Partager

Partager