Fork me on GitHub






Menu
Newbie
Inscrit: 13/08/2005 09:42
Messages: 12
Salut tout le monde. J'ai un petit problème.... Je voudrais mettre en menu en JavaScript sur une de mes pages.
J'ai modifié la page theme.html avec WebExpert6 et j'ai inséré ceci ou je voulais:

<SCRIPT LANGUAGE="JavaScript" SRC="ejs_menu_dyn_vert.js"></SCRIPT>
ensuite j'ai uploadé dans le meme fichier ceci:

bgcolor='#006699';
bgcolor2='#6699CC';
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:#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[1] = new Array;
zlien[2] = new Array;
zlien[3] = new Array;
zlien[4] = new Array;
zlien[0][0] = '<A HREF="http://www.seb2020.c0m/xoops" CLASS=ejsmenu>Home</A>';
zlien[1][0] = '<A HREF="http://www.seb2020.com/xoops/modules/news/" CLASS=ejsmenu>Articles divers</A>';
zlien[2][0] = '<A HREF="http://www.seb2020.com/xoops/modules/mylinks/" CLASS=ejsmenu>liens web divers</A>';
zlien[3][0] = '<A HREF="http://www.seb2020.com/xoops/modules/contact/" CLASS=ejsmenu>Contactez-moi</A>';
zlien[4][0] = '<A HREF="http://www.seb2020.com/xoops/modules/myalbum/" CLASS=ejsmenu>Mes photo</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=100><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=100>')
document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Home</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+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Articles</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+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Liens web</FONT></TD></tr>')
document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],60)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Contact</FONT></TD></tr>')
document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[4],80)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">My album</FONT></TD></tr>')
document.write('</TABLE></TD></TR></TABLE></DIV>')
}
document.write('</div>');




Quang je regarde ma page avec le navigateur de WebExpert 6 le menu apparait; mais le menu n'apparait pas quand je tappe www.seb2020.com alors ke faire...

Posté le : 24/10/2005 15:32
Partager Twitter Partagez cette article sur GG+
Re: Menu
Admin Frxoops
Inscrit: 04/02/2003 16:46
De Blois
Messages: 3071
tu as bien uplodé le fichier 'ejs_menu_dyn_vert.js' sur le serveur ?

Posté le : 24/10/2005 18:05
Partager Twitter Partagez cette article sur GG+
Re: Menu
Newbie
Inscrit: 13/08/2005 09:42
Messages: 12
oui

Posté le : 24/10/2005 18:20
Partager Twitter Partagez cette article sur GG+
Re: Menu
Xoops accro
Inscrit: 25/02/2004 00:20
De Région parisienne
Messages: 2526
Regardes ce message, il y a un menu simple à mettre en oeuvre : https://www.frxoops.org/modules/newbb/ ... t_id=47545#forumpost47545
Et tu trouvera un sujet complémentaire pour la mise en place de ce menu : https://www.frxoops.org/modules/newbb/ ... at&topic_id=8590&forum=15


En plus il est compatible avec beaucoups de navigateurs, ce qui n'a pas l'air d'être le cas de ton script qui ne tient pas compte ni du navigateur ni de la version de celui-ci.

Posté le : 24/10/2005 18:26
Partager Twitter Partagez cette article sur GG+
Re: Menu
Newbie
Inscrit: 13/08/2005 09:42
Messages: 12
ok mais g pas compris quelle fichier je dois uploadé

Posté le : 24/10/2005 18:35
Partager Twitter Partagez cette article sur GG+
Re: Menu
Xoops accro
Inscrit: 25/02/2004 00:20
De Région parisienne
Messages: 2526
Le fichier se trouvant sur cette page : http://gosu.pl/dhtml/mygosumenu.html

Posté le : 24/10/2005 20:00
Partager Twitter Partagez cette article sur GG+
Re: Menu
Newbie
Inscrit: 13/08/2005 09:42
Messages: 12
d'accort mais pour modifier le nom je fais comment??

Posté le : 25/10/2005 09:59
Partager Twitter Partagez cette article sur GG+
Re: Menu
Xoops accro
Inscrit: 25/02/2004 00:20
De Région parisienne
Messages: 2526
En fonction du type de menu que tu vas choisir, il faut modifier le contenu des balises HTML

[code]
<div>....</div>

ou

<a href=="...">..</a>

ou

<ul>
<li> ... </li>
[code]

Regarde le code source des exemples et regardes le menu en action, tu verra les textes et liens à modifier.

Posté le : 25/10/2005 10:57
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

128 Personne(s) en ligne (112 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 128 | Plus ...