affichage div sans recharger la page
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:
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 !
