new!
|
|
|
 |
| > Menu dynamique vertical |
[ Posté par zaldiko ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 21-06-2008 à 10:25 | 3 messages ]
|
Bonjour,
J'ai installé le srcipt menu vertical qui fonctionne bien. Mais je souhaiterais avoir un deuxieme sous menu qui s'affiche en survolant le premier sous menu et que ce deuxiéme sous menu affiche une image plutot qu'un onglet.
Est ce possible avec ce script?
Fichier js :
bgcolor='#7bab6b';
bgcolor2='#99cc00';
bgcolor3='#ffffff';
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:15; left:160px ')
document.write('#topgauche { position:absolute; z-index:10; }')
document.write('A:hover.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('</style>')
document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');
/*
SCRIPT EDITE SUR L'EDITEUR JAVACSRIPT
http://www.editeurjavascript.com
*/
/*
LIENS
*/
zlien = new Array;
zlien[0] = new Array;
zlien[0][0] = '<A HREF="http://coolgames.cresite.com/boutique/index.php?cPath=2" CLASS=ejsmenu><FONT color=#ffffff>Maca Real en poudre</FONT></A>';
zlien[0][1] = '<A HREF="http://coolgames.cresite.com/boutique/index.php?cPath=3" CLASS=ejsmenu><FONT color=#ffffff>Maca Real en granulés</FONT></A>';
zlien[0][2] = '<A HREF="http://coolgames.cresite.com/boutique/index.php?cPath=4" CLASS=ejsmenu><FONT color=#ffffff>Maca Real Premium</FONT></A>';
if(document.getElementById)
{
skn = document.getElementById("topdeck").style
skn.left = 160;
}
function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.top = pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#ffffff 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\"> "+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=#ffffff WIDTH=150 HEIGHT=30><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=30>')
document.write('<tr><TD WIDTH=150 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT color=#ffffff SIZE=2 FACE="Arial">commander en ligne</FONT></TD></tr>')
document.write('</TABLE></TD></TR></TABLE></DIV>')
}
document.write('</div>'); |
|
|
|
|
|
[ Posté par rf92 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 21-06-2008 à 13:00 | 641 messages ]
Bonjour,
pour avoir un 3ème niveau, il y a le code de Ghislain Lavoie.
Pour avoir des images à la place des onglets ( ?), en fait, les codes fonctionnent avec des balises de tableau (table, tr, td). Donc il suffira de mettre dans la balise td une balise img.
a+
________________
rf92
A Begwalewe, près de Serule au Botswana, Galetwaselwe Mossi a volé une vache à Sir Seretse Khama. On vous fait grâce du nom de la vache.
Pierre Desproges
|
|
Services email :
Vous devez vous identifier pour profiter des services par email du forum.
|
|
]
