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

Discussions similaires

Partager

Partager