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

Ce site au démarrage

begin process at 2012 02 14 11:37:11

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

Menu & Co

> MENU QUI APPARAÎT ET DISPARAÎT AU CLICK

MENU QUI APPARAÎT ET DISPARAÎT AU CLICK

Information sur la source

Note :

5,71 / 10

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 :22 477

Auteur : Toolsweb

Ecrire un message privé

Site perso

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 !

Sources du même auteur

DÉMINEUR EN JAVASCRIPT

REDIRIGER LE VISITEUR SELON SON SYSTÈME D'EXPLOITATION

Toutes les sources de Toolsweb

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

UN MENU EN CSS par Julien39

TREEMENU-2.3.6-MACNIP par neep

MENU CIRCULAIRE par adelmonis

MENU ANIMER HORIZONTALE OU VERTICAL , ACCÈSSIBLE SANS JS (SA... par Kimjoa

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

Commentaires et avis

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 ^^ +++

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è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 était possible de mettre un menu de click droit changant celon ou il a été 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) 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 Click & Show ? [ par odakawoi ] Bonjour à tous, messieurs les touche-à-tout ! [b]En gros, voici l'idée :[/b] intégrer un moteur de recherche (ou un menu déroulant au pire), et fair 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 à onglet en javascript qui n'est pas to

Nos sponsors

Derniers Blogs

SLIDE & DéMO TECHDAYS 2012 - FAST & FURIOUS XAML APPS par Vko

XNA IS DEAD! par richardc

TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 ! par ROMELARD Fabrice

[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio

TECHDAYS PARIS 2012 : CHUCK MORRIS N'A PAS PEUR DES MALWARES, CE SONT LES MALWARES QUI ONT PEUR DE CHUCK MORRIS par ROMELARD Fabrice

Forum

RE : MENU VERTICAL DéROULANT par lordmacrage

RE : REMPLACER UN SOUS CHAINE DANS UNE AUTRE par Renfield

REMPLACER UN SOUS CHAINE DANS UNE AUTRE par stealon

GOOGLE MAP PB ZINDEX MARKER par philou8

RE : AIDE SUR UN SCRIPT?? par NHenry

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

URGENT-Conseil en architecture de site internet-CDC DISPONIBLE-
Budget : 400€
URGENT - Realisation d-un flux standard XML -NewsML- CAHIER DES CHARGES DISPONIBLE
Budget : 400€
Creation de newsletter sur une page Facebook
Budget : 400€

Logiciels

DocTranslate (V3.1.0.0)
DOCTRANSLATE (V3.1.0.0)

DocTranslate est un traducteur de document Microsoft Word, PowerPoint et Excel. Il permet d'autom...

Cliquez pour télécharger DocTranslate
Tribler (2012)
TRIBLER (2012)

Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des...

Cliquez pour télécharger Tribler
OneSwarm (2012)
ONESWARM (2012)

Le peer-to-peer qui protège votre vie privée, c'est OneSwarm. Ce logiciel de peer-to-peer crypté...

Cliquez pour télécharger OneSwarm
PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)
PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)

PONAMEDIA TV DEVIENS HELLLOOO FLASH LA TV SUR VOTRE ORDINATEUR. Toute une plateforme Multi...

Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO
Academy System (17.2.1.0)
ACADEMY SYSTEM (17.2.1.0)

Logiciel de gestion des établissements. - élèves/étudiants (inscription, dossier, absence...) -...

Cliquez pour télécharger Academy System