double clic pour meme bouton

Version imprimable

bonjour,
j'ai ce code:

Code:

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

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

de plus il faut initialiser le display dans la balise:

Code:

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:

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>

21/04/2009, 19h12
Bovino

Attention Spaffy, c'est souvent une confusion, le

Code:

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à :mrgreen: