Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : Menu avec affichage du sous-menu au survol [ Archives / AU SECOURS !!! ] (lotte3)

vendredi 14 janvier 2005 à 16:16:44 | Menu avec affichage du sous-menu au survol

lotte3

Bonjour à tous
Je suis nouvelle sur ce forum de Javascript, et je débute dans ce langage, dans ne m'en veuillez pas si je pose des questions trop simples...

Mon menu :
4 boutons placés horizontalement. Lorsque je passe la souris sur l'un d'eux, un sous menu apparait (à l'aide d'un layer). Tout marche (c'est déjà un exploit) mais je n'arrive pas à faire disparaitre le sous-menu lorsque ma souris se balade ailleurs que dessus. Il disparait lorsque je clique sur l'un des sous-menus ou en recliquant sur le menu simple.

J'ai l'impression que ce qui coince, c'est de la syntaxe. Pouvez -vous m'aider à trouver l'erreur ?

Le code (feuille .js externe) :

bgcolor='#113D9F';
bgcolor2='#758DC3';
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute;  z-index:10; top: 0px; left: 0px; }')
document.write('A:hover.ejsmenu {color:#ffffff; text-decoration:none;}')
document.write('A.ejsmenu {color:#ffffff; 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[0][0] = '<A HREF="origine.html" CLASS=ejsmenu>Origine et création</A>';
zlien[0][1] = '<A HREF="chiffres.html" CLASS=ejsmenu>Chiffres et dates</A>';
zlien[0][2] = '<A HREF="activites.html" CLASS=ejsmenu>Les activités</A>';
zlien[0][3] = '<A HREF="atouts.html" CLASS=ejsmenu>Sept atoûts</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 = 24;

function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = 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+"'\";\"skn.visibility='hidden'\" HEIGHT=20><FONT SIZE=1 FACE=\"Arial\">&nbsp;&nbsp;"+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  WIDTH=100><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=25><TR>')
document.write('<TD WIDTH=100 ALIGN=center ><A onClick="return(false)"  onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu ><FONT SIZE=1 FACE="Arial">L\'agence</FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')

Lotte


dimanche 16 janvier 2005 à 11:45:37 | Re : Menu avec affichage du sous-menu au survol

coucou747

disons simplement que l'on ne comprends pas grand chose dans ton code... Aparement t'as fait que deux fonctions, pop et kill, et elles sont en plein milieu du code.... Donc, je ne peux que te donner l'évenement qui s'active lorsque tu enlèves ta souris d'un objet : onmouseout In a dream, I saw me, drop dead... U was here, U cried... It was just a deam, if I die, U won't cry, maybe, U'll be happyhttp://coucou747.hopto.org

lundi 17 janvier 2005 à 09:34:53 | Re : Menu avec affichage du sous-menu au survol

lotte3

Merci couou747 mais je le savais pour le mouseout, c'est meme pour ça que j'ai glissé mon code dans l'instruction on mouseout !
pour t'expliquer le code, malheureusement je ne peux pas le faire car il provient d'un générateur de javascript et je ne comprends pas tout moi meme !!!
Quelqu'un d'autre a-t-il des suggestions ?


Lotte

lundi 17 janvier 2005 à 10:37:15 | Re : Menu avec affichage du sous-menu au survol

malalam

Administrateur CodeS-SourceS
Salut,

onMouseOut=\"this.style.background='"+bgcolor+"'\";\"skn.visibility='hidden'\"

pourquoi echappes-tu les guillemets du milieu, et d'ailleurs, que font-ils la?
Dans une page html normale ca donnerait ca normalement :


onMouseOut="this.style.background='bgcolor';skn.visibility='hidden'"

Or ton code donne ca :

onMouseOut="this.style.background='bgcolor' ";"skn.visibility='hidden'"

Perso, je ne l'ai jamais ecrit comme ca et ne suis pas tres sur que cela doive fonctionner.




Cette discussion est classé dans : menu, document, write, skn, visibility


Répondre à ce message

Sujets en rapport avec ce message

menu dynamique (suite) [ par mamy ] Voilà mon code mais il ne fonctionne pas: Bienven Menu frame affichage page... [ par chajlp ] Bonjour,J'ai copié le script de ce menu pour mon site, il fonctionne très bien seulement lorsque je clique sur le lien la page s'afiche dans la fenêtr bug affichage <div> ????? [ par benj18 ] Bonjour,J'ai un problème d'affichage avec mon menu dynamique (code en dessous).Quand le menu se déroule sur une balise ou , ce sont ces balises qui " menu vertical (javascript) [ par tianet ] Bonjour,Je voudrai faire un menu déroulant vertical, mais avec les sous menu qui s'affiche horizontallement.Lorsque le curseur passe sur une rubrique Menu javascript à gauche [ par hotmaskim ] Bonjour, J'ai généré un menu sur www.editeurjavascript.com  (ce menu exactement)Le problème, les sous-menu (lorsque l'on Ouvrir des pages htm dans un iFrame [ par pat84 ] Bonjour à tous,J'ai récupéré un menu sur le web que j'ai modifié pour mon usage...Un menu est situé dans la page index.htm et dans cette page index.ht pb de refresh de menu [ par tianet ] Bonsoir, Je voudrais faire un menu qui une fois qu'une option est sélectionnée une nouvelle page s'ouvre et que le menu reste selectionné à la bonne o Help menu dynamique [ par TMG Boby ] Salut allJ'ai téléchargé un script de menu dynamique vertical sur l'éditeur javascript, jai modifié quelques lignes de codes mais je n'arrive pas au r menu qui ne fonctionne pas sous machintoch [ par val78 ] Bonjour j'ai un code javascript qui fonctionne sous IE mais qui ne fonctionne pas sous Machintoch pouvez vous m'aider merci d'avance// JavaScript Docu probleme de lien sur menu [ par kythibong ] bonjourj'ai un petit soucij'utilise pour la premiere fois du javascript dans un site pour créer un menu déroulant avec sous menusqui comportent tous d


Nos sponsors

Sondage...

CalendriCode

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,234 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.