AccueilCodesTutorielsForumsEmploiLivresConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2008 11 23 19:25:05
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 déroulant [ JavaScript Orienté objet (POO) / Divers ] (otacon85)

jeudi 3 juillet 2008 à 13:58:17 | menu déroulant

otacon85

bonjour

petit probléme de menu deroulant

bgcolor='#FFCC99';
bgcolor2='#FFFFCC';
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:0; }')
document.write('#topgauche { position:absolute;  z-index:0; }')
document.write('A:hover.ejsmenu {color:#0000FF; text-decoration:none;}')
document.write('A.ejsmenu {color:#0000FF; text-decoration:none;}')
document.write('</style>')
document.write('<div style="position:relative;height:0"><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[4] = new Array;
zlien[5] = new Array;
zlien[6] = new Array;
zlien[7] = new Array;
zlien[8] = new Array;
zlien[9] = new Array;
zlien[10] = new Array;
zlien[0][0] = '<A HREF="775.php" CLASS=ejsmenu>775</A>';
zlien[0][1] = '<A HREF="am2.php" CLASS=ejsmenu>AM2</A>';
zlien[0][2] = '<A HREF="939.php" CLASS=ejsmenu>939</A>';
zlien[0][3] = '<CLASS=ejsmenu><img src="mobo.jpg" /></A>';
zlien[1][0] = '<A HREF="intel.php" CLASS=ejsmenu>Intel</A>';
zlien[1][1] = '<A HREF="amd.php" CLASS=ejsmenu>AMD</A>';
zlien[1][2] = '<CLASS=ejsmenu><img src="proco.jpg" /></A>';
zlien[2][0] = '<A HREF="pci.php" CLASS=ejsmenu>PCI</A>';
zlien[2][1] = '<A HREF="agp.php" CLASS=ejsmenu>AGP</A>';
zlien[2][2] = '<CLASS=ejsmenu><img src="graph.jpg" /></A>';
zlien[3][0] = '<A HREF="512.php" CLASS=ejsmenu>512</A>';
zlien[3][1] = '<A HREF="1024.php" CLASS=ejsmenu>1024</A>';
zlien[3][2] = '<CLASS=ejsmenu><img src="ram.jpg" /></A>';
zlien[4][0] = '<A HREF="sata.php" CLASS=ejsmenu>SATA</A>';
zlien[4][1] = '<A HREF="ide.php" CLASS=ejsmenu>IDE</A>';
zlien[4][2] = '<CLASS=ejsmenu><img src="dur.jpg" /></A>';
zlien[5][0] = '<A HREF="satal.php" CLASS=ejsmenu>SATA</A>';
zlien[5][1] = '<A HREF="idel.php" CLASS=ejsmenu>IDE</A>';
zlien[5][2] = '<CLASS=ejsmenu><img src="dvd.jpg" /></A>';
zlien[6][0] = '<A HREF="boitier.php" CLASS=ejsmenu><img src="boit.jpg" /><</A>';
zlien[7][0] = '<A HREF="asus.php" CLASS=ejsmenu>Asus</A>';
zlien[7][1] = '<A HREF="acer.php" CLASS=ejsmenu>Acer</A>';
zlien[7][2] = '<A HREF="terra.php" CLASS=ejsmenu>terra</A>';
zlien[7][3] = '<A HREF="samsung.php" CLASS=ejsmenu>Samsung</A>';
zlien[7][4] = '<CLASS=ejsmenu><img src="ecran.jpg" /></A>';
zlien[8][0] = '<A HREF="clavier.php" CLASS=ejsmenu>Clavier</A>';
zlien[8][1] = '<CLASS=ejsmenu><img src="clav.jpg" /></A>';
zlien[8][2] = '<A HREF="souris.php" CLASS=ejsmenu>Souris</A>';
zlien[8][3] = '<CLASS=ejsmenu><img src="souris.jpg"/></A>';
zlien[8][4] = '<A HREF="clavsour.php" CLASS=ejsmenu>Pack Clavier/souris</A>';
zlien[8][5] = '<CLASS=ejsmenu><img src="clavsour.jpg" /></A>';
zlien[9][0] = '<A HREF="laser.php" CLASS=ejsmenu>Laser</A>';
zlien[9][1] = '<A HREF="jet.php" CLASS=ejsmenu>Jet d\'encre</A>';
zlien[9][2] = '<CLASS=ejsmenu><img src="imprim.jpg" /></A>';
zlien[10][0] = '<A HREF="encre.php" CLASS=ejsmenu>Cartouche</A>';
zlien[10][1] = '<CLASS=ejsmenu><img src="encre.jpg" /></A>';
var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
var taille = (document.body.scrollWidth);

 


if (nava) { skn = document.topdeck }
else if (dom) { skn = document.getElementById("topdeck").style }
else if (iex) { skn = topdeck.style }
skn.top = 50;

function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0  BGCOLOR=#000000 WIDTH=100><TR><TD><TABLE WIDTH=taille BORDER=0 CELLPADDING=0 CELLSPACING=0>";
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>";
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";
  }
}

