submenu does'nt appears

[metalcat]

Hello,
I'm trying to convert an existing menu and submenus in javascript by using DOM methods. The previous one uses only document.write.

I do not manage to show the sub-menus with the onmouseover event.

see lines 18 & 19:

function affiche(id) {
 
var d = document.getElementById(id);
    for (var i = 1; i<=9; i++) {
        if (document.getElementById('sousmenu'+i)) {document.getElementById('sousmenu'+i).style.display='none';}
    }
if (d) {d.style.display='block';}
}
// <!-- bibliothèques -->
alert('début biblio');
div_biblio = document.createElement('div');
div_biblio.id = 'bibliotheques';
div_biblio.className = 'menu';
lien = document.createElement('a');
lien.href = '#';
lien.textContent = 'Bibliotheques';
div_biblio.appendChild(lien);
div_biblio.onmouseover = affiche('sousmenu3');
div_biblio.onmouseout = affiche();
alert('fin biblio');
 
alert('début biblio_sousmenu');
div_biblio_sousmenu = document.createElement('div');
div_biblio_sousmenu.id = 'sousmenu3';
div_biblio_sousmenu.className = 'sousmenu';
div_biblio_sousmenu.style.display = 'none';
div_biblio_sousmenu.onmouseout = affiche();
div_biblio.appendChild(div_biblio_sousmenu);
alert('fin biblio_sousmenu');
 
alert('début biblio_sousmenu_1');
div_biblio_sousmenu_1 = document.createElement('div');
lien = document.createElement('a');
lien.href = 'http://homeusers.brutele.be/metalcat/bibliotheque-1.htm';
lien.textContent = 'Phase 1';
div_biblio_sousmenu.appendChild(lien);
div_biblio_sousmenu.appendChild(div_biblio_sousmenu_1);
alert('fin biblio_sousmenu_1');
 
alert('début biblio_sousmenu_2');
div_biblio_sousmenu_2 = document.createElement('div');
lien = document.createElement('a');
lien.href = 'http://homeusers.brutele.be/metalcat/bibliotheque-2.htm';
lien.textContent = 'Phase 2';
div_biblio_sousmenu.appendChild(lien);
div_biblio_sousmenu.appendChild(div_biblio_sousmenu_2);
alert('fin biblio_sousmenu_2');
 
div_menu_principal.appendChild(div_biblio);
 

Here the original :

//document.write( " <div class='menu' id=\"bibliotheques\"onmouseover=\"affiche('sousmenu3');\" onmouseout=\"affiche();\">" );
//document.write( " <a href=\"#\" onclick=\"window.location.reload()\">Biblioth&egrave;ques</a>" );
//document.write( "  <div class=\"sousmenu\" id=\"sousmenu3\" style=\"display:none\" onmouseout=\"affiche();\" >" );
//document.write( "   <div><a href=\"http://homeusers.brutele.be/metalcat/bibliotheque-1.htm\">Phase 1</a></div>" );
//document.write( "   <div><a href=\"http://homeusers.brutele.be/metalcat/bibliotheque-2.htm\">Phase 2</a></div>" );
 

Thank you for help. Sorry for my English.

Regards
Guy Janssens
Brussels

[metalcat]

div_biblio.onmouseover = function() {affiche('sousmenu3')};
div_biblio.onmouseout = function() {affiche()};