IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

menu verstical dynamique


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre �clair� Avatar de naima2005
    Inscrit en
    F�vrier 2006
    Messages
    340
    D�tails du profil
    Informations personnelles :
    �ge : 44

    Informations forums :
    Inscription : F�vrier 2006
    Messages : 340
    Par d�faut menu verstical dynamique
    bonjour;
    j'ai un probl�me dans la position du sous-menu d'un menu vertical avec FireFoxe, tout en sachant qu'avec IE �a marche
    voici le code java script utilis�:
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    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
    */
    
    /*
    LIENS
    */
    zlien = new Array;
    zlien[0] = new Array;
    zlien[1] = new Array;
    zlien[0][0] = '<A HREF="" CLASS=ejsmenu>Menu01</A>';
    zlien[0][1] = '<A HREF="" CLASS=ejsmenu>Menu02</A>';
    zlien[0][2] = '<A HREF="" CLASS=ejsmenu>Menu03</A>';
    zlien[1][0] = '<A HREF="" CLASS=ejsmenu>Menu11</A>';
    zlien[1][1] = '<A HREF="" CLASS=ejsmenu>Menu12</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=40><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=40>')
    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">Menu1</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">Menu2</FONT></TD></tr>')
    	document.write('</TABLE></TD></TR></TABLE></DIV>')
    	}
    document.write('</div>');
    je vous remercie pour votre aide

  2. #2
    Expert confirm�
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par d�faut
    document.write()

    Il a combien d'ann�es ce script ?

  3. #3
    Membre �clair� Avatar de naima2005
    Inscrit en
    F�vrier 2006
    Messages
    340
    D�tails du profil
    Informations personnelles :
    �ge : 44

    Informations forums :
    Inscription : F�vrier 2006
    Messages : 340
    Par d�faut
    je ne sais pas mais il me semble bien sauf le pb du firefoxe
    alors si vous avez un script plus �volu� je te serai reconnaissante.

  4. #4
    R�dacteur/Mod�rateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par d�faut
    Bonjour,
    N'utilises plus ce document.write, utilises DOM pour la cr�ation du tableau et tu peux voir ici sa manipulation, sinon tu peux utiliser innerHTML qui est tol�rable.

Discussions similaires

  1. [Conception] Menu arborescent dynamique
    Par Azanael dans le forum PHP & Base de donn�es
    R�ponses: 2
    Dernier message: 12/03/2006, 14h41
  2. menu indent� dynamiquement ?
    Par mariedesmet dans le forum G�n�ral JavaScript
    R�ponses: 13
    Dernier message: 07/03/2006, 19h19
  3. Menu ressource - dynamique
    Par vic_cw dans le forum Windows
    R�ponses: 3
    Dernier message: 09/09/2004, 19h29
  4. [VB6] menu contextuel dynamique
    Par da40 dans le forum VB 6 et ant�rieur
    R�ponses: 10
    Dernier message: 15/07/2003, 11h53

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo