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

Ce site au démarrage

begin process at 2012 05 30 04:49:00

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil > Forum >

SOS menu avec div

Poser une question dans le forum ou lancer une discussion

SOS menu avec div

mardi 10 juin 2003 à 11:20:40 | SOS menu avec div

kinooo

4 msg

16 msg CS

bonjour,
j'ai réaliser un menu avec des div (code si joint), pour résulmé ce code, lorsque je clique sur une div un sous-menu apparait .Cependant lors du premier clic rien ne se passe???
Aprés tout marche à la perfection.
Si qq 'un peu m'éclairé.C'est tres urgent, cela fait partie d'un projet que je doit rapidement finalisé.
Merci d'avance.

code:

<html>
<head>
<title>menu img</title>
<style>
#menu_a{
visibility:hidden;
width: 135px;
height: 106px;
left: 185px;
top: 103px;
}
#menu_b{
visibility:hidden;
width: 135px;
height: 119px;
left: 185px;
top: 103px;
}
</style>
<script>
function AffMenu1(){
document.all.menu_b.style.visibility='hidden';
if(document.all.menu_a.style.visibility=='hidden'){
document.all.menu_a.style.visibility='visible';
}else{
document.all.menu_a.style.visibility='hidden';
}
}

function AffMenu2(){
document.all.menu_a.style.visibility='hidden';
if(document.all.menu_b.style.visibility=='hidden'){
document.all.menu_b.style.visibility='visible';
}else{
document.all.menu_b.style.visibility='hidden';
}
}
</script>
</head>

<body bgcolor="#99CCFF">
<br>
<div id="menu1" style="background; position:absolute; top=150px; left: 0px; top: 200px;">
<a href=# onClick="AffMenu2();"><img src="image/texte_public.gif" width="133" height="22" border=0></a>
</div>
<br>
<div id="menu2" style="background; position:absolute; top=225px; left: 0px; top: 300px;">
<a href=# onClick="AffMenu1();"><img src="image/texte_pro.gif" width="133" height="22" border=0></a>
</div>

<div id="menu_a" style="background; position:absolute;">
<table boder=0 align="right">
<tr>
<td width="127" align="right">
<a href="admin.php?menu=menu_txt1&contenu=trt_txt&nom_fichier=chomage_1"><img src="image/chomage1.gif" border=0></a><br>
</td>
<td align="right">
<a href="admin.php?menu=menu_txt1&contenu=trt_txt&nom_fichier=chomage_2"><img src="image/chomage2.gif" border=0></a><br>
</td>
<td align="right">
<a href="admin.php?menu=menu_txt1&contenu=trt_txt&nom_fichier=chomage_3"><img src="image/chomage3.gif" border=0></a><br>
</td>
<td align="right">
<a href="admin.php?menu=menu_txt1&contenu=trt_txt&nom_fichier=chomage_4"><img src="image/chomage4.gif" border=0></a><br>
</td>
<td width="127" align="right">
<a href="admin.php?menu=menu_txt1&contenu=trt_txt&nom_fichier=adpa_1"><img src="image/adpa1.gif" border=0></a><br>
</td>
</tr>
<tr>
<td align="right">
<a href="admin.php?menu=menu_txt1&contenu=trt_txt&nom_fichier=adpa_2"><img src="image/adpa2.gif" border=0></a><br>
</td>
<td align="right">
<a href="admin.php?menu=menu_txt1&contenu=trt_txt&nom_fichier=adpa_3"><img src="image/adpa2.gif" border=0></a><br>
</td>
<td align="right">
<a href="admin.php?menu=menu_txt1&contenu=trt_txt&nom_fichier=adpa_4"><img src="image/adpa2.gif" border=0></a><br>
</td>
<td align="right">
<a href="admin.php?menu=menu_txt1&contenu=trt_txt&nom_fichier=adpa_5"><img src="image/adpa2.gif" border=0></a><br>
</td>
<td width="127" align="right">
<a href="admin.php?menu=menu_txt1&contenu=trt_txt&nom_fichier=inter_ccas_1"><img src="image/inter_ccas1.gif" border=0></a><br>
</td>
</tr>
<tr>
<td colspan="5" align="center">
<a href="admin.php?menu=menu_txt1&contenu=trt_txt&nom_fichier=inter_ccas_2"><img src="image/inter_ccas2.gif" border=0></a><br>
</td>
</tr>

