begin process at 2010 03 20 06:57:28
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Menu & Co

 > MENU SIMPLE ET FACILEMENT COMPRÉHENSIBLE

MENU SIMPLE ET FACILEMENT COMPRÉHENSIBLE


 Information sur la source

Note :
9,57 / 10 - par 7 personnes
9,57 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Menu & Co Niveau :Débutant Date de création :21/02/2002 Date de mise à jour :21/02/2002 15:07:01 Vu :22 961
Auteur : niko49

Ecrire un message privé
Commentaire sur cette source (9)
Ajouter un commentaire et/ou une note

 Description

Ceci est un menu concu à partir d'un tableau, très simple, relativement court, mais surtout qui est prévu pour la compréhension ! Donc, l'esthétique n'est pas prévu dans ce code...

Source

  • <HTML>
  • <SCRIPT LANGUAGE="Javascript">
  • function showhide(vari)
  • {
  • if (vari.style.display=="none")
  • {
  • vari.style.display="";
  • }
  • else
  • {
  • vari.style.display="none";
  • }
  • }
  • </SCRIPT>
  • <BODY>
  • <TABLE BORDER=1 style="cursor:hand" width=100>
  • <TR><TD onClick="showhide(first)"><CENTER>Menu</CENTER></TD></TR>
  • </TABLE>
  • <DIV id="first" style="display:none;position:relative;left=50">
  • <TABLE BORDER=1 width=100>
  • <TR><TD><CENTER>Menu1</CENTER></TD></TR>
  • <TR><TD><CENTER>Menu2</CENTER></TD></TR>
  • <TR><TD><CENTER>Menu3</CENTER></TD></TR>
  • </TABLE>
  • </DIV>
  • <TABLE BORDER=1 style="cursor:hand" width=100>
  • <TR><TD onClick="showhide(second)"><CENTER>Menu 2</CENTER></TD></TR>
  • </TABLE>
  • <DIV id="second" style="display:none;position:relative;left=50">
  • <TABLE BORDER=1 width=100>
  • <TR><TD><CENTER>Menu 21</CENTER></TD></TR>
  • <TR><TD><CENTER>Menu 22</CENTER></TD></TR>
  • <TR><TD><CENTER>Menu 23</CENTER></TD></TR>
  • </TABLE>
  • </DIV>
  • </BODY>
  • </HTML> 
<HTML>
<SCRIPT LANGUAGE="Javascript">
function showhide(vari)
{
if (vari.style.display=="none")
	{
	vari.style.display="";
	}
	else
	{
	vari.style.display="none";
	}
}
</SCRIPT>
<BODY>
<TABLE BORDER=1 style="cursor:hand" width=100>
<TR><TD onClick="showhide(first)"><CENTER>Menu</CENTER></TD></TR>
</TABLE>
<DIV id="first" style="display:none;position:relative;left=50">
<TABLE BORDER=1 width=100>
<TR><TD><CENTER>Menu1</CENTER></TD></TR>
<TR><TD><CENTER>Menu2</CENTER></TD></TR>
<TR><TD><CENTER>Menu3</CENTER></TD></TR>
</TABLE>
</DIV>
<TABLE BORDER=1 style="cursor:hand" width=100>
<TR><TD onClick="showhide(second)"><CENTER>Menu 2</CENTER></TD></TR>
</TABLE>
<DIV id="second" style="display:none;position:relative;left=50">
<TABLE BORDER=1 width=100>
<TR><TD><CENTER>Menu 21</CENTER></TD></TR>
<TR><TD><CENTER>Menu 22</CENTER></TD></TR>
<TR><TD><CENTER>Menu 23</CENTER></TD></TR>
</TABLE>
</DIV>
</BODY>
</HTML>

 Conclusion

Testé sur IE 5


 Sources du même auteur

MENU SIMPLE ET AFFICHABLE AVEC CLIC DROIT
JEU DU NOMBRE À TROUVER
FOND D'ÉCRAN MOVABLE AVEC LA SOURIS
Toutes les sources de niko49

 Sources de la même categorie

Source avec Zip Source avec une capture MENU VERTICALE GAUCHE ET DROIT DEROULANT par kazma
Source avec Zip Source avec une capture MENU VERTICALE EN TRANSPARENCE par dlvains
Source avec Zip Source avec une capture MENU DÉROULANT EN IMAGES par dlvains
Source avec Zip TBFRAME: TAB BROWSING FRAME par triumphs
Source avec Zip Source avec une capture MENU PRINCIPAL par ali1987
Toutes les sources de la catégorie Menu & Co

Commentaires et avis

Commentaire de niko49 le 25/02/2002 09:21:26

Si vous ne comprenez pas, demandez le moi !

Commentaire de Essayd1000 le 10/04/2003 14:13:52

merci

Commentaire de ponchovilla le 08/01/2004 22:55:03

salut!

ton menu est superintéressant du point de vue compréhension car je débute et je comprend rien à la plupart des autres codes!

ce que je recherche c'est un code comme le tiens mais dont les sous menus défilent au survol de la souris et non au clic, qu'est-ce qui change dans le code source? est-ce faisable à partir du tiens ou pas?

merci d'avance:)

Commentaire de pn02 le 27/06/2004 16:29:14

Je voudrais faire en sorte que lorsqu'on passe sur le sous-menu une couleur differente apparaisse! j'ajoute quoi?

Commentaire de uado le 12/07/2004 22:32:14

salut, moi je comprends, mais j'aimerais bien, comme ponchovilla que se soit avec un OnMouseOver, mais je ne sais pas du tout l'utiliser...

Commentaire de Marsenal le 31/08/2004 23:08:55

Pas mal mais bon marche pas sous Mozilla...

Commentaire de psyckan le 03/11/2004 15:32:58

C'est super bien mais bon faudrait ajouter un petit design lol parce que la beurk

Commentaire de becar le 26/12/2004 00:12:48

[code]
<HTML>
<script LANGUAGE="Javascript">

<!--  fonction d'affichage pour le menu par clic

function showhide(vari)
{
if (document.getElementById(vari).style.display=="none")
  {
  document.getElementById(vari).style.display="";
  }
  else
  {
  document.getElementById(vari).style.display="none";
  }
}

<!-- fonction d'affichage pour le menu par clic

function show(vari)
{
  document.getElementById(vari).style.display="";
}

<!-- fonction pour cacher le menu par clic

function hide(vari)
{
  document.getElementById(vari).style.display="none";
}
</script>

<BODY>
<TABLE BORDER=1 style="cursor:hand" width=100>
<TR><TD onMouseOver=show("first") onMouseOut=hide("first")><CENTER>Menu survol</CENTER></TD></TR>
</TABLE>
<DIV id="first" style="display:none; position:relative; left: 50;">
  <TABLE BORDER=1 width=100>
    <TR>
      <TD><CENTER>
          Menu11</CENTER></TD>
    </TR>
    <TR>
      <TD><CENTER>
          Menu12</CENTER></TD>
    </TR>
    <TR>
      <TD><CENTER>
          Menu13</CENTER></TD>
    </TR>
  </TABLE>
</DIV>
<TABLE BORDER=1 style="cursor:hand" width=100>
<TR><TD onClick=showhide("second")><CENTER>Menu click gauche</CENTER></TD></TR>
</TABLE>
<DIV id="second" style="display:none; position:relative; left: 50;">
  <TABLE BORDER=1 width=100>
    <TR>
      <TD><CENTER>
          Menu 21</CENTER></TD>
    </TR>
    <TR>
      <TD><CENTER>
          Menu 22</CENTER></TD>
    </TR>
    <TR>
      <TD><CENTER>
          Menu 23</CENTER></TD>
    </TR>
  </TABLE>
</DIV>
</BODY>
</HTML>
[/code]

certifié compatible IE6 et Mozilla1.73
pour le design a vous de vous amuser a personnaliser le tableau (on va pas tout vous faire non !)

Commentaire de JoVB le 10/01/2006 22:30:51

Pas mal sauf que ton menu survol disparait dès que l'on sort de la cellule Menu survol (par exemple pour aller dans les sous menus...)

Est-ce que quelqu'un saurait comment faire un menu dans le genre de celui proposé sur ce site : http://chavalard.com ? Je le trouve très bien, cependant je n'y comprend au code, a part qu'il a été générer par un programme... mac :( !

Merci d'avance

//JoVB

 Ajouter un commentaire

Nos sponsors


Sondage...

Comparez les prix


Console Sony Playstation 3 80GB
Entre 398€ et 425€

Visiter le guide achat

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

Photo hvar - 2Photo Village en Ombrie
Photo Alger...station d'épuration 

Visiter la photothèque
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), 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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,718 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)