CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 05 28 13:38:24

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

Menu & Co

> DYNAMIC MENU AND NAME (SUB) MENUS V1.0

DYNAMIC MENU AND NAME (SUB) MENUS V1.0

Information sur la source

Note :
Aucune note

Catégorie :Menu & Co Classé sous :Menu, Dynamique, Liens Niveau :Débutant Date de création :06/01/2009 Date de mise à jour :06/01/2009 14:42:38 Vu / téléchargé :4 408 / 551

Auteur : astro53

Ecrire un message privé

Commentaire sur cette source (9)

Ajouter un commentaire et/ou une note

Description

<B>ATTENTION</B>::: Pour ceux qui souhaiterais utilise cette source dans un site a reference, ce n'est pas une bonne idee.(Plus d'explication dans les commentaires. (Merci a Kimjoa).

Il y a environ un mois j'ai lu une source (Parmis des centaines) sur un menu. le menu en lui meme etait ecris en html. J'ai alors laisser un message disant pourquoi ne pas avoir fais une boucle? Et la je me suis creuse la tete pour faire naitre ce script. J'aurais aime pouvoir rendre le developpement du nombre de menu au meme niveau que celui des sous menus tels que j ajouterais le nom du menu dans l'array et le script ferais tous le reste pour moi. Si quelqu un a une idee a ce sujet je suis preneur.
En attendant contentez vous de la version 1.0

Source

<html>
<head>
<title>Dynamic Menu</title>
<script language="javascript" src="js/menu_js.js"></script>
</head>
<body onload="hideMenu();">
Create by Astro Production!<Br> Creez par Astro Production. <br>
PS: Je n'ecris pas super bien en anglais donc desole pour les fautes.
<hr>
<script language=javascript>
/*to add a new menu you need to copy paste a number of things:
first: the else if below you need to upgrade 1 more menu Attention to the X +namesSubMenusX[t]+,
and t<=names subMenusX.length-1.
Second: in the js you need to put a copy of the showHideMenusX function and to upgrade i=X;
Of course don't forgot the new name menu in the array!*/
var namesMenus = new Array ('Histoire','Geographie','Physique','Maths','Litterature');
/*to add a subMenus you only needs to push it in the array at the place you want*/
/*for example I add 'New book of geographie'.
var namesSubMenus1 = new Array ('Geographie - Vol 1','GeoMap','New book of geographie','Histoire de la geographie');
If you used an array for links give the name of the link of the new SubMenu*/
var namesSubMenus0 = new Array ('Histoire - Vol 1','Histoire Politique');
var namesSubMenus1 = new Array ('Geographie - Vol 1','GeoMap','Histoire de la geographie');
var namesSubMenus2 = new Array ('Physique et Chimie','Relation Physique','La physique atomique','Un Physique de plomb');
var namesSubMenus3 = new Array ('Mathematiques pour debutant','Mathematiques avances');
var namesSubMenus4 = new Array ('Litterature Volume1');
/*links array*/
var links_subMenus = new Array ('Histoire1.html','Histoire2.php'); /*for namesSubMenus0*/
var links_subMenusL = new Array ('Math1','Math2'); /*for namesSubMenus3*/
/*for the submenuslink dont forgot a variable if you use the same name or you can create an array
i is the index in the namesMenu Array, y is the index of the var namesSubMenusY, and t is the index in the array namesSubMenusY*/
for(i=0,y=0;i<=namesMenus.length-1,y<=('namesSubMenus'+i).length-1;i++,y++){
document.write('<div><a href="#" onclick="showHideSubMenus'+i+'();">'+namesMenus[i]+'</a>')
//alert(document.getElementsByTagName('div')[i].id);
document.write('<ul name="namesSubMenus" id="'+y+'">');
if(y == 0){
for(t=0;t<=namesSubMenus0.length-1;t++){
document.write('<li><a href="'+links_subMenus[t]+'">'+namesSubMenus0[t]+'</a></li>');
}
}
else if (y == 1){
for(t=0;t<=namesSubMenus1.length-1;t++){
document.write('<li><a href="subMenus1_'+t+'.html">'+namesSubMenus1[t]+'</a></li>');
}
}
else if (y == 2){
for(t=0;t<=namesSubMenus2.length-1;t++){
document.write('<li><a href="subMenus2_'+t+'.html">'+namesSubMenus2[t]+'</a></li>');
}
}
else if (y == 3){
for(t=0;t<=namesSubMenus3.length-1;t++){
document.write('<li><a href="'+links_subMenusL[t]+'.html">'+namesSubMenus3[t]+'</a></li>');
}
}
else {
for(t=0;t<=namesSubMenus4.length-1;t++){
document.write('<li><a href="subMenus4_'+t+'.html">'+namesSubMenus4[t]+'</a></li>');
}
break;
}
document.write('</ul></div>');
}
document.write('</div><div><a href="#" onclick="showHideAllTheMenu();">Inverse all the menu</a></div>');
</script>
</body>
</html>