</table>
</div>

<div id="menu_b" style="background; position:absolute;">
<table boder=0 align="right">
<tr>
<td width="127" align="right">
<a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=accueil_solidarite"><img src="image/texte_public01.gif" border=0></a><br>
</td>
<td align="right">
<a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=aides"><img src="image/texte_public02.gif" border=0></a><br>
</td>
<td align="right">
<a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=anpe"><img src="image/texte_public03.gif" border=0></a><br>
</td>
<td align="right">
<a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=bienvenue"><img src="image/texte_public04.gif" border=0></a><br>
</td>
<td align="right">
<a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=enfance"><img src="image/texte_public05.gif" border=0></a><br>
</td>
</tr>
<tr>
<td width="127" align="right">
<a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=forum_emploi"><img src="image/texte_public06.gif" border=0></a><br>
</td>
<td align="right">
<a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=info"><img src="image/texte_public07.gif" border=0></a><br>
</td>
<td align="right">
<a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=init_locales"><img src="image/texte_public08.gif" border=0></a><br>
</td>
<td align="right">
<a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=insert_emploi"><img src="image/texte_public09.gif" border=0></a><br>
</td>
<td align="right">
<a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=jeunesse_sport"><img src="image/texte_public10.gif" border=0></a><br>
</td>
</tr>
<tr>
<td width="127" align="right">
<a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=logement"><img src="image/texte_public11.gif" border=0></a><br>
</td>
<td align="right">
<a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=mission_departement"><img src="image/texte_public13.gif" border=0></a><br>
</td>
<td align="right">
<a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=sante"><img src="image/texte_public14.gif" border=0></a><br>
</td>
<td align="right">
<a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=services_pers_agees"><img src="image/texte_public15.gif" border=0></a><br>
</td>
<td align="right">
<a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=services_pop"><img src="image/texte_public16.gif" border=0></a><br>
</td>
</tr>
<tr>
<td width="127" align="right">
<a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=votre_ccas"><img src="image/texte_public17.gif" border=0></a><br>
</td>
<td align="right">
<a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=maison_aines"><img src="image/texte_public12.gif" border=0></a><br>
</td>
<td align="right">
</td>
<td align="right">
</td>
<td align="right">
</td>
</tr>

</table>
</div>

</body>
</html>

vendredi 13 juin 2003 à 10:25:04 | Re : SOS menu avec div

MiTcH37

118 msg

161 msg CS

une idée...

essaies de mettre des z-index dans tes div...
car peut etre que qqchose est au dessus de ta div...
donc en résumer, qd tru change visible en hidden, tu doit aussi intervertir les 2 z-index avec un truc comme ça :
document.all.NomDiv1.zIndex=1;
document.all.NomDiv2.zIndex=2;

et l'inverse
document.all.NomDiv1.zIndex=2;
document.all.NomDiv2.zIndex=1;

good luck...

MiTcH

-------------------------------
Réponse au message :
-------------------------------

> bonjour,
> j'ai réaliser un menu avec des div (code si joint), pour résulmé ce code, lorsque je clique sur une div un sous-menu apparait .Cependant lors du premier clic rien ne se passe???
> Aprés tout marche à la perfection.
> Si qq 'un peu m'éclairé.C'est tres urgent, cela fait partie d'un projet que je doit rapidement finalisé.
> Merci d'avance.
>
> code:
>
> <html>
> <head>
> <title>menu img</title>
> <style>
> #menu_a{
> visibility:hidden;
> width: 135px;
> height: 106px;
> left: 185px;
> top: 103px;
> }
> #menu_b{
> visibility:hidden;
> width: 135px;
> height: 119px;
> left: 185px;
> top: 103px;
> }
> </style>
> <script>
> function AffMenu1(){
> document.all.menu_b.style.visibility='hidden';
> if(document.all.menu_a.style.visibility=='hidden'){
> document.all.menu_a.style.visibility='visible';
> }else{
> document.all.menu_a.style.visibility='hidden';
> }
> }
>
> function AffMenu2(){
> document.all.menu_a.style.visibility='hidden';
> if(document.all.menu_b.style.visibility=='hidden'){
> document.all.menu_b.style.visibility='visible';
> }else{
> document.all.menu_b.style.visibility='hidden';
> }
> }
> </script>
> </head>
>
> <body bgcolor="#99CCFF">
> <br>
> <div id="menu1" style="background; position:absolute; top=150px; left: 0px; top: 200px;">
> <a href=# onClick="AffMenu2();"><img src="image/texte_public.gif" width="133" height="22" border=0></a>
> </div>
> <br>
> <div id="menu2" style="background; position:absolute; top=225px; left: 0px; top: 300px;">
> <a href=# onClick="AffMenu1();"><img src="image/texte_pro.gif" width="133" height="22" border=0></a>
> </div>
>
> <div id="menu_a" style="background; position:absolute;">
> <table boder=0 align="right">
> <tr>
> <td width="127" align="right">
> <a href="admin.php?menu=menu_txt1&contenu=trt_txt&nom_fichier=chomage_1"><img src="image/chomage1.gif" border=0></a><br>
> </td>
> <td align="right">
> <a href="admin.php?menu=menu_txt1&contenu=trt_txt&nom_fichier=chomage_2"><img src="image/chomage2.gif" border=0></a><br>
> </td>
> <td align="right">
> <a href="admin.php?menu=menu_txt1&contenu=trt_txt&nom_fichier=chomage_3"><img src="image/chomage3.gif" border=0></a><br>
> </td>
> <td align="right">
> <a href="admin.php?menu=menu_txt1&contenu=trt_txt&nom_fichier=chomage_4"><img src="image/chomage4.gif" border=0></a><br>
> </td>
> <td width="127" align="right">
> <a href="admin.php?menu=menu_txt1&contenu=trt_txt&nom_fichier=adpa_1"><img src="image/adpa1.gif" border=0></a><br>
> </td>
> </tr>
> <tr>
> <td align="right">
> <a href="admin.php?menu=menu_txt1&contenu=trt_txt&nom_fichier=adpa_2"><img src="image/adpa2.gif" border=0></a><br>
> </td>
> <td align="right">
> <a href="admin.php?menu=menu_txt1&contenu=trt_txt&nom_fichier=adpa_3"><img src="image/adpa2.gif" border=0></a><br>
> </td>
> <td align="right">
> <a href="admin.php?menu=menu_txt1&contenu=trt_txt&nom_fichier=adpa_4"><img src="image/adpa2.gif" border=0></a><br>
> </td>
> <td align="right">
> <a href="admin.php?menu=menu_txt1&contenu=trt_txt&nom_fichier=adpa_5"><img src="image/adpa2.gif" border=0></a><br>
> </td>
> <td width="127" align="right">
> <a href="admin.php?menu=menu_txt1&contenu=trt_txt&nom_fichier=inter_ccas_1"><img src="image/inter_ccas1.gif" border=0></a><br>
> </td>
> </tr>
> <tr>
> <td colspan="5" align="center">
> <a href="admin.php?menu=menu_txt1&contenu=trt_txt&nom_fichier=inter_ccas_2"><img src="image/inter_ccas2.gif" border=0></a><br>
> </td>
> </tr>
>
> </table>
> </div>
>
>
> <div id="menu_b" style="background; position:absolute;">
> <table boder=0 align="right">
> <tr>
> <td width="127" align="right">
> <a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=accueil_solidarite"><img src="image/texte_public01.gif" border=0></a><br>
> </td>
> <td align="right">
> <a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=aides"><img src="image/texte_public02.gif" border=0></a><br>
> </td>
> <td align="right">
> <a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=anpe"><img src="image/texte_public03.gif" border=0></a><br>
> </td>
> <td align="right">
> <a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=bienvenue"><img src="image/texte_public04.gif" border=0></a><br>
> </td>
> <td align="right">
> <a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=enfance"><img src="image/texte_public05.gif" border=0></a><br>
> </td>
> </tr>
> <tr>
> <td width="127" align="right">
> <a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=forum_emploi"><img src="image/texte_public06.gif" border=0></a><br>
> </td>
> <td align="right">
> <a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=info"><img src="image/texte_public07.gif" border=0></a><br>
> </td>
> <td align="right">
> <a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=init_locales"><img src="image/texte_public08.gif" border=0></a><br>
> </td>
> <td align="right">
> <a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=insert_emploi"><img src="image/texte_public09.gif" border=0></a><br>
> </td>
> <td align="right">
> <a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=jeunesse_sport"><img src="image/texte_public10.gif" border=0></a><br>
> </td>
> </tr>
> <tr>
> <td width="127" align="right">
> <a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=logement"><img src="image/texte_public11.gif" border=0></a><br>
> </td>
> <td align="right">
> <a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=mission_departement"><img src="image/texte_public13.gif" border=0></a><br>
> </td>
> <td align="right">
> <a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=sante"><img src="image/texte_public14.gif" border=0></a><br>
> </td>
> <td align="right">
> <a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=services_pers_agees"><img src="image/texte_public15.gif" border=0></a><br>
> </td>
> <td align="right">
> <a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=services_pop"><img src="image/texte_public16.gif" border=0></a><br>
> </td>
> </tr>
> <tr>
> <td width="127" align="right">
> <a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=votre_ccas"><img src="image/texte_public17.gif" border=0></a><br>
> </td>
> <td align="right">
> <a href="admin.php?menu=menu_txt2&contenu=trt_txt&nom_fichier=maison_aines"><img src="image/texte_public12.gif" border=0></a><br>
> </td>
> <td align="right">
> </td>
> <td align="right">
> </td>
> <td align="right">
> </td>
> </tr>
>
> </table>
> </div>
>
> </body>
> </html>
>

Cette discussion est classée dans : menu, document, all, visibility, hidden

Répondre à ce message

Sujets en rapport avec ce message

Menu frame affichage page... [ par chajlp ] Bonjour,J'ai copié le script de ce menu pour mon site, il fonctionne très bien seulement lorsque je clique sur le lien la page s'afiche dans la fenêtr Menu avec affichage du sous-menu au survol [ par lotte3 ] Bonjour à tousJe suis nouvelle sur ce forum de Javascript, et je débute dans ce langage, dans ne m'en veuillez pas si je pose des questions trop simpl Créer un objet sur chaque objet besoins de POO [ par mickaelpfr ] Salut a tous, bon hé bien j'aurais besoins d'un coup de main pour un "menu" je m'explique : j'ai un élément div sur lequel j'ai un menu a créer ( qui menu vertical (javascript) [ par tianet ] Bonjour,Je voudrai faire un menu déroulant vertical, mais avec les sous menu qui s'affiche horizontallement.Lorsque le curseur passe sur une rubrique récupération de liens sur un menu par rapport à des id [ par loraspirit ] Bonjour,J'aurai besoin de vos lumières afin de me débloquer d'un problème.J'ai un menu avec des balises . Je veux qu'en fonction du sélectionné, j'af document.all [ par g_fuck ] salut tout le monde ....j'ai un petit problem assez urgent .... est ce que quelqu'un pourai me dire en javascript ce que veux dire document.all??? est Faire varier l'url d'envoi dans "action" d'un formulaire [ par louloute8091 ] Bonjoutr Je suis en train de faire une bannière avec un menu déroulant. Chaque valeur de ce menu doit pointer vers une url différente quand on cliqu SOS - menu CSS [ par kristale ] Je suis complétement coincée!!!!!!J'ai fait un petit menu css et javascript, mais le relover de mon "menu1", "menu 2", menu 3" ne fontionne pas. J'aim Menu déroulant avec contenu sélectif [ par helln06 ] Bonjour à tous, Parfaitement débutante en JS, j'essaye désespéremment depuis plusieurs jours d'adapter un script à mon cas de figure...Il s'agit d'un Mon sous menu disparait !!!! [ par zaky08 ] Bonjour,Je suis novice dans le domaine de la programmation par contre, j'ai trouver un code pour avoir un menu et un sous menu horizontal.Le BUG c'est

Livres en rapport

Fireworks MX pour PC/MAC

Access 2002. Fonctions avancées

DocBook. La référence

BusinessObjects 5.1 et WebIntelligence 2.6.

Tous les livres pour Menu, Document, All, Visibility, Hidden

Nos sponsors

Derniers Blogs

POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante

JOYEUX ANNIVERSAIRE NIX par ebartsoft

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

Forum

RE : TRIER UNE BDD POUR AFFICHER LES DISPONIBILITéS par anthony428

RE : UTILISER UN .JS par jopop

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

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Creation d-un intergiciel temps reel
Budget : 200 000€
Application iphone et android - gestion contenu et version derivees-URGENT-REPUBLICATION
Budget : 5 000€
Creation espace client avec suivi de commande en temps reel
Budget : 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