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 JavaScript IE


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    26
    Détails du profil
    Informations personnelles :
    Âge : 35
    Localisation : France

    Informations forums :
    Inscription : Mai 2009
    Messages : 26
    Points : 21
    Points
    21
    Par défaut Menu JavaScript IE
    Bien le bonjour à tous en cette merveilleuse matinée !

    Je developpe une application intranet pour l'entreprise ou je travail et j'utilise un Javascript pour mon menu seulement voila il fonctionne avec firefox, opera, safari, chrome SAUF avec internet explorer (comme de par hasard -_-).
    Donc si quelqu'un serai si il y a un probléme ou une fonction incompatible dans mon code ce serai fort aimable !

    Le code :
    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
    62
    63
    64
    65
    66
    // menu en javascript
    bgcolor='#FFFFFF'; 
    bgcolor2='##00FFFF';
    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>');
    zlien = new Array;
    zlien[0] = new Array;
    zlien[1] = new Array;
    zlien[2] = new Array;
    zlien[3] = new Array;
    zlien[0][0] = '<A HREF="http://localhost/AjoutClient.php" CLASS=ejsmenu>Ajouter un Client</A>'; //Client/Ajouter
    zlien[0][1] = '<A HREF="http://localhost/ModifClient.php" CLASS=ejsmenu>Modification d\'un Client</A>'; //Client/Modifier
    zlien[0][2] = '<A HREF="http://localhost/SupClient.php" CLASS=ejsmenu>Suppression d\'un Client</A>'; //Client/Supprimez
    zlien[0][3] = '<A HREF="http://localhost/ConsClient.php" CLASS=ejsmenu>Consulter Client</A>'; //Client/Consulter
    zlien[1][0] = '<A HREF="http://localhost/AjoutAff.php" CLASS=ejsmenu>Ajout Affaire</A>'; //Affaire/Ajout
    zlien[1][1] = '<A HREF="http://localhost/ModifAff.php" CLASS=ejsmenu>Modifier Affaire</A>'; //Affaire/Modifier
    zlien[1][2] = '<A HREF="http://localhost/SupAff.php" CLASS=ejsmenu>Supression Affaire</A>'; //Affaire/Suppression
    zlien[1][3] = '<A HREF="http://localhost/ConsAff.php" CLASS=ejsmenu>Consulter Affaire</A>'; //Affaire/Consulter
    zlien[2][0] = '<A HREF="http://localhost/ResClient.php" CLASS=ejsmenu>Par Client</A>'; //Resultat/Par client
    zlien[2][1] = '<A HREF="http://localhost/ChoixGraph.php" CLASS=ejsmenu>Résultat Global</A>'; //Resultat/Globale
    zlien[2][2] = '<A HREF="http://localhost/ResAff.php" CLASS=ejsmenu>Résultat par Affaire</A>'; //Resultat/Affaire
    zlien[2][3] = '<A HREF="http://localhost/Compteur.php" CLASS=ejsmenu>Compteur Formulaire</A>'; //Resultat/Compteur Formulaire
    zlien[3][0] = '<A HREF="http://xx.xxx.xxx.xx/AncienClient.php" CLASS=ejsmenu>Envoi Mail</A>'; //Courriel/Envoi Mail
    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=#0000FF 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=\"Arial\">&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=#0000FF WIDTH=100 HEIGHT=80><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=80>')
    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="Arial">Client</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="Arial">Affaire</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="Arial">Résultat</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="Arial">Courriel</FONT></TD></tr>')
    	document.write('</TABLE></TD></TR></TABLE></DIV>')
    	}
    document.write('</div>');
    Sur ce je remerci d'avance ce qui auront le courage de si blonger !
    whowho50
    P.s. Merci Andri.aime

  2. #2
    Inactif  

    Profil pro
    Inscrit en
    Mai 2010
    Messages
    345
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 345
    Points : 496
    Points
    496
    Par défaut
    Citation Envoyé par whowho50 Voir le message
    Bien le bonjour à tous en cette merveilleuse matinée !

    Je developpe une application intranet pour l'entreprise ou je travail et j'utilise un Javascript pour mon menu seulement voila il fonctionne avec firefox, opera, safari, chrome SAUF avec internet explorer (comme de par hasard -_-).
    Donc si quelqu'un serai si il y a un probléme ou une fonction incompatible dans mon code ce serai fort aimable !

    Le code :
    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
    62
    63
    64
    65
    66
    // menu en javascript
    bgcolor='#FFFFFF'; 
    bgcolor2='##00FFFF';
    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>');
    zlien = new Array;
    zlien[0] = new Array;
    zlien[1] = new Array;
    zlien[2] = new Array;
    zlien[3] = new Array;
    zlien[0][0] = '<A HREF="http://localhost/AjoutClient.php" CLASS=ejsmenu>Ajouter un Client</A>'; //Client/Ajouter
    zlien[0][1] = '<A HREF="http://localhost/ModifClient.php" CLASS=ejsmenu>Modification d\'un Client</A>'; //Client/Modifier
    zlien[0][2] = '<A HREF="http://localhost/SupClient.php" CLASS=ejsmenu>Suppression d\'un Client</A>'; //Client/Supprimez
    zlien[0][3] = '<A HREF="http://localhost/ConsClient.php" CLASS=ejsmenu>Consulter Client</A>'; //Client/Consulter
    zlien[1][0] = '<A HREF="http://localhost/AjoutAff.php" CLASS=ejsmenu>Ajout Affaire</A>'; //Affaire/Ajout
    zlien[1][1] = '<A HREF="http://localhost/ModifAff.php" CLASS=ejsmenu>Modifier Affaire</A>'; //Affaire/Modifier
    zlien[1][2] = '<A HREF="http://localhost/SupAff.php" CLASS=ejsmenu>Supression Affaire</A>'; //Affaire/Suppression
    zlien[1][3] = '<A HREF="http://localhost/ConsAff.php" CLASS=ejsmenu>Consulter Affaire</A>'; //Affaire/Consulter
    zlien[2][0] = '<A HREF="http://localhost/ResClient.php" CLASS=ejsmenu>Par Client</A>'; //Resultat/Par client
    zlien[2][1] = '<A HREF="http://localhost/ChoixGraph.php" CLASS=ejsmenu>Résultat Global</A>'; //Resultat/Globale
    zlien[2][2] = '<A HREF="http://localhost/ResAff.php" CLASS=ejsmenu>Résultat par Affaire</A>'; //Resultat/Affaire
    zlien[2][3] = '<A HREF="http://localhost/Compteur.php" CLASS=ejsmenu>Compteur Formulaire</A>'; //Resultat/Compteur Formulaire
    zlien[3][0] = '<A HREF="http://xx.xxx.xxx.xx/AncienClient.php" CLASS=ejsmenu>Envoi Mail</A>'; //Courriel/Envoi Mail
    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=#0000FF 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=\"Arial\">&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=#0000FF WIDTH=100 HEIGHT=80><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=80>')
    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="Arial">Client</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="Arial">Affaire</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="Arial">Résultat</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="Arial">Courriel</FONT></TD></tr>')
    	document.write('</TABLE></TD></TR></TABLE></DIV>')
    	}
    document.write('</div>');
    Sur ce je remerci d'avance ce qui auront le courage de si blonger !
    whowho50
    P.s. Merci Andri.aime
    CE code moche est normalement un code qui provient de l'éditeur Javascript, il serait mieux dans un premier temps de t'inspirer d'un code propre.

    Ensuite ton problème vient d'un problème IE tout simple :
    quand tu fais des document.write dans un code, et que tu essayes d'accéder à ces éléments juste après le document.write, ben IE ne reconnait pas ces objets comme créés.

    la solution serait de générer la nav sur le onload de la page.

  3. #3
    Membre à l'essai
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    26
    Détails du profil
    Informations personnelles :
    Âge : 35
    Localisation : France

    Informations forums :
    Inscription : Mai 2009
    Messages : 26
    Points : 21
    Points
    21
    Par défaut
    Désolé mais je n'est quasiment aucune connaissance dans le JavaScript bien que je comprenne a peu près la page.
    Je confirme que mon code vient bien d'un générateur (je ne sais plus lequel).
    Aurait tu l'amabilité de m'expliquer tes propos :
    la solution serait de générer la nav sur le onload de la page.
    Qui sont pour moi du Russe
    Merci d'avance pour l'aide
    whowho50

  4. #4
    Expert confirmé
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Points : 4 164
    Points
    4 164
    Par défaut
    Un exemple de la structure dont parle dukej :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <html>
    <head>
    <script type="text/javascript">
    function creerMenu() {
       // place l'extrait cité dans ton message à cet endroit
    }
    </script>
    </head>
    <body onload="creerMenu()">
    </body>
    </html>
    Cela dit, je suis d'accord avec lui sur l'autre point : c'est bien "moche" comme code.
    Par "moche", on entend quoi ?

    > cette utilisation de document.write est à proscrire, pour de nombreuses raisons (une rapide recherche t'en donnera des kilomètres) d'efficacité, de lisibilité, de compatibilité, entre autres ^^

  5. #5
    Membre à l'essai
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    26
    Détails du profil
    Informations personnelles :
    Âge : 35
    Localisation : France

    Informations forums :
    Inscription : Mai 2009
    Messages : 26
    Points : 21
    Points
    21
    Par défaut
    Merci de vous interessez a mon problème !
    La solution proposée proposé par RomainVALERI ne marche pas je n'est plus que le menu sans le reste de ma page (le menu ne marchant plus non plus).
    Voici mon code :
    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
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    <!-- Index -->
    <html>
    	<head>
    		<title>Acceuil Enqu&ecirc;te de satisfaction</title>
    		<link type="text/css" href="style.css" rel="stylesheet">
    		<SCRIPT LANGUAGE="JavaScript">
    			function creerMenu() {
    				bgcolor='#FFFFFF'; 
    				bgcolor2='##00FFFF';
    				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>');
    				zlien = new Array;
    				zlien[0] = new Array;
    				zlien[1] = new Array;
    				zlien[2] = new Array;
    				zlien[3] = new Array;
    				zlien[0][0] = '<A HREF="http://localhost/AjoutClient.php" CLASS=ejsmenu>Ajouter un Client</A>'; //Client/Ajouter
    				zlien[0][1] = '<A HREF="http://localhost/ModifClient.php" CLASS=ejsmenu>Modification d\'un Client</A>'; //Client/Modifier
    				zlien[0][2] = '<A HREF="http://localhost/SupClient.php" CLASS=ejsmenu>Suppression d\'un Client</A>'; //Client/Supprimez
    				zlien[0][3] = '<A HREF="http://localhost/ConsClient.php" CLASS=ejsmenu>Consulter Client</A>'; //Client/Consulter
    				zlien[1][0] = '<A HREF="http://localhost/AjoutAff.php" CLASS=ejsmenu>Ajout Affaire</A>'; //Affaire/Ajout
    				zlien[1][1] = '<A HREF="http://localhost/ModifAff.php" CLASS=ejsmenu>Modifier Affaire</A>'; //Affaire/Modifier
    				zlien[1][2] = '<A HREF="http://localhost/SupAff.php" CLASS=ejsmenu>Supression Affaire</A>'; //Affaire/Suppression
    				zlien[1][3] = '<A HREF="http://localhost/ConsAff.php" CLASS=ejsmenu>Consulter Affaire</A>'; //Affaire/Consulter
    				zlien[2][0] = '<A HREF="http://localhost/ResClient.php" CLASS=ejsmenu>Par Client</A>'; //Resultat/Par client
    				zlien[2][1] = '<A HREF="http://localhost/ChoixGraph.php" CLASS=ejsmenu>Résultat Global</A>'; //Resultat/Globale
    				zlien[2][2] = '<A HREF="http://localhost/ResAff.php" CLASS=ejsmenu>Résultat par Affaire</A>'; //Resultat/Affaire
    				zlien[2][3] = '<A HREF="http://localhost/Compteur.php" CLASS=ejsmenu>Compteur Formulaire</A>'; //Resultat/Compteur Formulaire
    				zlien[3][0] = '<A HREF="http://localhost/AncienClient.php" CLASS=ejsmenu>Envoi Mail</A>'; //Courriel/Envoi Mail
    				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=#0000FF 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=\"Arial\">&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=#0000FF WIDTH=100 HEIGHT=80><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=80>')
    				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="Arial">Client</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="Arial">Affaire</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="Arial">Résultat</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="Arial">Courriel</FONT></TD></tr>')
    					document.write('</TABLE></TD></TR></TABLE></DIV>')
    					}
    				document.write('</div>');
    			}
    		</SCRIPT>
    	</head>
    	<body onload="creerMenu()">
    		<center><img style="width: 980px; height: 79px;" alt="" src="Images/axians2.gif"></center>
    		<div id="menu">
    			<div id="contenu">
    				<SCRIPT LANGUAGE="JavaScript">
    					creerMenu()
    				</SCRIPT>
    			</br></br></br>
    			<p>
    				<h3 align="center">Bienvenue dans le syst&egrave;me de gestion de la satisfaction client</h3>
    				<h4 align="center">Veuillez s&eacute;lectionner dans le menu lat&eacute;ral l'action de votre choix.</h4>
    			</p>
    		</div>		
    	</body>
    </html>
    mon ancien code était :
    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
    <!-- Index -->
    <html>
    	<head>
    		<title>Acceuil Enqu&ecirc;te de satisfaction</title>
    		<link type="text/css" href="style.css" rel="stylesheet">
    	</head>
    	<body>
    		<center><img style="width: 980px; height: 79px;" alt="" src="Images/axians2.gif"></center>
    		<div id="menu">
    			<SCRIPT LANGUAGE="JavaScript" SRC="ejs_menu_dyn_vert.js"></SCRIPT>
    		</div>
    		<div id="contenu">
    			</br></br></br>
    			<p>
    				<h3 align="center">Bienvenue dans le syst&egrave;me de gestion de la satisfaction client</h3>
    				<h4 align="center">Veuillez s&eacute;lectionner dans le menu lat&eacute;ral l'action de votre choix.</h4>
    			</p>
    		</div>		
    	</body>
    </html>
    Sacré IE les problèmes de mise en page ne lui suffise pas !

  6. #6
    Inactif  

    Profil pro
    Inscrit en
    Mai 2010
    Messages
    345
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 345
    Points : 496
    Points
    496
    Par défaut
    faut virer les document.write et faire une injection via innerHTML dans in div créé via DOM.

  7. #7
    Membre à l'essai
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    26
    Détails du profil
    Informations personnelles :
    Âge : 35
    Localisation : France

    Informations forums :
    Inscription : Mai 2009
    Messages : 26
    Points : 21
    Points
    21
    Par défaut
    Bon désolé j'ai fini par recréer un menu par le même générateur et sa marche j'avais du trop bidouiller la dernière fois !
    Désolé pour ce qui trouve sa moche mais pour le l'instant je dois mettre en place mon projet au plus vite !
    Mais une prochaine mise a jour pourra avoir lieu.
    En attendant ce code est compatible avec tous les navigateur et visuellement assez jolie et sobre donc sa me correspond.
    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
    62
    63
    64
    65
    66
    bgcolor='#FFFFFF';
    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>');
     
    zlien = new Array;
    zlien[0] = new Array;
    zlien[1] = new Array;
    zlien[2] = new Array;
    zlien[3] = new Array;
    zlien[0][0] = '<A HREF="http://localhost/AjoutClient.php" CLASS=ejsmenu>Ajouter Client</A>';
    zlien[0][1] = '<A HREF="http://localhost/ModifClient.php" CLASS=ejsmenu>Modifier Client</A>';
    zlien[0][2] = '<A HREF="http://localhost/SupClient.php" CLASS=ejsmenu>Supprimer Client</A>';
    zlien[0][3] = '<A HREF="http://localhost/ConsClient.php" CLASS=ejsmenu>Consulter Client</A>';
    zlien[1][0] = '<A HREF="http://localhost/AjoutAff.php" CLASS=ejsmenu>Ajouter Affaire</A>';
    zlien[1][1] = '<A HREF="http://localhost/ModifAff.php" CLASS=ejsmenu>Modifier Affaire</A>';
    zlien[1][2] = '<A HREF="http://localhost/SupAff.php" CLASS=ejsmenu>Supprimer Affaire</A>';
    zlien[1][3] = '<A HREF="http://localhost/ConsAff.php" CLASS=ejsmenu>Consulter Affaire</A>';
    zlien[2][0] = '<A HREF="http://localhost/ResClient.php" CLASS=ejsmenu>Résultat par Client</A>';
    zlien[2][1] = '<A HREF="http://localhost/ChoixGraph.php" CLASS=ejsmenu>Résultat Globale</A>';
    zlien[2][2] = '<A HREF="http://localhost/ResAff.php" CLASS=ejsmenu>Résultat par Affaire</A>';
    zlien[2][3] = '<A HREF="http://localhost/Compteur.php" CLASS=ejsmenu>Compteur formulaire</A>';
    zlien[3][0] = '<A HREF="http://localhost/AncienClient.php" CLASS=ejsmenu>Envoi Mail</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=80><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=80>')
    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">Client</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">Affaire</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">Résultat</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">Courriel</FONT></TD></tr>')
    	document.write('</TABLE></TD></TR></TABLE></DIV>')
    	}
    document.write('</div>');
    Encore merci de votre patiente et bonne journée à vous.
    Cordialement.
    whowho50

  8. #8
    Expert confirmé
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Points : 4 164
    Points
    4 164
    Par défaut
    Citation Envoyé par whowho50 Voir le message
    sa marche j'avais du trop bidouiller la dernière fois !
    C'est r'tombé en marche ! nous v'la beaux...

    Et heu... bon courage !

  9. #9
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 643
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 643
    Points : 66 669
    Points
    66 669
    Billets dans le blog
    1
    Par défaut
    ça donne envie de ...
    ben de rien en fait

  10. #10
    Membre à l'essai
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    26
    Détails du profil
    Informations personnelles :
    Âge : 35
    Localisation : France

    Informations forums :
    Inscription : Mai 2009
    Messages : 26
    Points : 21
    Points
    21
    Par défaut
    HA je ne trouver pas le bouton Résolu en fait il était juste sous mes yeux
    En tout cas maintenant sa tourne encore merci !

  11. #11
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 643
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 643
    Points : 66 669
    Points
    66 669
    Billets dans le blog
    1
    Par défaut
    Y'a vraiment pas de quoi ...
    Et si je peux juste te demander un petit service:
    surtout ne répand pas l'information comme quoi tu as trouvé la solution grace à developpez

  12. #12
    Inactif  

    Profil pro
    Inscrit en
    Mai 2010
    Messages
    345
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 345
    Points : 496
    Points
    496
    Par défaut
    Citation Envoyé par whowho50 Voir le message
    HA je ne trouver pas le bouton Résolu en fait il était juste sous mes yeux
    En tout cas maintenant sa tourne encore merci !
    Merci de nous avoir pris pour le SAV de EJS

  13. #13
    Expert confirmé
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Points : 4 164
    Points
    4 164
    Par défaut
    Citation Envoyé par dukej Voir le message
    Merci de nous avoir pris pour le SAV de EJS
    Tu veux dire... le SAV d'IE

  14. #14
    Membre à l'essai
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    26
    Détails du profil
    Informations personnelles :
    Âge : 35
    Localisation : France

    Informations forums :
    Inscription : Mai 2009
    Messages : 26
    Points : 21
    Points
    21
    Par défaut
    Ce serai bien qu'ils aient un SAV aussi rapide....

  15. #15
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 643
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 643
    Points : 66 669
    Points
    66 669
    Billets dans le blog
    1
    Par défaut
    Avec des code aussi pourris ... c'est pas possible

  16. #16
    Membre à l'essai
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    26
    Détails du profil
    Informations personnelles :
    Âge : 35
    Localisation : France

    Informations forums :
    Inscription : Mai 2009
    Messages : 26
    Points : 21
    Points
    21
    Par défaut
    Je ne connais pas le JavaScript (je vais surement mis mettre l'année prochaine) donc c'est difficile à organiser !

  17. #17
    Expert confirmé
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Points : 4 164
    Points
    4 164
    Par défaut
    Citation Envoyé par whowho50 Voir le message
    Je ne connais pas le JavaScript (je vais surement mis mettre l'année prochaine) donc c'est difficile à organiser !
    Ne sois pas échaudé par nos remarques whowho Personne n'a rien contre toi ici. On se marre pour décompresser parce qu'IE, étant donné 1) les différences d'implémentation avec les autres navigateurs, 2) un constant non-respect des standards et 3) un statut historique monopolistique heurtant notre sensibilité et notre esprit critique, nous donne des aigreurs d'estomac/maux de tête/plaques d'urticaire/délires nocturnes*.

    En revanche, on sait faire la part des choses et on ne se moque pas de toi, qui au contraire es obligé de faire face à ces mêmes situations... ^^ Comme dit l'écrivain (merde je sais plus lequel, ça aurait fait classe ) : "Bonheur, je t'ai reconnu au bruit que tu as fait en partant."

    Bienvenue dans la matrIcE, neo


    * rayez les mentions inutiles ou bien gardez le tout

  18. #18
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 643
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 643
    Points : 66 669
    Points
    66 669
    Billets dans le blog
    1
    Par défaut
    pour la minute culturelle :
    Raymond Radiguet

  19. #19
    Membre à l'essai
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    26
    Détails du profil
    Informations personnelles :
    Âge : 35
    Localisation : France

    Informations forums :
    Inscription : Mai 2009
    Messages : 26
    Points : 21
    Points
    21
    Par défaut
    Oui je connais bien le malheureux IE je suis en étude d'analyste programmeur donc je rencontre souvent ce problème ! Surtout que certaine entreprise son encore sous IE 6 (le HTML 5 sa me fait bien marrer moi).
    Je comprend donc votre rancoeur face à ce triste monopole historique et me joint à vous pour lui vouer une haine incommensurable.

  20. #20
    Membre expérimenté
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    1 132
    Détails du profil
    Informations personnelles :
    Âge : 52
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 1 132
    Points : 1 418
    Points
    1 418
    Par défaut
    Citation Envoyé par RomainVALERI Voir le message
    On se marre pour décompresser parce qu'IE, étant donné 1) les différences d'implémentation avec les autres navigateurs, 2) un constant non-respect des standards et 3) un statut historique monopolistique heurtant notre sensibilité et notre esprit critique, nous donne des aigreurs d'estomac/maux de tête/plaques d'urticaire/délires nocturnes*.
    Tu as oublié ...

    4) une inconstance dans l'implémentation d'une version à une autre

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [AJAX] menu javascript et ajax
    Par gregius dans le forum Général JavaScript
    Réponses: 24
    Dernier message: 22/06/2006, 12h02
  2. Menu javascript devrait rester ouvert..
    Par gregius dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 14/06/2006, 10h15
  3. "Assembler" les éléments d'un menu javascript (.js + .css)
    Par beegees dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 02/06/2006, 10h15
  4. Probleme menu JAVASCRIPT
    Par nocy dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 25/03/2006, 22h51
  5. menu javascript
    Par anthonyr45 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 06/03/2006, 10h37

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