Guest webm Posté 6 Juillet 2004 Posté 6 Juillet 2004 (modifié) Salut J'ai réglé un script (menu dynamique) mais j'ai un probleme au niveau de l'affichage j'aimerai que celui ci soit en dessous du header et non pas tout en haut : Voir ici http://www.pentasonic.net/boutique/ Je ne m'y connais pas en Java , si quelqu'un pouvait m'aider ca serait sympas. Voila le script en question : bgcolor='#006699';bgcolor2='#6699CC';needcenter =false;if(!needcenter) posXmenu = 200;else { if (document.all) posXmenu = (document.body.clientWidth/2)-(500/2); else posXmenu = (window.innerWidth/2)-(500/2); }document.write('<style type="text/css">');document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')document.write('#topgauche { position:absolute; z-index:10; }')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>');/*SCRIPT EDITE SUR L'EDITEUR JAVACSRIPThttp://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[5] = new Array;zlien[6] = new Array;zlien[7] = new Array;zlien[1][0] = '<A HREF="historique.htm" CLASS=ejsmenu>Historique</A>';zlien[1][1] = '<A HREF="specificites.htm" CLASS=ejsmenu>Spécificités</A>';zlien[1][2] = '<A HREF="orgetstr.htm" CLASS=ejsmenu>Organisation et structure</A>';zlien[2][0] = '<A HREF="competences.htm" CLASS=ejsmenu>Domaines de compétences</A>';zlien[2][1] = '<A HREF="etueting.htm" CLASS=ejsmenu>Etudes et ingénierie</A>';zlien[2][2] = '<A HREF="formation.htm" CLASS=ejsmenu>Intégration et formation</A>';zlien[2][3] = '<A HREF="maintenance.htm" CLASS=ejsmenu>Maintenance et infogérance</A>';zlien[2][4] = '<A HREF="location.htm" CLASS=ejsmenu>Location informatique</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=trueskn.left = pos;var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=150><TR><TD><TABLE WIDTH=170 BORDER=0 CELLPADDING=0 CELLSPACING=1>";pass = 0while (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\"> "+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=#000000 WIDTH=733><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=25><TR>')document.write('<TD WIDTH=70 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Accueil</FONT></a></TD>')document.write('<TD WIDTH=70 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],100)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],100)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Pentasonic</FONT></a></TD>')document.write('<TD WIDTH=110 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],200)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],200)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Activités et services</FONT></a></TD>')document.write('<TD WIDTH=110 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],300)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],300)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Catalogue en ligne</FONT></a></TD>')document.write('<TD WIDTH=70 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[4],400)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],400)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Carrières</FONT></a></TD>')document.write('<TD WIDTH=70 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[5],500)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[5],500)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Partenaires</FONT></a></TD>')document.write('<TD WIDTH=70 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[6],600)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[6],600)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Références</FONT></a></TD>')document.write('<TD WIDTH=70 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[7],700)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[7],700)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Contact</FONT></a></TD>')document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>') Merci Modifié 7 Juillet 2004 par webm
-ZN- Posté 6 Juillet 2004 Posté 6 Juillet 2004 C'est peut etre plutot un probleme d'insertion de ton script dans ta page HTML je crois ... tu as le code? Si je comprend bien tu veux que le menu soit sous l'image pentasonic.net? ps: le langage que tu emploies pour ton script est du javascript, ce qui n'est pas du java ... c'est vrai que les appellations sont trompeuses...
Guest webm Posté 7 Juillet 2004 Posté 7 Juillet 2004 Oui en effet je ve que le script soit en dessous de l'image , voila le code html : <html><head><Title>PENTASONIC votre interlocuteur informatique dans la région Pays de la Loire</Title><!-- DEBUT DU SCRIPT --><script LANGUAGE="JavaScript">/*Effet K2000 sur du texteSCRIPT EDITE SUR L'EDITEUR JAVASCRIPThttp://www.editeurjavascript.com*/k2000text = "-> Ordinateur portable PACKARD BELL EasyNote M7264 !";k2000pos = 0;k2000increment = 1;function k2000effet() { k2000aff = ""; for(k2000a=0;k2000a<k2000text.length;k2000a++) { k2000lettre = k2000text.charAt(k2000a); if(k2000a == k2000pos || k2000a == (k2000pos+k2000increment)) k2000aff += "<FONT COLOR=#CC0000>"+k2000lettre+"</FONT>"; else k2000aff += k2000lettre; } document.getElementById("k2000").innerHTML = k2000aff; if(k2000pos == k2000text.length) k2000increment = -1; if(k2000pos == 0 && k2000increment== -1) k2000increment = 1; k2000pos = k2000pos+k2000increment; timer = setTimeout("k2000effet()",30) }</SCRIPT><script language="javascript"><!--var IE5=(document.getElementById && document.all)? true : false;var W3C=(document.getElementById)? true: false;var currIDb=null, currIDs=null, xoff=0, yoff=0; zctr=0; totz=0;function trackmouse(evt){if((currIDb!=null) && (currIDs!=null)){var x=(IE5)? event.clientX+document.body.scrollLeft : evt.pageX;var y=(IE5)? event.clientY+document.body.scrollTop : evt.pageY;currIDb.style.left=x+xoff+'px';currIDs.style.left=x+xoff+10+'px';currIDb.style.top=y+yoff+'px';currIDs.style.top=y+yoff+10+'px';return false;}}function stopdrag(){currIDb=null;currIDs=null;NS6bugfix();}function grab_id(evt){xoff=parseInt(this.IDb.style.left)-((IE5)? event.clientX+document.body.scrollLeft : evt.pageX);yoff=parseInt(this.IDb.style.top)-((IE5)? event.clientY+document.body.scrollTop : evt.pageY);currIDb=this.IDb;currIDs=this.IDs;}function NS6bugfix(){if(!IE5){self.resizeBy(0,1);self.resizeBy(0,-1);}}function incrzindex(){zctr=zctr+2;this.subb.style.zIndex=zctr;this.subs.style.zIndex=zctr-1;}function createPopup(id, title, width, height, x , y , isdraggable, boxcolor, barcolor, shadowcolor, text, textcolor, textptsize, textfamily, titlecolor ){if(W3C){zctr+=2;totz=zctr;var txt='';txt+='<div id="'+id+'_s" style="position:absolute; left:'+(x+10)+'px; top:'+(y+10)+'px; width:'+width+'px; height:'+height+'px; background-color:'+shadowcolor+'; filter:alpha(opacity=50); visibility:visible"> </div>';txt+='<div id="'+id+'_b" style="border:outset '+barcolor+' 2px; position:absolute; left:'+x+'px; top:'+y+'px; width:'+width+'px; overflow:hidden; height:'+height+'px; background-color:'+boxcolor+'; visibility:visible">';txt+='<div style="width:'+width+'px; height:16px; background-color:'+barcolor+'; padding:0px; border:1px"><table cellpadding="0" cellspacing="0" border="0" width="'+(IE5? width-4 : width)+'"><tr><td width="'+(width-20)+'"><div id="'+id+'_h" style="width:'+(width-20)+'px; height:14px; font: bold 12px Arial; color:'+titlecolor+'"> '+title+'</div></td><td align="right"><a onmousedown="document.getElementById(\''+id+'_s\').style.display=\'none\'; document.getElementById(\''+id+'_b\').style.display=\'none\';return false"><img src="http://www.toutwebmaster.be/images/closeb.gif" border="0" height="15" width="15"></a></td></tr></table></div>';txt+='<div id="'+id+'_ov" width:'+width+'px; style="margin:2px; color:'+textcolor+'; font:'+textptsize+'pt '+textfamily+';">'+text+'</div></div>';document.write(txt);this.IDh=document.getElementById(id+'_h');this.IDh.IDb=document.getElementById(id+'_b');this.IDh.IDs=document.getElementById(id+'_s');this.IDh.IDb.subs=this.IDh.IDs;this.IDh.IDb.subb=this.IDh.IDb;this.IDh.IDb.IDov=document.getElementById(id+'_ov');if(IE5){this.IDh.IDb.IDov.style.width=width-6;this.IDh.IDb.IDov.style.height=height-22;this.IDh.IDb.IDov.style.scrollbarBaseColor=boxcolor;this.IDh.IDb.IDov.style.overflow="auto";}else{this.IDh.IDs.style.MozOpacity=.5;}this.IDh.IDb.onmousedown=incrzindex;if(isdraggable){this.IDh.onmousedown=grab_id;this.IDh.onmouseup=stopdrag;}}}if(W3C)document.onmousemove=trackmouse;if(!IE5 && W3C)window.onload=NS6bugfix;//--></script><style>.menus { font-family: arial; font-size: 11px; font-weight: normal; color: #FFFFFF; text-decoration: none}.menufonce { font-family: arial; font-size: 11px; color: #000066; text-decoration: none; font-weight: normal}.exeptionnel { font-family: arial; font-size: 11px; color: #FF0000; text-decoration: none; font-weight: normal}.questionnary_cache { font-family: arial; font-size: 11px; color: #8196BA; text-decoration: none; font-weight: normal}<!--BODY.formul{ font-size:8 pt; color:#ffffff; background-color: #8BBCE1; font-family:Arial; border: 1 groove; solid: #006EA3;; background-attachment: fixed; text-transform: capitalize; text-align: center; text-decoration: blink}INPUT {color:#2F4064;background-color:#8196BA;font-family:Arial;}--></style></head><body text="#000000" leftmargin="0" topmargin="0" bgcolor="#FFFFFF" link="#006699" vlink="#006699" alink="#006699"><p align="left"> <script language=JavaScript>if(document.getElementById) document.write('<DIV class=popper id=topdeck></DIV>');</script> <script language="JavaScript" src="ejs_menu_dyn.js"></script> <script language="javascript"><!--function chgcouleurbarre(){if (document.body.clientwidth<event.clientX) with(document.body.style) { scrollbarDarkShadowColor="#000000"; scrollbar3dLightColor="#FFFFFF"; scrollbarArrowColor="#006EA3"; scrollbarBaseColor="#8BBCE1"; scrollbarFaceColor="#8BBCE1"; scrollbarHighlightColor="#8BBCE1"; scrollbarShadowColor="#000000"; scrollbarTrackColor="#006EA3"; }else with(document.body.style) { scrollbarDarkShadowColor="#000000"; scrollbar3dLightColor="#FFFFFF"; scrollbarArrowColor="#006EA3"; scrollbarBaseColor="#8BBCE1"; scrollbarFaceColor="#8BBCE1"; scrollbarHighlightColor="#8BBCE1"; scrollbarShadowColor="#000000"; scrollbarTrackColor="#006EA3"; }}if (document.all){ document.onmousemove=chgcouleurbarre;}function AjouterFavoris(){browserName = navigator.appName;browserVer = parseInt(navigator.appVersion);if (browserName == "Microsoft Internet Explorer" && browserVer >= 4) { url = "http;//www.immoo.com/"; title = "Immoo - immobilier neuf"; window.external.AddFavorite(parent.location.href, parent.document.title); } }function MM_jumpMenu(targ,selObj,restore){ //v3.0 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0;}//--></script> <script language="JavaScript"> <!-- var compteur = 0; var texte = "PENTASONIC votre interlocuteur informatique dans la région Pays de la Loire"; var delai = 30; var a = 0; while (a ++ < 140) texte = " " + texte; function defilement() { window.status = texte.substring(compteur++, texte.length); if (compteur == texte.length) compteur = 0; setTimeout("defilement()", delai); } defilement(); //--> </script><table border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="images/header.jpg" width="733" height="41"></td> </tr></table><table width="733" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><img src="images/arbo/barre_accueil.jpg" width="733" height="12"></td> </tr> <tr> <td valign="top"> </td> </tr> <tr> <td valign="top"> </td> </tr> <tr> <td valign="top"> </td> </tr></table><table width="733" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="140" valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <div align="center"><img src="images/promo/titre2.jpg" width="124" height="18"></div> </td> </tr> <tr> <td> <table width="125" border="0" cellspacing="0" cellpadding="0" align="center" bordercolor="#528FBE"> <tr> <td> <hr> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#FF0000"><b>N°1</b></font><font size="1" face="Verdana, Arial, Helvetica, sans-serif"> <b>WEBCAM</b> Logitech Messenger 29€TTC</font></div> </td> </tr> <tr> <td> <div align="center"><img src="images/produits/webcam_messenger.jpg" width="50" height="53"></div> </td> </tr> <tr> <td> <hr> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#FF0000"><b>N°2</b></font><font size="1" face="Verdana, Arial, Helvetica, sans-serif"> <b>CM</b> Intel PERL 137€TTC</font></div> </td> </tr> <tr> <td> <div align="center"><img src="images/produits/cm_intel.jpg" width="50" height="39"></div> </td> </tr> <tr> <td> <hr> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><b><font color="#FF0000">N°3</font></b> <b>MEMOIRE</b><br> Dane-elec 512 DDR400 125€TTC</font></div> </td> </tr> <tr> <td> <div align="center"><img src="images/produits/memoire.jpg" width="50" height="30"></div> </td> </tr> <tr> <td> <hr> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><b><font color="#FF0000">N°4</font></b> <b>DISQUE DUR</b> HITACHI 160Go 115€TTC</font></div> </td> </tr> <tr> <td> <div align="center"><img src="images/produits/disquedur.jpg" width="50" height="43"></div> </td> </tr> <tr> <td> <hr> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><b><font color="#FF0000">N°5</font></b> <b>BOITIER</b> Antec Sonata 129€TTC</font></div> </td> </tr> <tr> <td> <div align="center"><img src="images/produits/sonata.jpg" width="50" height="63"></div> </td> </tr> </table> </td> </tr> <tr> <td width="150"> </td> </tr> </table> </td> <td width="2" background="images/barre1.jpg"> </td> <td valign="top"> <div align="left"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="15"> </td> <td><img src="images/promo/titre.jpg" width="209" height="14"></td> </tr> <tr> <td width="15"> </td> <td> <div align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><b><script LANGUAGE="javascript">if(document.getElementById && document.all) { document.write('<DIV ID=k2000>'+k2000text+'</DIV>'); k2000effet() }else document.write(k2000text);</SCRIPT></b></font></div> </td> </tr> <tr> <td width="15"> </td> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="images/promo/portable.jpg" width="150" height="113"></td> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> <tr> <td> <div align="center"><img src="images/promo/cara.jpg" width="300" height="65"></div> </td> </tr> <tr> <td> </td> </tr> <tr> <td> <div align="center"><img src="images/promo/Animation1.gif" width="105" height="15"></div> </td> </tr> <tr> <td> <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1"><i>Stock limité, offre valable jusqu'au 18 juin 2004 </i></font><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><font color="#FF0000"><a href="#" onClick="window.open('produits/offre.htm','_blank','toolbar=0, location=0, directories=0, status=0, scrollbars=1, resizable=1, copyhistory=0, menuBar=0, width=520, height=250, left=50, top=50');return(false)"><i><font size="1">+ d'infos</font></i></a></font></font></div> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td width="15"> </td> <td> </td> </tr> <tr> <td width="15"> </td> <td> <hr> </td> </tr> <tr> <td width="15"> </td> <td> <table width="85%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td width="43%"> <div align="center"><img src="images/accueil/photo2.jpg" width="190" height="71"></div> </td> <td width="13%"> <div align="center"><img src="images/accueil/triangle.gif" width="45" height="14"></div> </td> <td width="44%"> <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><b><i>Notre service commercial</i></b></font><br> <img src="images/accueil/tel2.jpg" width="188" height="15"></div> </td> </tr> </table> </td> </tr> <tr> <td width="15"> </td> <td> <hr> </td> </tr> <tr> <td width="15"> </td> <td> <table width="85%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td width="43%"> <div align="center"><img src="images/accueil/photo1.jpg" width="190" height="71"></div> </td> <td width="13%"> <div align="center"><img src="images/accueil/triangle.gif" width="45" height="14"></div> </td> <td width="44%"> <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><b><i>Notre service après-vente</i></b></font><br> <img src="images/accueil/tel.jpg" width="188" height="15"></div> </td> </tr> </table> </td> </tr> <tr> <td width="15"> </td> <td> </td> </tr> <tr> <td width="15"> </td> <td><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><i><font size="1">Dernière mise à jour du site : 08/06/2004</font></i></font></td> </tr> </table> </td> </tr> </table> </div> </td> </tr></table><table width="733" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="150"> </td> <td valign="top"><img src="images/barre2.jpg" width="590" height="1"></td> </tr></table></body></html>
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant