Un truc compliqué (créer un a avec href dynamiquement)
Si vous avez suivi mes différents problèmes d'aujourd'hui tant mieu, sinon c'est pas grave...
Voila le truc:
J'ai une page qui affiche juste "Salut Roger !", cette phrase se trouvant entre <body> et </body>.
Ce que je veux, c'est un script JS à ajouter entre <head> et </head> uniquement et sans rien ajouter d'autre, qui ferait que, lorsque je passe le curseur sur le mot "Roger", une decription du Roger (ici "Roger est gentil") s'affiche au niveau du curseur.
J'ai donc fait ca:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| window.onload = pbo;
function pbo()
{
var code = document.body.innerHTML;
code = code.replace(/Roger/g, '<a href="#" onmouseover="javascript: over_Roger();">Roger</a>');
document.body.innerHTML = code;
}
function over_Roger();
{
document.getElementById("desc").style.left = event.x+document.body.scrollLeft;
document.getElementById("desc").style.top = event.y+document.body.scrollTop;
document.getElementById("desc").innerHTML = "Roger est gentil";
desc.style.display = "";
}
document.write('<div id="desc" style="position: absolute; display: none;"></div>'); |
En revanche si j'enlève ca:
Code:
1
2
3
4
5
6
7
| function over_Roger();
{
document.getElementById("desc").style.left = event.x+document.body.scrollLeft;
document.getElementById("desc").style.top = event.y+document.body.scrollTop;
document.getElementById("desc").innerHTML = "Roger est gentil";
desc.style.display = "";
} |
"Roger" est bien remplacé par "<a href="#" onmouseover="javascript: over_Roger();">Roger</a>".
Ma question: pourquoi l'ajout de la fonction "over_Roger();" fait que rien ne marche plus ?
Que faire ?
Merci 'avance...
