Menu déroulant sur un site

Fermé

Utilisateur anonyme - 3 juil. 2003 à 16:50
peppena - 4 juil. 2003 à 14:51

Salut !
qq1 saurait (surement) comment je peux faire pour réaliser des menus "déroulants" sur un site (genre je clique sur un mot ou une image, et ça me fait apparaître un menu en dessous).
Merci @+

A voir également:

4 réponses

Réponse 1 / 4

peppena
4 juil. 2003 à 14:51

si tu veux voila un code
il faut bien sur revoir les liens
tu copies tout ce qui suis dans un fichier menu.js
et ds le pge html
voila l'appel au menu :
<SCRIPT LANGUAGE="JavaScript" SRC="menu.js"></SCRIPT>
<SCRIPT LANGUAGE=JavaScript>
if(document.getElementById)
document.write('<DIV class=popper id=topdeck ></DIV>');
</SCRIPT>

code script:
posYmenu = 10; // position du menu
bgcolor='#6699CC';//couleur du menu
bgcolor2='#B0C4DE';// couleur on mouse over
needcenter =true;
if(!needcenter)
posXmenu = 0;
else
{ if (document.all)
posXmenu = (document.body.clientWidth/2)-(800/2);
else
posXmenu = (window.innerWidth/2)-(800/2);
}
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute; top:'+posYmenu+'px; left:'+posXmenu+'px; z-index:10; }')
document.write('A:hover.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('A:active.ejsmenu {text-decoration:none; color:"#ffd700";}')
document.write('A.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('</style>')
document.write('<DIV class=popper id=topdeck></DIV>');

/*
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[5] = new Array;
zlien[6] = new Array;
zlien[7] = new Array;
zlien[0][0] = '<A HREF="" target="principal" CLASS=ejsmenu></A>';
zlien[0][1] = '<A HREF="personnel.htm" target="principal" CLASS=ejsmenu>Personnel</A>';
zlien[0][2] = '<A HREF="activites.htm" target="principal" CLASS=ejsmenu>Activités</A>';

var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { skn = document.topdeck }
else if (dom) { skn = document.getElementById("topdeck").style }
else if (iex) { skn = topdeck.style }
skn.top = posYmenu+24;

function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = posXmenu+pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR='white' 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=16><FONT SIZE=2 FACE=\"Arial\"> "+msg[pass]+"</FONT></TD></TR>";
pass++;
}
content += "</TABLE></TD></TR></TABLE>";
if (nava)
{
skn.document.write(content);
skn.document.close();
skn.visibility = "visible";
}
else if (dom)
{
document.getElementById("topdeck").innerHTML = content;
skn.visibility = "visible";
}
else if (iex)
{
document.all("topdeck").innerHTML = content;
skn.visibility = "visible";
}
}
function kill()
{
skn.visibility = "hidden";
}
document.onclick = kill;
document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=white WIDTH=800><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% whidth=25><TR>')

document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(true)" onMouseOver="pop(zlien[0],0)" href="presentation.htm" target="principal" CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><b>Présentation</b></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],100)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(true)" onMouseOver="pop(zlien[1],100)" href="samu.htm" target="principal" CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><b>SAMU</b></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],200)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(true)" onMouseOver="pop(zlien[2],200)" href="smur.htm" target="principal" CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><b>SMUR</b></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],300)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(true)" onMouseOver="pop(zlien[3],300)" href="transport.htm" target="principal" CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><b>Transport sanitaire</b></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[4],400)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(true)" onMouseOver="pop(zlien[4],400)" href="enseignement.htm" target="principal" CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><b>Enseignement</b></FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[5],500)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(true)" onMouseOver="pop(zlien[5],500)" href="aidemedicale.htm" target="principal" CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><b>Aide médicale urgente</b></FONT></a></TD>')

document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[7],700)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(true)" onMouseOver="pop(zlien[7],700)" href="liens.htm" target="principal" CLASS=ejsmenu><FONT SIZE=2 FACE="Arial"><b>liens</b></FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV>')

Réponse 2 / 4

Jean-François Pillou Messages postés 18707 Date d'inscription lundi 15 février 1999 Statut Webmaster Dernière intervention 16 février 2023 63 267
3 juil. 2003 à 16:59

Une piste de réflexion :

http://www.google.fr/search?q=menu+d%C3%A9roulant+javascript&ie=UTF-8&oe=UTF-8&hl=fr&meta=

Réponse 3 / 4

arthix Messages postés 52 Date d'inscription lundi 30 juin 2003 Statut Membre Dernière intervention 31 août 2006 5
3 juil. 2003 à 16:59

Salut,

DHTML, encore et toujours .... sera ta solution... sous google tu fais rechercher script dhtml, et là paf, plein de solutions !!!

A+

Réponse 4 / 4

Utilisateur anonyme
3 juil. 2003 à 17:01

Merci les mecs !!!

Discussions similaires

'Votre colis est dans le site de livraison qui dessert votre adresse' que faire

Colis en cours de transport vers votre site de livraison ?

Suppression listes déroulantes

Chemin Logo du site de la Cité de l'espace

Discussions similaires

Newsletters