var lapos0 = (0);
var lapos1 = (taille*(1/100));
var lapos2 = (taille*(8/100)+lapos1);
var lapos3 = (taille*(10/100)+lapos2);
var lapos4 = (taille*(7/100)+lapos3);
var lapos5 = (taille*(10/100)+lapos4);
var lapos6 = (taille*(9/100)+lapos5);
var lapos7 = (taille*(9/100)+lapos6);
var lapos8 = (taille*(7/100)+lapos7);
var lapos9 = (taille*(12/100)+lapos8);
var lapos10 = (taille*(12/100)+lapos9);
function kill()
{
 skn.visibility = "hidden";
}
document.onclick = kill;
document.write('<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=taille <TR><TD><TABLE CELLPADING=0 CELLSPACING=0 BORDER=0 align="center" WIDTH='+taille+' HEIGHT=50><TR>')

document.write('<TD WIDTH=10%*taille ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],'+lapos0+')" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],'+lapos0+')" href=# CLASS=ejsmenu><FONT SIZE=3 FACE="Verdana">Carte Mére</FONT></a></TD>')

document.write('<TD WIDTH=8%*taille ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],'+lapos1+')" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],'+lapos1+')" href=# CLASS=ejsmenu><FONT SIZE=3 FACE="Verdana">Processeur</FONT></a></TD>')

document.write('<TD WIDTH=12%*taille ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],'+lapos2+')" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],'+lapos2+')" href=# CLASS=ejsmenu><FONT SIZE=3 FACE="Verdana">Carte Graphique</FONT></a></TD>')

document.write('<TD WIDTH=7%*taille ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],'+lapos3+')" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],'+lapos3+')" href=# CLASS=ejsmenu><FONT SIZE=3 FACE="Verdana">Ram</FONT></a></TD>')

document.write('<TD WIDTH=10%*taille ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[4],'+lapos4+')" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],'+lapos4+')" href=# CLASS=ejsmenu><FONT SIZE=3 FACE="Verdana">Disque Dur</FONT></a></TD>')

document.write('<TD WIDTH=9%*taille ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[5],'+lapos5+')" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[5],'+lapos5+')" href=# CLASS=ejsmenu><FONT SIZE=3 FACE="Verdana">Lecteur</FONT></a></TD>')

document.write('<TD WIDTH=9%*taille ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[6],'+lapos6+')" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[6],'+lapos6+')" href=# CLASS=ejsmenu><FONT SIZE=3 FACE="Verdana">Boitier</FONT></a></TD>')

document.write('<TD WIDTH=7%*taille ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[7],'+lapos7+')" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[7],'+lapos7+')" href=# CLASS=ejsmenu><FONT SIZE=3 FACE="Verdana">Ecran</FONT></a></TD>')

document.write('<TD WIDTH=12%*taille ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[8],'+lapos8+')" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[8],'+lapos8+')" href=# CLASS=ejsmenu><FONT SIZE=3 FACE="Verdana">Clavier/Souris</FONT></a></TD>')

document.write('<TD WIDTH=12%*taille ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[9],'+lapos9+')" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[9],'+lapos9+')" href=# CLASS=ejsmenu><FONT SIZE=3 FACE="Verdana">Imprimantes</FONT></a></TD>')

document.write('<TD WIDTH=12%*taille ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[10],'+lapos10+')" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[10],'+lapos10+')" href=# CLASS=ejsmenu><FONT SIZE=3 FACE="Verdana">Consommables</FONT></a></TD>')

document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')


voila mon fichier, la taille du 1 menu s'adapte automatiquement à la taille de la fenetre mais le probleme c que le menu hidden ne s'adapte pas bien que je fasse par rapoort au pourcentage..

pourquoi???

c pourquoi je fais appel à vous , champion de code source pour m'aider car tout mon site marche sauf ce menu à la ...

merci à tous

bye
jeudi 3 juillet 2008 à 15:20:56 | Re : menu déroulant

bultez

Membre Club


Bonjour,

pas mal le script. ;o)  tu n'aurais pas pu trouver plus compliqué ?

