Discussion :

[tom6821]

Bonjour,

souhaitant pouvoir afficher des éléments <div> sans recharger la page grâce à Javascript, j'ai écrit une fonction affiche() qui prend en argument l'ID de la <div> à afficher (en modifiant le style de display:none à display:block).

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<script type="text/javascript">
function affiche(div_id) {  
if (document.getElementById(div_id).style.display="none")  { document.getElementById(div_id).style.display="block";  }     
elseif (document.getElementById(div_id).style.display="block")  { document.getElementById(div_id).style.display="none";  }  
}
</script>
 
<a href="#" onclick="affiche(alerte_10);" style="color:#ff0000;"><li>Alertes et/ou informations en cas de variation globale</li></a>
 
<div id="alerte_10" style="display:none">
Le contenu de ma div
</div>

Pourtant rien à faire le lien ne fait pas apparaître la div... (à noter que cela fonctionnait avant que je tente de rendre ma fonction un peu plus efficace en lui imposant l'argument "div_id"...

Merci d'avance pour votre aide !

[roro06]

Bonjour

Code :

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

if (document.getElementById(div_id).style.display == "none")...

[Matthieu2000]

+

Code :

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

<a href="javascript:affiche('alerte_10');"

[tom6821]

Merci pour vos réponses.

Ca ne fonctionne malheureusement toujours pas ...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<p><script type="text/javascript">// <![CDATA[
function affiche(div_id) { if (document.getElementById(div_id).style.display == "none")  
{ document.getElementById(div_id).style.display="block";  }      
elseif (document.getElementById(div_id).style.display == "block")  { document.getElementById(div_id).style.display="none";  }   
}
// ]]&gt;</script></p>
 
 
 
<a href="javascript:affiche('alerte_10');" style="color:#ff0000;"><li>Alertes et/ou informations en cas de variation globale</li></a>
<div id="alerte_10" style="display:none">

[roro06]

Fais du ménage dans ton code ... ça marche très bien

EDIT : au fait : elseif n'existe pas en javascript, c'est else if (en 2 mots)

[tom6821]

Effectivement c'est le elseif qui faisait bugger l'ensemble...

Merci !