<html>
	<head>
		<title>Dynamic Menu</title>
		<script language="javascript" src="js/menu_js.js"></script>
	</head>
	<body onload="hideMenu();">
		Create by Astro Production!<Br> Creez par Astro Production. <br>
		PS: Je n'ecris pas super bien en anglais donc desole pour les fautes.
		<hr>
		<script language=javascript>
			/*to add a new menu you need to copy paste a number of things:
			first: the else if below you need to upgrade 1 more menu Attention to the X +namesSubMenusX[t]+,
			and t<=names subMenusX.length-1.
			Second: in the js you need to put a copy of the showHideMenusX function and to upgrade i=X;
			Of course don't forgot the new name menu in the array!*/
			var namesMenus = new Array ('Histoire','Geographie','Physique','Maths','Litterature');
			
			
			/*to add a subMenus you only needs to push it in the array at the place you want*/
			/*for example I add 'New book of geographie'.
			var namesSubMenus1 = new Array ('Geographie - Vol 1','GeoMap','New book of geographie','Histoire de la geographie');
			If you used an array for links give the name of the link of the new SubMenu*/
			var namesSubMenus0 = new Array ('Histoire - Vol 1','Histoire Politique');
			var namesSubMenus1 = new Array ('Geographie - Vol 1','GeoMap','Histoire de la geographie');
			var namesSubMenus2 = new Array ('Physique et Chimie','Relation Physique','La physique atomique','Un Physique de plomb');
			var namesSubMenus3 = new Array ('Mathematiques pour debutant','Mathematiques avances');
			var namesSubMenus4 = new Array ('Litterature Volume1');
			
			/*links array*/
			var links_subMenus = new Array ('Histoire1.html','Histoire2.php'); /*for namesSubMenus0*/
			var links_subMenusL = new Array ('Math1','Math2');  /*for namesSubMenus3*/
			
			
			/*for the submenuslink dont forgot a variable if you use the same name or you can create an array
			i is the index in the namesMenu Array, y is the index of the var namesSubMenusY, and t is the index in the array namesSubMenusY*/
			for(i=0,y=0;i<=namesMenus.length-1,y<=('namesSubMenus'+i).length-1;i++,y++){
				document.write('<div><a href="#" onclick="showHideSubMenus'+i+'();">'+namesMenus[i]+'</a>')
				//alert(document.getElementsByTagName('div')[i].id);
				document.write('<ul name="namesSubMenus" id="'+y+'">');
				if(y == 0){
					for(t=0;t<=namesSubMenus0.length-1;t++){
						document.write('<li><a href="'+links_subMenus[t]+'">'+namesSubMenus0[t]+'</a></li>');	
					}
				}
				else if (y == 1){
					for(t=0;t<=namesSubMenus1.length-1;t++){
						document.write('<li><a href="subMenus1_'+t+'.html">'+namesSubMenus1[t]+'</a></li>');	
					}	
				}
				else if (y == 2){
					for(t=0;t<=namesSubMenus2.length-1;t++){
						document.write('<li><a href="subMenus2_'+t+'.html">'+namesSubMenus2[t]+'</a></li>');	
					}	
				}
				else if (y == 3){
					for(t=0;t<=namesSubMenus3.length-1;t++){
						document.write('<li><a href="'+links_subMenusL[t]+'.html">'+namesSubMenus3[t]+'</a></li>');	
					}	
				}
				else {
					for(t=0;t<=namesSubMenus4.length-1;t++){
						document.write('<li><a href="subMenus4_'+t+'.html">'+namesSubMenus4[t]+'</a></li>');	
					}
					break;	
				}
				document.write('</ul></div>');
			}
			document.write('</div><div><a href="#" onclick="showHideAllTheMenu();">Inverse all the menu</a></div>');
				
		</script>
	</body>
