Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

MENU QUI APPARAÎT ET DISPARAÎT AU CLICK


Information sur la source

Catégorie :Menu & Co Classé sous : menu, disparait, click, layer Niveau : Débutant Date de création : 25/01/2006 Date de mise à jour : 25/01/2006 14:01:37 Vu : 17 483

Note :
5,71 / 10 - par 7 personnes
5,71 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (2)
Ajouter un commentaire et/ou une note

Description

Et bien il y a une lien qui fait ouvrir le menu et un autre lien qui fait fermer le menu! Et ce menu est dans un layer.
 

Source

  • <html>
  • <head>
  • <title>Menu</title>
  • <script type="text/javascript">
  • function showmenu()
  • {
  • if(document.getElementById)
  • document.getElementById("menu").style.visibility = 'visible';
  • }
  • function closemenu()
  • {
  • if(document.getElementById)
  • document.getElementById("menu").style.visibility = 'hidden';
  • }
  • </SCRIPT>
  • </head>
  • <body>
  • <DIV STYLE="position:absolute; top:155px; left:514px; width:99px; overflow:none; visibility:hidden; background:#3588CD; height: 170px;" ID="menu" ALIGN="center" CLASS="texte">
  • <div style="overflow:hidden;z-index:100">
  • <table width="122" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
  • <tr>
  • <td width="147"><div align="center"><a href="#">Lien 1 </a></div></td>
  • </tr>
  • <tr>
  • <td><div align="center"><a href="#">Lien 2 </a></div></td>
  • </tr>
  • <tr>
  • <td><div align="center"><a href="#">Lien 3</a></div></td>
  • </tr>
  • <tr>
  • <td><div align="center"><a href="#">Lien 4 </a></div></td>
  • </tr>
  • <tr>
  • <td><div align="center"><a href="#">Lien 5 </a></div></td>
  • </tr>
  • <tr>
  • <td><div align="center"><a href="#">Lien 6 </a></div></td>
  • </tr>
  • <tr>
  • <td><div align="center"><a href="#">Lien 7 </a></div></td>
  • </tr>
  • <tr>
  • <td>
  • <div align="center"><a href="#" onClick="closemenu();return(false)">Fermer</a></div></td>
  • </tr>
  • </table>
  • </div>
  • </DIV>
  • <A HREF="#" onClick="showmenu();return(false)">Cliquez ici pour voir le menu !</A>
  • </body>
  • </html>
<html>
<head>
<title>Menu</title>
<script type="text/javascript">
function showmenu()
	{
    	if(document.getElementById)
        	document.getElementById("menu").style.visibility = 'visible';
    	}
    
function closemenu()
	{
    	if(document.getElementById)
        	document.getElementById("menu").style.visibility = 'hidden';
    	}
</SCRIPT>
</head>

<body>
<DIV STYLE="position:absolute; top:155px; left:514px; width:99px; overflow:none; visibility:hidden; background:#3588CD; height: 170px;" ID="menu" ALIGN="center"  CLASS="texte"> 
  <div style="overflow:hidden;z-index:100">
    <table width="122" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
      <tr>
    <td width="147"><div align="center"><a href="#">Lien 1 </a></div></td>
  </tr>
  <tr>
    <td><div align="center"><a href="#">Lien 2 </a></div></td>
  </tr>
  <tr>
    <td><div align="center"><a href="#">Lien 3</a></div></td>
  </tr>
  <tr>
    <td><div align="center"><a href="#">Lien 4 </a></div></td>
  </tr>
  <tr>
    <td><div align="center"><a href="#">Lien 5 </a></div></td>
  </tr>
  <tr>
    <td><div align="center"><a href="#">Lien 6 </a></div></td>
  </tr>
  <tr>
    <td><div align="center"><a href="#">Lien 7 </a></div></td>
  </tr>
  <tr> 
    <td>
<div align="center"><a href="#" onClick="closemenu();return(false)">Fermer</a></div></td>
  </tr>
</table>
</div>
</DIV>
<A HREF="#" onClick="showmenu();return(false)">Cliquez ici pour voir le menu !</A>
</body>
</html>

Historique

25 janvier 2006 14:01:38 :
Correction d'un lien !

Commentaires et avis

signaler à un administrateur
Commentaire de worstangel le 23/02/2006 13:32:28

AHHHHHHH!! loool
merci beaucoup pour cette source !! :D
j'ai passer 3 semaine à la chercher et enfin !! un miracle :-D

merci beaucoup ^^
je l'ai retravaillée à mon goût mais elle marche très bien, rien à redire ^^...

Bonne continuation ^^ +++

signaler à un administrateur
Commentaire de Linkrouge94 le 08/03/2006 21:33:18

oauis ca ne marche pas je clique et il ne se passe rien :S

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Compatibilite [ par JB ] A grand dieu pardonnez moi de mon ignorance ! Plus serieusement, je suisdebutant programmeur (etudiant en BTS d'info, je n'avais que quelques basesde menu qui disparait derrière un tableau [ par ganja4smoke ] salut à tous,je débute dans le domaine et je ne sais pas comment m'y prendre.j'ai inséré un menu multi niveaux dans un header, il fonctionne très bien Click droit sur un element [ par Shibo_Sources ] Salut a tous, je ne suis pas tr&#232;s fort en javascript (pour dire vrai je suis nul) c'est pourquoi je me permet de vous demander un petit coup de m Menu click droit variable [ par kepon85 ] Bonjours, j'aurai aimer savoir si il &#233;tait possible de mettre un menu de click droit changant celon ou il a &#233;t&#233; effectuer dans la page Simuler un Click sur un Select / Menu [ par shaft500 ] Bonjour tt le monde! est ce qu'il serait possible de faire un click() au chargement de la page(genre onload)&nbsp;sur un select ou une liste dans un f fonction de enable [ par azstar ] je cherche une fonction qui sert a ecrire dans la même page plus tôt  aficher qlq chose qu'a étè cacher comme exemple lorsque vous click sur le menu q Centrer un layer [ par dalton40 ] Mon problème, je suis administrateur du site http://www.cercle-choral-dacquois.fr/sommaire.html  le menu déroulant est fait à partir de TIGRA MENU, le Right Click multi menu [ par Nicolas H. ] Bonjour, Est-il possible de faire en sorte d'afficher un menu différent (en fonction de l'élément) et de passé différent paramètre a la fonction sur menu onglet [ par dfsks ] dfsksMes amis je demande une aide de la plus haute importance pour moi. Je suis en train de faire un menu &#224; onglet en javascript qui n'est pas to pb de refresh de menu [ par tianet ] Bonsoir, Je voudrais faire un menu qui une fois qu'une option est s&#233;lectionn&#233;e une nouvelle page s'ouvre et que le menu reste selectionn&#23


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :

Comparez les prix Nouvelle version

Photothèque Nouveau !



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
Temps d'éxécution de la page : 0,796 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.