pour un menu, html+css suffisent largement.

ici des document.write, des balises <table>....
franchement recherche sur CodesSources ( ou même ailleurs, mais
ce sera moins bien ), il existe des menus tout simples et qui
fonctionnent parfaitement.

>> menu hidden ne s'adapte pas bien
un truc hidden ne s'adapte pas ! il est caché !

mais perso, je ne vais pas décortiquer ce script.

                Cordialement            Bul         [mon Site]     [M'écrire]
jeudi 3 juillet 2008 à 16:40:36 | Re : menu déroulant

maelob

Membre Club
Bonjour,

Bul tu sors pas ton tableau magique tutoriel qui explique comment trouver les erreurs?


Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)
jeudi 3 juillet 2008 à 16:53:02 | Re : menu déroulant

bultez

Membre Club
pourquoi mealob ? en plus il y aurait des erreurs de syntaxe ou autres ?
je t'avoue que je n'ai même pas jeté un oeil... j'ai eu peur.
                Cordialement            Bul         [mon Site]     [M'écrire]
jeudi 3 juillet 2008 à 17:00:05 | Re : menu déroulant

maelob

Membre Club
>>je t'avoue que je n'ai même pas jeté un oeil... j'ai eu peur.
De même, mais c'est peut être du à une erreur de syntaxe ou autres... ou peut être pas



Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)
jeudi 3 juillet 2008 à 17:05:03 | Re : menu déroulant

bultez

Membre Club
je n'ai retenu que :
>> menu hidden ne s'adapte pas bien...
           ce qui est curieux, comment peut-il s'adapter, puisque pas affiché ?
                Cordialement            Bul         [mon Site]     [M'écrire]
samedi 5 juillet 2008 à 14:54:35 | Re : menu déroulant

otacon85
merci de vos reponses, il faut se faire remettre en place qq fois...

j'ai pris ce script sur un generateur de menu deroulant (que j'ai adapté pour moi) mais apres avoir écouté les conseils avisé de Bultez, je vais cherché un script sur codes sources ...

je suis pl:us orienté PHP, docn le java c moins mon truc!!!!!

mais j'essaie de m'y mettre et de comprendre le code que j'utilise mais la ca buggué trop!!!


bye
samedi 5 juillet 2008 à 15:49:03 | Re : menu déroulant

bultez

Membre Club
Réponse acceptée !
sage décision.
surtout que ( déjà dit ) pour un tel menu, html+css suffisent !
                Cordialement            Bul         [mon Site]     [M'écrire]


Cette discussion est classé dans : taille, var, document, write, zlien

Répondre à ce message

Sujets en rapport avec ce message

menu dynamique (suite) [ par mamy ] Voilà mon code mais il ne fonctionne pas: Bienven pb pour placer les sous-menus [ par annethe ] Bonjour,J'ai créé un menu dynamique. J'ai réussi à placer lemenu où je veux mais je n'arrive pas à bien placer lessous-menus.dans la page ou j'affiche Appel de fonction via un évènement OnClick ? [ par bside8 ] Bonjour,tout commence par un formulaire PHP dans lequel mes utilisateurs doivent saisir une date.Dans le champ concerné se trouve un gestionnaire d'év OnChange=fonction() --> ne MARCHE pas !! [ par bside8 ] Bonjour,j'essaie de mettre au point un script permettant d'afficher un calendrier.J'affiche dans une fenêtre nommée Calendrier le calendrier du mois c Script dans un script dans un tableau [ par Superjun ] Hello tlm !J'ai créé un script pour adapter l'espacement de compteurs (3) dans un tableau, et aussi pour adapter la taille du tableau selon la résolut Calendrier Javascript incompatible mozilla!!! [ par jojomillenium ] hello!Vala j'ai un bleme, mon calendrier marche nicke sous explorer mais sous mozilla rien a faire, il apparait pour le mois present, mais si je veux Tableau 2D [ par malik7934 ] Hello, En deux mots: j'ai fais ça: http://noisy.ch/smilies/smilies2.html mais je n'y connais rien à Javascript (c'est pour un chat en php). J'ai modi Lien sur 1 message par jour.(*.JS) [ par bonobos ] Bonjour à tous,J'ai un script .js qui m'affiche un message différent chaque jour.Comment faire un lien sur chaque message ? MerciVoilà le script JS:{v Sous-menu dans les sous-menu [ par sarrjean ] Bonjour tout le monde, Je m'y connais pas tellement en javascript, mais j'avais besoin d'un menu pour mon site. J'ai trouvé une bonne source pour un 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 "


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,702 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é.