</html>

Conclusion

Ceci est mon premier code sources.

Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

js
- menu_js.js 1 828 octets
- menu_js.js.bak1 763 octets
menu_js.html 3 415 octets

Télécharger le zip

Historique

06 janvier 2009 12:24:33 :: modifiction de la description et de la conclusion
06 janvier 2009 14:40:17 :: ajout d une remarque importante dans la description et remerciement a Kinjoa.
06 janvier 2009 14:41:40 :: Ajout d une remarque importante dans la description et remerciement a Kinjoa.
06 janvier 2009 14:42:38 :: Remarque Importante dans description et remerciement.

Sources du même auteur

GENERATE PASSWORD

GET ALL ELEMENTS OF A PAGE OR UNDER A TAG

PLAY COLORS V2.0

Toutes les sources de astro53

Sources de la même categorie

UN MENU EN CSS par Julien39

FLÈCHE CLIGNOTANTE AU SURVOL D'UN LIEN par lecurieux41

TREEMENU-2.3.6-MACNIP par neep

MENU CIRCULAIRE par adelmonis

MENU TASKBAR WINDOWSXP HOME par micking

Toutes les sources de la catégorie Menu & Co

Sources en rapport avec celle ci

TREEMENU-2.3.6-MACNIP par neep

MENU AVEC ROULETTE par jdmcreator

MENU HORIZONTALE RÉALISÉ AVEC DYNAMIC par Kimjoa

MENU VERTICAL DYNAMIQUE par ads31

MENU CONTEXTUEL GRÂCE AU CLICK DROIT DE LA SOURIS AVEC DES M... par OB1_12

Commentaires et avis

Commentaire de Kimjoa le 06/01/2009 13:01:11

salut astro53, une petite précision pour ta source. Si celle d'origine ne bouclé pas sur un array multi niveau, il y avait une raison... le référencement ne s'effectue pas dans le javascript, juste le html. Il aurait mieux fallut faire cette source en php d'abord pour générer le html ... voila bye

Commentaire de astro53 le 06/01/2009 13:52:03

Salut Kimjoa, je suis desole mais je n ai pas compris exactement ce que tu as voulu dire. De quel referencement tu parles?
Je vais essayer le php des ce soir meme si je suis un debutant dans ce domaine.
Et puis reelement il n y a pas une ligne de html ici car j aurais pu tout mettre dans le js et ne laisser que le onload.
Merci de me preciser ta pense.
A bientot.
Benjamin

Commentaire de Kimjoa le 06/01/2009 14:19:27

définiion wiki de réferencement : Le référencement naturel est l'ensemble des techniques qui permettent d'inscrire un site dans les moteurs de recherche ou dans les annuaires.
la technique principale viens du html... les moteurs lise la page html sans le js et associe ta page avec les mots clé qu il y auront trouvé. Les menu sont les raccoucit du contenue de ton site, et il est constitué de mot clé d'ou l 'interet de garedr le menu en html pure
il existe aussi les balise meta , principalement celle avec comme attribut name 'Keywords' et 'Description.
il y a encore pas longtemps je ne m en souciais pas , mais on m en a fait le remarque alors je te la fait aussi ;)
a++

Commentaire de astro53 le 06/01/2009 14:36:50

Ok je suis desole je n avais pas compris que tu parlais du referencement dans les moteurs de recherche.Ici je n ai pas chercher a referencer quoi que ce soit...
Pour le javascript il n est pas lu du tout par les robots et meme deconseiller en general. Je viens de relire ton message et je viens de comprendre ce que l on voulais dire. Les robots ne lise pas le javascript donc si les liens du menu sont crees dynamiquement ils ne sont pas lu par le robot et le robot n'atteindra pas les autres pages de ton site par ce chemin. (Je precise que le robot n est pas obliger de tomber directement sur la page d accueil il peut tomber directement sur une page de l un des menus.). Je confirme que c'est une tres bonne remarque. Pour rectifier ton tire sur les metas 'Keywords' et 'Description'. Description est indispensable et doit se composer de 10 a 15 mots avec 2 a 3 mots cles. Il est encore mieux de reussir a place un mot cle au debut de la phrase pour le meta Keywords (optionel n a plus une grande importance) ne pas mettre plus de 7 mots cles mais au moins 5 si tu decide de mettre cette balise.
Voila pour le referencement naturelle.
Merci pour la remarque.

