Actualité informatique
Test comparatif matériel informatique
Jeux vidéo
Astuces informatique
Vidéo
Télécharger
Services en ligne
Forum informatique
01Business

|-  LOGICIELS


|||-  

Insérer un menu dynamique !!! comment faire HELP

 

LOGICIELS : mus2000 et 13 utilisateurs inconnus
Ajouter une réponse
 

 
Page photos
 
     
Vider la liste des messages à citer
 
 Page :
1
Auteur
 Sujet :

Insérer un menu dynamique !!! comment faire HELP

Prévenir les modérateurs en cas d'abus 
mamulengo
  1. homepage
mamulengo
Tu cartonnes ! (de 500 à 999 messages postés)
  1. Posté le 24/03/2004 à 18:49:51  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
voila, g fait un menu dynamique pour mon site, dont le script est :
 
 ------------------------------​-------------------------
 
 <html>
 <head>
  <title></title>
 <!-- SCRIPT MENU DYNAMIQUE -->
 <SCRIPT LANGUAGE="JavaScript">
 <!--Javascript fourni par-->
 <!-- [Script Masters.com]-->
 <!-- http://www.script-masters.com/ -->
 
 
 /*****************************​***********
 *Menu dynamique vertical  *
 *Daniel Fabien21-05-2002  *
 *http://www.script-masters.com  *
 *Prière de conserver ce message  *
 ******************************​**********/
 
 
 <!-----------------------Editi​on des caractèristiques du menu ----------------------------->
 
 var largeur = 150;
 //Largeur du menu
 var gauche = 50;
 //nombre de pixe de la gauche de l'écran
 var top = 100;
 //Nombre de pixels du haut de la page
 var couleur_police_cat="#000000";
 //Couleur du texte des categories
 var couleur_police_scat="#000000";
 //Couleur du texte des sous-categories
 var couleur_cat="#FF9900";
 //Couleur de fond des categories
 var couleur_scat="#FFFF66";
 //Couleur de fond des sous-categories
 
 
 /*****************************​***************************
 *Attention : la modification des 2 variables ci-dessous *
 *peut provoquer d'important bug d'affichages  *
 *Il est fortement conseillé de les conserver en état. *
 ******************************​***************************/
 var taille = 11;
 //Police de caractères
 var police = "Arial";
 //Type de police
 
 
 
 <!-----------------------Texte et lien des menus et sous menus-------------------------​--->
 
 var nb_elem = 13;
 //Nombre de categorie dans le menu
 
 var nb_souscat = new Array(nb_elem);
 //Nb_souscat contient le nombre de sous categorie pour chaque categorie
 
 nb_souscat[0] = 1;
 nb_souscat[1] = 1;
 nb_souscat[2] = 1;
 nb_souscat[3] = 5;
 nb_souscat[4] = 1;
 nb_souscat[5] = 3;
 nb_souscat[6] = 1;
 nb_souscat[7] = 1;
 nb_souscat[8] = 3;
 nb_souscat[9] = 3;
 nb_souscat[10] = 1;
 nb_souscat[11] = 1;
 nb_souscat[12] = 1;
 //répeter aussi souvent qu'il y a de categorie...
 
 
 var categorie = new Array(nb_elem);
 var soustab = new Array;
 
 var tab0 = new Array(nb_souscat[0]);
 var tab1 = new Array(nb_souscat[1]);
 var tab2 = new Array(nb_souscat[2]);
 var tab3 = new Array(nb_souscat[3]);
 var tab4 = new Array(nb_souscat[4]);
 var tab5 = new Array(nb_souscat[5]);
 var tab6 = new Array(nb_souscat[6]);
 var tab7 = new Array(nb_souscat[7]);
 var tab8 = new Array(nb_souscat[8]);
 var tab9 = new Array(nb_souscat[9]);
 var tab10 = new Array(nb_souscat[10]);
 var tab11 = new Array(nb_souscat[11]);
 var tab12 = new Array(nb_souscat[12]);
 //répeter aussi souvent qu'il y a de categorie...
 
 
 <!-------Edition 1 categorie et sous categorie------------>
 categorie[0] = " Accès rapide";
 //Titre de la categorie
 
 tab0[0] = " &nbsp;&nbsp;&nbsp;&nbsp;Popup|​popup.htm|_blank";
 //Premier sous-titre|liens|cible
 
 
 
 <!-------Edition 2 categorie et sous categorie------------>
 categorie[1] = "Accueil";
 //Titre de la categorie
 
 tab1[0] = " &nbsp;&nbsp;&nbsp;&nbsp;Page d'accueil|acsit.html|_blank";
 //Premier sous-titre|liens|cible
 
 
 <!-------Edition 3 categorie et sous categorie------------>
 categorie[2] = " Chat";
 //Titre de la categorie
 
 tab2[0] = " &nbsp;&nbsp;&nbsp;&nbsp;Chatte​z|.htm|_blank";
 //Premier sous-titre|liens|cible
 
 
 <!-------Edition 4 categorie et sous categorie------------>
 categorie[3] = " Guid' 2 Poch'";
 //Titre de la categorie
 
 tab3[0] = " &nbsp;&nbsp;&nbsp;&nbsp;Vie Etudiante|.html|_blank";
 //Premier sous-titre|liens|cible
 tab3[1] = " &nbsp;&nbsp;&nbsp;&nbsp;L'U.M.​I|.html|_blank";
 //Second sous-titre|liens|cible
 tab3[2] = " &nbsp;&nbsp;&nbsp;&nbsp;L'U.M.​II|.html|_blank";
 //Troisième sous-titre|liens|cible
 tab3[3] = " &nbsp;&nbsp;&nbsp;&nbsp;L'U.M.​III|.html|_blank";
 //Troisième sous-titre|liens|cible
 tab3[4] = " &nbsp;&nbsp;&nbsp;&nbsp;En Plus|.html|_blank";
 //Troisième sous-titre|liens|cible
 
 
 <!-------Edition 5 categorie et sous categorie------------>
 categorie[4] = " Le J.F.";
 //Titre de la categorie
 
 tab4[0] = " &nbsp;&nbsp;&nbsp;&nbsp;Le journal de la fac|.htm|_blank";
 //Premier sous-titre|liens|cible
 
 
 <!-------Edition 6 categorie et sous categorie------------>
 categorie[5] = " Soirées";
 //Titre de la categorie
 
 tab5[0] = " &nbsp;&nbsp;&nbsp;&nbsp;Bient&​ocirc;t|soirees_bientot.html|_​blank";
 //Premier sous-titre|liens|cible
 tab5[1] = " &nbsp;&nbsp;&nbsp;&nbsp;Passée​s|soirees_passees.html|_blank"​;
 //Second sous-titre|liens|cible
 tab5[2] = " &nbsp;&nbsp;&nbsp;&nbsp;Ev&egr​ave;nements|soirees_evenements​.html|_blank";
 //Troisième sous-titre|liens|cible
 
 
 <!-------Edition 7 categorie et sous categorie------------>
 categorie[6] = " Loisirs";
 //Titre de la categorie
 
 tab6[0] = " &nbsp;&nbsp;&nbsp;&nbsp;Amusez​-vous|.htm|_blank";
 //Premier sous-titre|liens|cible
 
 
 <!-------Edition 8 categorie et sous categorie------------>
 categorie[7] = " La fac : M.d'E.";
 //Titre de la categorie
 
 tab7[0] = " &nbsp;&nbsp;&nbsp;&nbsp;Commen​t ca marche ?|.htm|_blank";
 //Premier sous-titre|liens|cible
 
 
 <!-------Edition 9 categorie et sous categorie------------>
 categorie[8] = " Services";
 //Titre de la categorie
 
 tab8[0] = " &nbsp;&nbsp;&nbsp;&nbsp;Modèle​s de CV|cv_modele.doc|_blank";
 //Premier sous-titre|liens|cible
 tab8[1] = " &nbsp;&nbsp;&nbsp;&nbsp;Modèle​s de LM|lm_modele.doc|_blank";
 //Second sous-titre|liens|cible
 tab8[2] = " &nbsp;&nbsp;&nbsp;&nbsp;D.S.E.​|servdse.html|_blank";
 //Troisième sous-titre|liens|cible
 
 
 <!-------Edition 10 categorie et sous categorie------------>
 categorie[9] = " Cours / Exams / Exos";
 //Titre de la categorie
 
 tab9[0] = " &nbsp;&nbsp;&nbsp;&nbsp;Cours|​cours.htm|_blank";
 //Premier sous-titre|liens|cible
 tab9[1] = " &nbsp;&nbsp;&nbsp;&nbsp;Exams|​exams.htm|_blank";
 //Second sous-titre|liens|cible
 tab9[2] = " &nbsp;&nbsp;&nbsp;&nbsp;Exos|e​xos.htm|_blank";
 //Troisième sous-titre|liens|cible
 
 
 <!-------Edition 11 categorie et sous categorie------------>
 categorie[10] = " Espace pro.";
 //Titre de la categorie
 
 tab10[0] = " &nbsp;&nbsp;&nbsp;&nbsp;Espace pro.|.html|_blank";
 //Premier sous-titre|liens|cible
 
 
 <!-------Edition 12 categorie et sous categorie------------>
 categorie[11] = "Contact";
 //Titre de la categorie
 
 tab11[0] = " &nbsp;&nbsp;&nbsp;&nbsp;_@plan​et-fac.net|.html|_blank";
 //Premier sous-titre|liens|cible
 
 
 <!-------Edition 13 categorie et sous categorie------------>
 categorie[12] = " Direction";
 //Titre de la categorie
 
 tab12[0] = " &nbsp;&nbsp;&nbsp;&nbsp;Nos coordonnées|.htm|_blank";
 //Premier sous-titre|liens|cible
 
 
 
 soustab[0] = tab0;
 soustab[1] = tab1;
 soustab[2] = tab2;
 soustab[3] = tab3;
 soustab[4] = tab4;
 soustab[5] = tab5;
 soustab[6] = tab6;
 soustab[7] = tab7;
 soustab[8] = tab8;
 soustab[9] = tab9;
 soustab[10] = tab10;
 soustab[11] = tab11;
 soustab[12] = tab12;
 //répeter aussi souvent qu'il y a de categorie...
 
 
 <!----------------------------​--------Fonctions-------------​------------------------------​->
 <!----------------------------​--NE PLUS RIEN MODIFIER----------------------​---------------->
 
 var conf = -1;
 function Init(){

var hauteur = top;

for(i=1;i<=nb_elem;i++){

document.getElementById("menu"​+i+"" ).style.top = hauteur;

hauteur = hauteur + 17;

}
 }
 
 function voir(z){

if(conf==z){

document.getElementById("sousm​enu"+z+"" ).style.visibility = 'hidden';

Init();

conf=conf+nb_elem;

}else{

conf=z;

//Calcul de la hauteur dont doit se baisser le menu

haut=0;

var haut = 15*nb_souscat[z-1]+z*18+top;

//On retracte tous les éléments

for(i=1;i<=nb_elem;i++){

document.getElementById("sousm​enu"+i+"" ).style.visibility = 'hidden';

}

//on les remets tous à leur place

Init();

//on cale le sous menu sous la categorie

document.getElementById("sousm​enu"+z+"" ).style.top = 16;

dec = haut;

//On peut alors baisser tous les autre menus

for(i=z+1;i<=nb_elem;i++){

document.getElementById("menu"​+i+"" ).style.top = dec;

dec=dec+18;

}

//Enfin, on rend le menu visible

document.getElementById("sousm​enu"+z+"" ).style.height = 15*nb_souscat[z-1];

document.getElementById("sousm​enu"+z+"" ).style.visibility = 'visible';

}
 
 }
 
 function affiche(){

//feuille de style

document.write('<style>');

document.write('div.menu{visib​ility:visible; border-width: 1px; border-style: solid; border-color: #000000;background-color: '+couleur_cat+'}');

document.write('div.sousmenu{p​osition:absolute; left:-1; height:20; visibility:hidden; width:'+ largeur +'; border-width: 1px; border-style: solid; border-color: #000000;background-color: '+couleur_scat+'}');

document.write('a.menu{font-fa​mily: '+ police +'; color: '+couleur_police_cat+'; font-size: '+taille+'px; font-weight:bold; text-decoration: none;}');

document.write('a.smenu{font-f​amily: '+ police +'; color: '+couleur_police_scat+'; font-size: '+taille+'px; font-weight:bold; text-decoration: none;}');

document.write('</style>');

document.write('<div>');

for(i=0;i<nb_elem;i++){

boucle = nb_souscat;

document.write('<div id="menu'+(i+1)+'" style="position:absolute; left:'+ gauche +'px; width:'+ largeur +'px;" class="menu">');

document.write('<a href="#" class="menu" onClick="javascript:voir('+(i+​1)+')">'+categorie+'</a>');

document.write('<div width="'+ largeur +'" id="sousmenu'+(i+1)+'" class="sousmenu">');

for(z=0;z<boucle;z++){

elem=soustab[z].split("|" );

document.write('<div height="15"><a href="'+elem[1]+'" target="'+elem[2]+'" class="smenu">'+elem[0]+'</a></div>');

}

document.write('</div>');

document.write('</div>');

}

document.write('</div>');

document.onLoad=Init();
 }
 </script>
 <!-- /SCRIPT MENU DYNAMIQUE -->
 </head>
 
 
 
 <body>
 <script language="Javascript">
 affiche();
 </script>
 
 
 </body>
 
 </html>
 
 ------------------------------​-------------------------
 
 et je ne sais pas comment faire pour intégrer tout ca a toutes les pages de mon site.
 
 SI QUELQU'UN SAIT COMMENT FAIRE, SES CONSEILS SONT LES BIENVENUS.
 
 Merci


---------------
 
  1. homepage
mamulengo
Tu cartonnes ! (de 500 à 999 messages postés)
  1. Posté le 24/03/2004 à 19:07:17  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
je suis pas convaincu du résultat parce que je pense qu'il faut spécifier le nom du fichier.
 
 enfin, je vais essayer mais j'aurais souhaité ne pas avoir a insérer ce script dans les quelques 50 pages de mon site.
 
 si tu as une solution ?
 
 sinon, g msn, si tu peux m'expliker com ca
 aurelien.tournayre@caramail.co​m


---------------
 
(Publicité)
  1. Posté le 26/03/2004 à 19:55:45  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
fo raccourcir le code !!!
 ralalalalala c casse pied qd mm !

 Page :
1

Aller à :
 

Sujets relatifs
Insérer un fichier !!! problème de taille ??? help !!!!!
problème menu javascript menu dynamique j'ai besoin de vous tous
Insérer une image dans un forum insérer signature manuscrite dans courriel
inserer un lien  
Plus de sujets relatifs à : Insérer un menu dynamique !!! comment faire HELP

Les 5 sujets de discussion précédents Nombre de réponses Dernier message
seg fault étrange 8
faire un fond animé pour mon site !!! HELP 0
Ouvrire une page ou la créer si elle n'existe pas... 1
Upload et droit d'accés 1
Popup vers html ??? 6