double clic pour meme bouton

**hraiwen** · 21/04/2009, 14h27

bonjour,
j'ai ce code:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
function hiddenform(){
 
if (document.getElementById('mon_p').style.display=='block'){
document.getElementById('mon_p').style.display='';
}else{
document.getElementById('mon_p').style.display='block';
}
}
ce code est appliqué
<a onclick="hiddenform()" style="cursor:pointer"><img src="IMG/email.png" alt="contacter le déposeur de l'offre" /><b>Contact</b></a>

mais ca marche pas

**SpaceFrog** · 21/04/2009, 14h31

pour lre display '' est consid�r� comme par defaut donc = block docn tu demandes a mettre le dsiplay en block ou en block ...

de plus il faut initialiser le display dans la balise:

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
<script type='text/javascript'>
function hiddenform(){
 
if (document.getElementById('mon_p').style.display=='block'){
document.getElementById('mon_p').style.display='none';
}else{
document.getElementById('mon_p').style.display='block';
}
}</script>
</head>
 
<body >
 
 
<a onclick="hiddenform()" style="cursor:pointer"><img src="IMG/email.png" alt="contacter le déposeur de l'offre" /><b>Contact</b></a>
<p id="mon_p" style="display:block">klkjklj</p>
</body>
</html>

qui peut se reduire en ternaire comme ceci:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
<script type='text/javascript'>
function hiddenform(){
document.getElementById('mon_p').style.display=(document.getElementById('mon_p').style.display=='block')?'none':'block'
}</script>

**Bovino** · 21/04/2009, 19h12

Attention Spaffy, c'est souvent une confusion, le

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

un_element.style.display = '';

correspond en fait au style fix� dans les feuilles de style (les styles en ligne n'�tant donc pas concern�s) donc la valeur par d�faut uniquement si une d�claration de style CSS n'est pas pr�sente dans le document, sinon, c'est elle qui sera appliqu�e

EDIT : M�me si ta r�ponse est probablement la bonne dans ce cas l�

double clic pour meme bouton

JavaScript

Vue hybride

Discussions similaires

Partager

Partager