> Tous les forumsForum des Webmasters

 Java Script : Aide ( Menu )
Statut du sujet : NON RESOLU Imprimer
 cc30
  Posté le 24/05/2005 @ 21:04  
 Petit astucien

569 Messages
Bonjour ! [smile] J'ai ue beau chercher mais je n'ai pas trouver: - comment faire pour que l'on ne soit pas obligé de cliquer sur le titre pour faire apparaitre mon sous menu mais juste de le survoler pour le faire apparaitre ?? - je n'ai pas trouver la ou je devais modifier la valeur de la couleur pour ne pas que le cadres blanc s'affiche ?? Voici ma page : http://charles.cc30.free.fr/Site_College/Pages/repartition.htm et voici le code : <script language="JavaScript"> /* Daniel Fabien - webmaster@script-masters.com * Script Masters - http://www.script-masters.com/ * * Menu deroulant dynamique * Vous pouvez utilisé ce script sous reserve de conserver ce message */ // Configurez ces variables pour personnaliser votre menu var nbMenu = 5; // Nombre de Menu (ici 4 : javascript, php, MySql et Html var tailleMenu = 850; // Largeur en pixel du menu var hauteur = 120; // Hauteur approximative des menus une fois déroulé var tailleCellule = tailleMenu / nbMenu; // Ne rien modifier var background = "1E,66,96"; // Couleur de fond de votre page var couleurFond = "#C3C9D4"; // Couleur de fond du menu var couleurRollover = "#959EAD"; // Couleur de la case du menu lors du rollover var couleurBordure = "1E,66,96"; // Couleur des bordures du menu var couleurTexte = "#000000"; // Couleur de votre texte var couleurTexteRoller = "#FFFFFF"; // Couleur des liens lors du passage de la souris var police = "Arial;"; // Police du menu var taillePolice = "15"; // la taille de votre texte var image = "../images/fleche.gif"; // Adresse ou se trouve l'image pour rentrer le menu // Vos titres principaux var valMenu = new Array(nbMenu); valMenu[0] = "Le Collège"; valMenu[1] = "L\\\\' Actu"; valMenu[2] = "Membres"; valMenu[3] = "Forum"; valMenu[4] = "Compléments"; // Si vous rajouter des menus, rajouter aussi une ligne par menu // en prenant soins d'increenter l'indice // exemple : // valSsMenu[4] = new Array(); // Le faire pour valSsMenu, valSsMenuLien, valSsMenuCible var valSsMenu = new Array(nbMenu); valSsMenu[0] = new Array(); valSsMenu[1] = new Array(); valSsMenu[2] = new Array(); valSsMenu[3] = new Array(); valSsMenu[4] = new Array(); var valSsMenuLien = new Array(nbMenu); valSsMenuLien[0] = new Array(); valSsMenuLien[1] = new Array(); valSsMenuLien[2] = new Array(); valSsMenuLien[3] = new Array(); valSsMenuLien[4] = new Array(); var valSsMenuCible = new Array(nbMenu); valSsMenuCible[0] = new Array(); valSsMenuCible[1] = new Array(); valSsMenuCible[2] = new Array(); valSsMenuCible[3] = new Array(); valSsMenuCible[4] = new Array(); // Les sous-titres en rapport avec les numero de titres principaux // Suivi du lien // Et de la cible ( _blank = nouvelle fenêtre _top = même fenetre ) // Mettre le nom de la frame à la place de la cible si il y en a une // Le Collège valSsMenu[0][0] = "Photos"; valSsMenuLien[0][0] = "lesphotographies.htm"; valSsMenuCible[0][0] = "_top"; valSsMenu[0][1] = "Liens Utiles"; valSsMenuLien[0][1] = "lesadresses.htm"; valSsMenuCible[0][1] = "_top"; valSsMenu[0][2] = "L\\\\'Agenda"; valSsMenuLien[0][2] = "agenda.htm"; valSsMenuCible[0][2] = "_top"; valSsMenu[0][3] = "CDI"; valSsMenuLien[0][3] = "lecdi.htm"; valSsMenuCible[0][3] = "_top"; valSsMenu[0][4] = "Les Dossiers"; valSsMenuLien[0][4] = "lesdossiers.htm"; valSsMenuCible[0][4] = "_top"; // L'actu valSsMenu[1][0] = "News"; valSsMenuLien[1][0] = "actu.htm"; valSsMenuCible[1][0] = "_top"; valSsMenu[1][1] = "Menu Cantine"; valSsMenuLien[1][1] = "erreurtype404.htm"; valSsMenuCible[1][1] = "_top"; valSsMenu[1][2] = "Reportages"; valSsMenuLien[1][2] = "reportage.htm"; valSsMenuCible[1][2] = "_top"; valSsMenu[1][3] = "Conseils de Classe"; valSsMenuLien[1][3] = "conseils.htm"; valSsMenuCible[1][3] = "_top"; // Membres valSsMenu[2][0] = "Accès à la Zone"; valSsMenuLien[2][0] = "accesmembres.htm"; valSsMenuCible[2][0] = "_top"; valSsMenu[2][1] = "Devenir Membre"; valSsMenuLien[2][1] = "devinirmembre.html"; valSsMenuCible[2][1] = "_top"; // Forum valSsMenu[3][0] = "Accueil Forum"; valSsMenuLien[3][0] = "http://college-bouillargues.forumactif.com/"; valSsMenuCible[3][0] = "_blank"; valSsMenu[3][1] = "Règlement des Forums"; valSsMenuLien[3][1] = "forumloi.htm"; valSsMenuCible[3][1] = "_top"; valSsMenu[3][2] = "Inscription"; valSsMenuLien[3][2] = "http://college-bouillargues.forumactif.com/profile.forum?mode=register"; valSsMenuCible[3][2] = "_blank"; // complément valSsMenu[4][0] = "Conditions d'utilisation"; valSsMenuLien[4][0] = "conditionsutilisateur.htm"; valSsMenuCible[4][0] = "_top"; valSsMenu[4][1] = "Remerciement"; valSsMenuLien[4][1] = "remerciements.htm"; valSsMenuCible[4][1] = "_top"; valSsMenu[4][2] = "Plan du site"; valSsMenuLien[4][2] = "plan.htm"; valSsMenuCible[4][2] = "_top"; valSsMenu[4][3] = "Envoyez nous un Em@il"; valSsMenuLien[4][3] = "email.htm"; valSsMenuCible[4][3] = "_top"; // Ne rien modifier sous cette ligne // document.write('<style type="text/css">'); document.write('table.menu {'); document.write(' border: 1px solid '+ background +''); document.write('}'); document.write('td.inc {'); document.write(' font-family: '+ police +';'); document.write(' font-size: '+ taillePolice +'px;'); document.write(' text-decoration: none;'); document.write(' background-color: '+ couleurFond +';'); document.write(' border-top-width: 1px;'); document.write(' border-right-width: 1px;'); document.write(' border-bottom-width: 1px;'); document.write(' border-left-width: 0px;'); document.write(' border-top-style: solid;'); document.write(' border-right-style: solid;'); document.write(' border-bottom-style: solid;'); document.write(' border-left-style: solid;'); document.write(' border-top-color: '+ couleurBordure +';'); document.write(' border-right-color: '+ couleurBordure +';'); document.write(' border-bottom-color: '+ couleurBordure +';'); document.write(' border-left-color: '+ couleurBordure +';'); document.write(' cursor: hand;'); document.write('}'); document.write('td.menu {'); document.write(' font-family: '+ police +';'); document.write(' font-size: '+ taillePolice +'px;'); document.write(' text-decoration: none;'); document.write(' background-color: '+ couleurFond +';'); document.write(' border: 1px solid '+ couleurBordure +';'); document.write(' cursor: hand;'); document.write('}'); document.write('td.ssmenuD {'); document.write(' font-family: '+ police +';'); document.write(' font-size: '+ taillePolice +'px;'); document.write(' text-decoration: none;'); document.write(' background-color: '+ couleurFond +';'); document.write(' border: 1px solid '+ couleurBordure +';'); document.write('}'); document.write('a.ssmenu {'); document.write(' font-family: '+ police +';'); document.write(' font-size: '+ taillePolice +'px;'); document.write(' text-decoration: none;'); document.write(' color: '+ couleurTexte +';'); document.write('}'); document.write('td.invisible {'); document.write(' background-color: '+ background +';'); document.write(' border: 1px solid '+ background +';'); document.write('}'); document.write('</style>'); // Detection des navigateurs var is_ie5 = 0; var is_ns6 = 0; var is_ns4 = 0; var is_ie4 = 0; if ((document.getElementById) && (document.all)){ is_ie5 = 1; } else if(document.getElementById){ is_ns6 = 1; } if (document.layers) { is_ns4 = 1; } if ((document.all)&&(!document.getElementById)) { is_ie4 = 1; } function generationMenu(){ // Affichage du menu document.write('<table width="'+ tailleMenu +'" border="0" cellspacing="0" cellpadding="0">'); document.write('<tr align="center" class="menu">'); for (i=0;i<nbMenu;i++) { var classe = "inc"; if ( i==0 ){ classe="menu"; } document.write('<td onMouseOut="javascript:this.style.background=\\\\''+ couleurFond +'\\\\'" onMouseOver="javascript:this.style.background=\\\\''+ couleurRollover +'\\\\'" class="'+ classe +'" width="'+ tailleCellule +'"onClick="changeMenu('+ i + ')">'+ valMenu[i] +'</td>'); } document.write('</tr>'); // Préparation des sous-menus document.write('<tr border="0" class="menu"><td colspan='+ nbMenu +' class="ssmenu" border="0">'); if (is_ie5 || is_ie4 || is_ns6){ document.write('<DIV id="ssMenu" style="position:relative;top:0px;left:0px;width='+ tailleMenu +';height='+ hauteur +';visibility:hidden">'); document.write('</DIV>'); } document.write('</td></tr>'); document.write('</table>'); } function changeMenu(numMenu){ // Génération du nouveau tableau var newTable=""; newTable += "<table border='0' cellspacing='0' cellpadding='0' width='"+ tailleMenu +"' class=menu><tr>"; for (i=0;i<valSsMenu.length;i++) { if ( i==numMenu ) { newTable += "<td class='ssmenuD' width='"+ tailleCellule +"'>"; for (z=0;z<valSsMenu[i].length;z++) { // On affiche les liens newTable += "<a href='"+ valSsMenuLien[i][z] +"' target='"+ valSsMenuCible[i][z] +"' onMouseOut='javascript:this.style.color=\""+ couleurTexte +"\"' onMouseOver='javascript:this.style.color=\""+ couleurTexteRoller +"\"' class='ssmenu'>"+ valSsMenu[i][z] + "</a><br>"; } newTable += "<a href='javascript:suppMenu()'><center><img src='"+ image +"' border=0></center></a></td>"; }else{ newTable += "<td class='invisible' width='"+ tailleCellule +"'> </td>"; } } newTable += "</tr></table>"; if (is_ie5 || is_ns6){ document.getElementById("ssMenu").innerHTML = newTable; document.getElementById("ssMenu").style.visibility = "visible"; } else if (is_ie4) { document.all["ssMenu"].innerHTML = newTable; document.all["ssMenu"].style.visibility = "visible"; } } function suppMenu() { document.getElementById("ssMenu").style.visibility = "hidden"; } </script> Merci pour votre aide [bierre]
 Afficher le profil de cc30 Envoyer un message privé à cc30
 
 
