Bonjour,
J'ai trouvé un script sur un forum (il y a qq mois qui fonctionne très bien), à conditionnement de ne l'utiliser qu'une seule fois sur une page.
Il s'agit d'un toggle. l'orsque l'on clique sur "plus d'infos", le contenu caché apparait.
Aujourd'hui j'aimerai l'insérer sur chaque ligne de mes enregistrements, mais il y a conflit puisqu'une aucune boite ne s'ouvre.
j'ai tenté d'incrémenté : de 1 cette partie == > javascript:toggle_msg(1) mais cela ne fontionne pas. Je ne suis pas très pro en javascript.
Si quelqu'un à une solution. merci beaucoup !!! Sophie
Voici mon code source :
J'ai trouvé un script sur un forum (il y a qq mois qui fonctionne très bien), à conditionnement de ne l'utiliser qu'une seule fois sur une page.
Il s'agit d'un toggle. l'orsque l'on clique sur "plus d'infos", le contenu caché apparait.
Aujourd'hui j'aimerai l'insérer sur chaque ligne de mes enregistrements, mais il y a conflit puisqu'une aucune boite ne s'ouvre.
j'ai tenté d'incrémenté : de 1 cette partie == > javascript:toggle_msg(1) mais cela ne fontionne pas. Je ne suis pas très pro en javascript.
Si quelqu'un à une solution. merci beaucoup !!! Sophie
Voici mon code source :
Code:
<!-- PARTIE HEAD -->
<script>
togglePlus = new Image(); togglePlus.src = 'plusse.png';
toggleMinus = new Image(); toggleMinus.src = 'mouain.png';
function toggle_msg(n)
{
if (document.getElementById('msg'+n).style.display == 'none') {
document.getElementById('msg'+n).style.display = 'block';
document.getElementById('toggleButton'+n).src = toggleMinus.src;
} else {
document.getElementById('msg'+n).style.display = 'none';
document.getElementById('toggleButton'+n).src = togglePlus.src;
}
}</script>
<!-- BODY-->
<img src="plusse.png" alt="Display / Hide" id="toggleButton" />
<a href="javascript:toggle_msg(1);">voir le produit</a> (tooltip ou toggle)
<ul id="msg1" style="display:none;">
<li>AJOUTER UN ANNUAIRE</li>
blabla ... extrait de l'annonce icic
</ul>