Commentaire de edr le 12/01/2009 22:43:47

je te conseille d'essayer jQuery

Commentaire de astro53 le 13/01/2009 08:52:42

Salut EDR, je sais utiliser jquery mais je vois pas comment ameliorer ma situation...meme avec jquery.

Commentaire de edr le 14/01/2009 23:21:37

je te conseille de générer dynamiquement ton code html via le php (surtout que tu utilise des tableau de données, tu pourrais même utiliser un fichier texte externe par categorie voir du xml) et ensuite utiliser jquery pour les effet, tu auras bcp moins de ligne et cela sera plus clair. en plus ton menu pourra même être référençable, administrable en externe, même si ce n'est pas le but initial :)

++DigitalCoder

Commentaire de astro53 le 15/01/2009 08:58:45

Merci, pour les conseils EDR, je vais me mettre au travail des ce week end...
Esperant en debut de semaine prochaine presenter la versions PHP du menu.

Commentaire de edr le 15/01/2009 20:24:35

ok, si je trouve le temps je ferai une version :)

++DigitalCoder

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

menu dynamique [ par mamy ] Bonjour,voilà je dois créer une page web pour un site de vente en lignesur ma page d'accueil je vais afficher le menu avec les grandes catégories de p Menu dynamique [ par bside8 ] Bonjour,je souhaite réaliser un menu somme toute classique consistant à faire apparaître un menu détaillé lors du passage de la souris sur l'un des it Menu dynamique [ par RapAttak ] BonjourJe souhaite intégrer un menu dynamique sur mon site et j'aimerais beaucoup avoir le meme menu que vous utilisez sur www.javascript.com.Je n'arr Création de menu dynamique + DB [ par Mia ] Salut tlmJe recherche un moyen de créer un menu de manière dynamique et je voudrais qu'il soit construit à partir d'une base de données access ou alor Menu déroulant sans hyperlien = IMPASSE [ par ulys31 ] Bonjour,J'ai téléchargé la source no 16608, soit celle qui fait afficher un menu à multi-niveaux.Le gros hic est que vous avez complètement oublié les [JS] - Menu Dynamique : Prob. avec onMouseOut [ par Sarvok ] yo tout le monde !J'ai un gros gros probleme qui me traquasse depuis deux jours : je n'arrive pas à faire mon menu dynamique :'( !Donc c'est bon, ca c Menu dynamique pb [ par mauler ] Salut tout le monde.J'ai utiliser un script javascript de menu déroulant pour créer une menu pour mon site.Cependant, j'ai une erreur avec mozilla qu liens dynamique possible ? [ par AviShow ] salut à tous !!!Un probleme se pose à moi depuis quelques temps (trop), que je n'arrive pas à résoudre :Dans le head de mon fichier, j'ai le code java rech barre menu [ par speedylol ] Bonjour je suis a la recherche d'une , barre menu du style mettre en gras et souligne ajouter des liens ou petit smile ou liens une barre complet .et alignement des sous-menus dans un menu dynamique [ par bbpl ] Bjr,Je n'arrive pas à positionner correctement mes sous menu dans une menu vertical dynamique.Je peux donner l'adresse du site ou joindre mon fichier

Nos sponsors

Derniers Blogs

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc

SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg

Forum

MULTI SLIDER UNE SEUL PAGE par karouani

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

POPUP OUVERT à PARTIR D'UN IFRAME par mrassaa

UTILISER UN .JS par zaikoe

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Recheche Web Master pour MAJ de plateformes Musical
Budget : 500€
Realisation d-une version 2 d-un site e-commerce existant sous prestashop-REPUBLICATION
Budget : 5 000€
Recherche Infogerance Serveur Debian Linux
Budget : 1 800€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP