Menu simple a installer

Télécharger le projet
Commenter

Description

un menu tout simple à installer, la j'ai illustré avec un peu de php pour mettre quelquechose... masi c'est évident que vous êtes libre de ce que vous y mettez...

Compatible Mozilla 1.7 et Konqueror 3.2.3 je n'ai pas testé avec d'autres navigateurs...

Vous pouvez faire 5 sous menus et un sixième niveau avec les liens... ici vous voyez un bout de menu que j'utiliserais peut-être sur mon site, donc, vous avez une partie de l'arborecence de mon site...

Source / Exemple : 


----------------------------------index.php----------------------------------
<html>
<head>
<link rel="Stylesheet" href="site.css" type="text/css">
<script>
ancien=-1;
num=-1;
sub=-1;
menusup = new Array(5);
menusup[0]=-1;
menusup[1]=-1;
menusup[2]=-1;
menusup[3]=-1;
menusup[4]=-1;
cache="<table border='0' width='100%'>";

function closeall(){
	for (i=0;i<num+1;i++){
		a=0;
		for (j=0;j<5;j++){
			if (i!=menusup[j]){
				a++;
			}
		}
		if (a==5){
			document.images['image'+i].src='dossierclose.jpg';
			document.getElementById('menu'+i).style.display='none';
		}
	}
}

function ouvre1(i,a,b,c,d,e){
	if (ancien != i){
		ancien=i;
		menusup[0]=a;
		menusup[1]=b;
		menusup[2]=c;
		menusup[3]=d;
		menusup[4]=e;
		closeall();
		
		setTimeout( "suiteouvre1("+i+")" , 100 )
	}else{
		ancien=-1;
		document.getElementById('menu'+i).style.display='none';
		document.images['image'+i].src='dossierclose.jpg';
	}
}

function suiteouvre1(i){
	document.getElementById('menu'+i).style.display='';
	document.images['image'+i].src='dossieropen.jpg';
}

function create_menusup(affiche){
	num++;
	sub++;
	sub2=sub+1;
	menusup[sub]=num;
	cache+="<tr><td background='fondmenu"+sub+".jpg' onclick='ouvre1("+num+","+menusup[0]+","+menusup[1]+","+menusup[2]+","+menusup[3]+","+menusup[4]+")'><img src='dossierclose.jpg' name='image"+num+"'>"+affiche+"</td></tr><tr><td background='fondmenu"+sub2+".jpg'><div ID='menu"+num+"' style='position:relative'><table width='100%'>";
}

function create_menubranche(etiquette, lien){
	cache+="<tr><td><a href='index.php?id="+lien+"'>"+etiquette+"</a></td></tr>";
}

function create_menulibre(etiquette, lien){
	cache+="<tr><td background='fondmenu2.jpg'><a href='index.php?id="+lien+"'>"+etiquette+"</a></td></tr>";
}

function create_endmenusub(){
	menusup[sub]=-1;
	sub--;
	cache+="</table></div></td></tr>";
}

function ready(){
	document.write(cache+"</table>");
}

</script>
</head>
<body background="fond.jpg">
<table width="100%">
<tr>
<td width="20%">

<script>
//create_menubranche("","");
create_menulibre("home", "");
create_menusup("basic");
	create_menusup("Qbasic");
		create_menubranche("effets", "basic/qbasic/effets.htm");
		create_menubranche("utilitaires", "basic/qbasic/util.htm");
		create_menubranche("jeux", "basic/qbasic/jeux.htm");
	create_endmenusub();
	create_menusup("TIbasic");
		create_menubranche("tutoriaux", "basic/tibasic/tutoti.htm");
		create_menubranche("téléchargements", "basic/tibasic/ti.htm");
	create_endmenusub();
create_endmenusub();
create_menusup("javascript");
	create_menusup("pages colmplètes");
		create_menubranche("album photo","javascript/aumenu/photo/index.html");
		create_menubranche("texte dans tout les sens","javascript/aumenu/delirium.html");
		create_menubranche("texte défilant","javascript/aumenu/txtcase.html");
		create_menubranche("logiciel de création de pages web","javascript/aumenu/creahtml.html");
		create_menubranche("des citations qui défilent","javascript/aumenu/texte.html");
		create_menubranche("une citation au hasard","javascript/aumenu/citations.html");
		create_menubranche("pour noël","javascript/aumenu/noel.html");
		create_menubranche("une page à la con","javascript/aumenu/con1.html");
		create_menubranche("test de primalitée","javascript/aumenu/premiers.html");
		create_menubranche("un menu","javascript/menu.html");
		create_menubranche("un carnet s'adresse","javascript/carnetdadresse.htm");
		create_menubranche("un carnet d'anniversaires","javascript/anniv.htm");
		create_menubranche("un générateur de labyrinthe","javascript/aumenu/labyrinthe/laby.html");
		create_menubranche("autre générateur","javascript/aumenu/labyrinthe/laby_1.html");
	create_endmenusub();
create_endmenusub();
ready();
closeall();
</script>

</td>
<td>
<?
if (!empty($_GET['id'])){
$id=$_GET['id'];
}else{
$id="home.html";
}
include "$id";
?>
</td>
</tr>
</table>
</body>
</html>

Conclusion :


j'en avais besoin il y a un an, et je n'avais pas trouvé de menus aussi facile a configurer (même si je savais le faire, je n'avias pas pris le temps...) et donc j'éspère qu'il vous satisfera...
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (coucou747)