Publicité
 Michalon1846  Posté le 25/05/2005 à 12:32  
Petit astucien

114 Messages
Bonjour dans le document.write de construction du menu tu modifie pour avoir : document.write('<td onMouseOut="javascript:this.style.background=\\''+ couleurFond +'\\'" onMouseOver="javascript:this.style.background=\\''+ couleurRollover +'\\';changeMenu('+ i + ')" class="'+ classe +'" width="'+ tailleCellule +'">'+ valMenu[i] +'</td>'); A+
Afficher le profil de Michalon1846Envoyer un message privé à Michalon1846
 Revenir en haut de la page
 Michalon1846  Posté le 25/05/2005 à 12:36  
Petit astucien

114 Messages
.. PS tant que ton site est en construction, il y a encore moins de raison de "cacher" le code. Pour que l'on puisse t'aider plus rapidement tu devrais, à mon avis, réactiver le clic droit.
Afficher le profil de Michalon1846Envoyer un message privé à Michalon1846
 Revenir en haut de la page
 cc30  Posté le 26/05/2005 à 22:46  
Petit astucien

569 Messages
Désolé sa ne fonctionne pas [bigsmile] ... Si quelqu'un d'autre à une idée j'écoute [clindoeil]. Je rappel que je voudrais supprimer l'apparition du cadre blanc et que le sous menu apparaisse au survol par le curseur du titre et non pas par un clique [smile] . Merci
Afficher le profil de cc30 Voir la configuration de cc30Envoyer un message privé à cc30
 Revenir en haut de la page
Haut de la page 
Inscrivez-vous !
- Posez vos questions

- Résolvez vos problèmes

- Aidez les autres

- Participez et créez vos discussions

- Dialoguez en privé avec d'autres membres

- Suivez vos sujets préférés

- Affichez les signatures des membres

TOUT EST GRATUIT !

Je crée mon compte



Vous avez besoin d'aide ?
Des centaines d'experts sont à votre disposition sur les forums PC Astuces pour vous aider gratuitement, 24h/24, 7j/7.

Les derniers sujets résolus !
 

 > Tous les forumsForum des Webmasters

 
Forum PC Astuces© 1997-2008 WebastucesAller en haut de la page