Explication de code

Salut à tous !
J'ai trouvé ce code sur Internet mais celà ne m'intéresse pas de le recopier sans le comprendre alors je cherche quelqu'un qui pourrait m'aider à en saisir le sens (ligne par ligne ).
D'avance merci.



document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:15; left:99px ')
document.write('#topgauche { position:absolute;  z-index:10; }')
document.write('A:hover.ejsmenu {color:#33CC00; text-decoration:none;}')
document.write('.ejsmenu {color:#33CC00; text-decoration:none;}')
document.write('</style>')
document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');

salut,
ben comme ça, sans rien à coté, il sert à rien ce code

le document.write() en javascript permet tout simplement d'écrire du code html
donc ici, c'est l'equivalent de :
<style type="text/css">
    .popper { POSITION: absolute; VISIBILITY: hidden; z-index:15; left:99px
    #topgauche { position:absolute;  z-index:10; }
    A:hover.ejsmenu {color:#33CC00; text-decoration:none;}
    .ejsmenu {color:#33CC00; text-decoration:none;}
</style>
<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>
en gros c'est du code basique, du css et un peu de html
là ou ca peut etre interessant c'est quand tu met une variable au milieu de chaine de caractere

voila
@+

Je te donne une idée, tu me donnes une idée, nous avons chacun deux idées.
Mon site Internet

Le code complet concerne un menu en fait. C'est un menu déroulant dynamique qui affiche des sous menus quand on passe la souris sur les items du menu principal.
Le code complet est le suivant:

<script language="javascript">
bgcolor='#00FF00';
bgcolor2='#CC0000';
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:15; left:99px ')
document.write('#topgauche { position:absolute;  z-index:10; }')
document.write('A:hover.ejsmenu {color:#33CC00; text-decoration:none;}')
document.write('.ejsmenu {color:#33CC00; text-decoration:none;}')
document.write('</style>')
document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');

/*
LIENS
*/
zlien = new Array;
zlien[0] = new Array;
zlien[1] = new Array;
zlien[2] = new Array;
zlien[0][0] = '<A HREF="lien1bis.htm" >lien1bis</A>';
zlien[0][1] = '<A HREF="lien1bis2.htm" >lien1bis2</A>';
zlien[0][2] = '<A HREF="lien1bis3.htm" >lien1bis3</A>';
zlien[1][0] = '<A HREF="lien2bis.htm" >lien2bis</A>';
zlien[1][1] = '<A HREF="lien2bis2.htm" >lien2bis2</A>';
zlien[2][0] = '<A HREF="lien3bis.htm" >lien3bis</A>';
if(document.getElementById)
 {
 skn = document.getElementById("topdeck").style
 skn.left = 99;
 }

function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.top = pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=150><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>";
pass = 0
while (pass < msg.length)
 {
 content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor2+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=1 FACE=\"Verdana\">&nbsp;&nbsp;"+msg[pass]+"</FONT></TD></TR>";
 pass++;
 }
content += "</TABLE></TD></TR></TABLE>";
document.getElementById("topdeck").innerHTML = content;
skn.visibility = "visible";
}
function kill()
{
 if(document.getElementById)
  skn.visibility = "hidden";
}
document.onclick = kill;
if(document.getElementById)
 {
 document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=100 HEIGHT=60><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=60>')
document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'" ><FONT SIZE=1 FACE="Verdana">lien1</FONT></TD></tr>')
document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],20)" onMouseOut="this.style.background=\''+bgcolor+'\'" ><FONT SIZE=1 FACE="Verdana">lien 2</FONT></TD></tr>')
document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],40)" onMouseOut="this.style.background=\''+bgcolor+'\'" ><FONT SIZE=1 FACE="Verdana">lien 3</FONT></TD></tr>')
 document.write('</TABLE></TD></TR></TABLE></DIV>')
 }
document.write('</div>');
</script>



Certaines choses sont simples mais d'autres me semblent assez compliquées à comprendre (pour moi !).
Donc . . . si qqn a le temps de m'aider, ce n'est pas de refus !
Merci.

ben dit moi ce que tu ne comprend pas !
je verrai si je peut t'aider

Je te donne une idée, tu me donnes une idée, nous avons chacun deux idées.
Mon site Internet

Zlien, ce sont différents tableaux qui regroupent les liens finaux (les items des sous menus). Ca c'est OK.
La fonction kill doit cacher les sous menus quand on ne passe dessus.
Pour le reste, comme je n'y connais pas grand chose en javascript . . .
Si ça te saoule, ce n'est pas grave, je comprendrais tres bien !
Merci quand meme.

nan ca me saoule pas t'inquiete
si je répond, c'est que je veut bien

par contre je viens de tester le script et il ne m'affiche rien
je pense que chez toi ca affiche quelque chose mais bon....
tu l'a trouvé ou ?

Je te donne une idée, tu me donnes une idée, nous avons chacun deux idées.
Mon site Internet

Sur www.editeurjavascript.com .Il me semble que je l'ai fait par édition automatique (d'où mon incompréhension !).
Normalement il doit bien t'afficher un menu (vert fluo) . . .

Merci bcp !

y a pas de quoi
si tu a des questions, n'hésite pas, contact moi
@+

Je te donne une idée, tu me donnes une idée, nous avons chacun deux idées.
Mon site Internet