déport d'une fonction onmouseover dans un autre fichier

Bonjour,

je suis parti de ce code qui marche :

Code:

---

1 2 3 4 5 6

<font color="blue"><span onmouseover="document.getElementById('popupid').style.visibility = 'visible';"><span class="popup_anchor">barns<span onmouseout="document.getElementById('popupid').style.visibility = 'hidden';"> <div class="popup" id="popupid"><span><img src="chevaux2008_010.jpg"></span><br>   </div>   </span></span></span></font>

---

et je souhaitais déporter l'action sur "onmouseover" dans une fonction (pour exécuter plusieurs actions). Donc, j'ai fait ça :

Code:

---

1 2 3 4 5 6

<font color="blue"><span onmouseover="fctonmouseover('popupid1')"><span class="popup_anchor">barns<span onmouseout="document.getElementById('popupid1').style.visibility = 'hidden';"> <div class="popup" id="popupid1"><span><img src="chevaux2008_010.jpg"></span><br>   </div>   </span></span></span></font>

---

avec cette fonction js :

Code:

---

1 2 3

function fctonmouseover(id) { document.getElementById('id').style.visibility = 'visible'; }

---

; mais ça ne marche plus ; qu'est-ce qui ne va pas ?

Code:

---

document.getElementById('id').style.visibility = 'visible';

---

'id' (qui est au passage un nom de variable plutôt maladroit) représente juste la chaîne de caractères id, pas celle passée en paramètre :roll:

Code:

---

document.getElementById(id).style.visibility = 'visible';

---

Une erreur bloquante, l'autre pas ...

l'erreur non bloquante: appeler une variable id ... il vaut mieux eviter


la bloquante:
tu n'utilises pas le paramètre que tu passes ...

Code:

---

1 2 3 4

function fctonmouseover(objid) { document.getElementById(objid).style.visibility = 'visible'; }

---

Merci de l'aide