Remove child basique qui ne fonctionne pas
Bonjour à tous,
Je suis confronté à un bug de débutant que je n'arrive pas à résoudre....
J'ai une page ou lorsque je passe au dessus d'un bout d'une image, cela m'affiche un DIV avec un petit texte et un lien.
J'ai fais une fonction pour que quand on n'a plus la souris dessus la div s'efface mais sa ne fonctionne pas... et je ne vois pas pourquoi
Auriez vous une idée ?
Le code JS et le HTML
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
function fenetre() {
var monCalque=document.createElement('div');
var test =document.getElementById("carteL");
monCalque.setAttribute("class","maclasse");
monCalque.setAttribute("className","maclasse");
monCalque.innerHTML="<ul><li>TEST</li><li>TEST2</li></ul>";
test.appendChild(monCalque);
}
function close_fen() {
document.getElementById("carteL").removeChild(document.getElementsByClassName("maclasse"));
} |
HTML
Code:
1
2
3
4
5
6
7
| <div id="carteL">
POUET
<img src="images/carte_principale.jpg" alt="L" width="537" height="546" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="circle" coords="426,16,5" href="#" onmouseover="fenetre();" onmouseout="close_fen();" />
</map>
</div> |
