Accueil > Forum > > > > onMouseOut liste déroulante
 onMouseOut liste déroulante
mardi 8 avril 2008 à 09:46:07 |
onMouseOut liste déroulante
badziz
|
Salut! j'ai fait une barre de navigation horizontale avec liste déroulante verticale comme iciPar contre le problème c'est que lorsque le curseur quitte la liste des sous catégories, les sous-catégories restent affichées... Est il possible de faire un onMouseOut et faire en sorte que le sous-menu s'efface? |
|
mardi 8 avril 2008 à 09:59:02 |
Re : onMouseOut liste déroulante
nicomilville
|
Salut, peus tu nous préciser ce que sont tes sous menu, es ce des divs ??? Si t'a besoin d'aide, MP !!!
 |
|
mardi 8 avril 2008 à 10:04:35 |
Re : onMouseOut liste déroulante
bultez
|
Bonjour, >>lorsque le curseur quitte la liste des sous catégories, les sous-catégories restent affichées ben non... ni avec K-Meleon, ni avec IE(7)... ???? tu utilises quel navigateur ? >>de faire un onMouseOut euh... pas regarder l'exemple, mais à mon huble avsi, tout est fait en CSS, pourquoi vouloir ajouter du javascript ? ( inutile )
Cordialement  Bul [ mon Site] [ M'écrire]
|
|
mardi 8 avril 2008 à 10:26:11 |
Re : onMouseOut liste déroulante
badziz
|
Sur le tutoriel oui il n'y a pas de problèmes les sous-menus s'effacent automatiquement mais dans ma création non. Je ne vois pas trop pourquoi. Voila une portion du code HTML:
[code]
<td colspan="2">
<a href="index.php"><img src="images/accueil.png" width="128" height="26" alt=""></a>
</td>
<td colspan="6">
<dl>
<dt onMouseOver="javascript:montre('smenu1');">
<img src="images/news_on.png" width="127" height="26" alt="">
</dt>
<dd id="smenu1">
<ul>
<li><a href="news.php">Actus de la semaine</a></li>
<li><a href="news30.php">Actus mois précédent</a></li>
</ul>
</dd>
</dl>
</td>
[/code]
Pas de changements particulier par rapport au tuto.
Pour le javascript, c'est identique. Et pour le CSS, voila mon code:
[code]
dl, dt, dd, ul, li {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menu {
position: absolute;
width: 829px;
vertical-align: top;
float: left;
}
#menu dl
{
float: left;
margin: 0 0;
margin-bottom: 26px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
border: 0px solid gray;
display: inherit;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0;
display: block;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
[/code]
Je vois rien de spécial...
|
|
mardi 8 avril 2008 à 10:44:11 |
Re : onMouseOut liste déroulante
bultez
|
Bonjour, >>Pas de changements particulier par rapport au tuto. particulier, certes... mais il y en a ! puisque le tuto fonctione et pas ce que tu fais >>Pour le javascript, c'est identique. ah... y'a du javascript quand même ? pas sûr que cela soit nécessaire ! >> Je vois rien de spécial...
et pourtant, çà ne fonctionne pas....
revérifie méticuleusement.
tiens en voici un autre....sans js.
à toit d'adapter à ce que tu veux.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<style type="text/css">
ul.menu { list-style-type: none;
margin : 0;
padding: 0; }
ul.menu li { float: left;
margin: 0;
border: 0; }
ul.menu ul { position: absolute;
display: none;
list-style-type: none;
margin: 0;
padding: 0;
border: solid 1px black; }
ul.menu ul li { float: none;
padding: 0; }
ul.menu li a:link, ul.menu li a:visited
{ display: block;
color: #800000;
background: #FFFFAA;
margin: 0;
padding: 4px 4px;
text-decoration: none; }
ul.menu li a:hover
{ background: #AAAAFF; }
ul.menu li:hover > ul
{ display: block; }
</style>
</head>
<body>
<ul class="menu" style="position:absolute;top:50px;left:40px;width:60%">
<li><a href="#">Niveau 1</a>
<ul>
<li><a href="#">Niveau 1.1</a></li>
<li><a href="#">Niveau 1.2</a></li>
<li><a href="#">Niveau 1.3</a></li>
</ul>
</li>
<li><a href="#">Niveau 2</a>
<ul>
<li><a href="#">Niveau 2.1</a></li>
<li><a href="#">Niveau 2.2</a></li>
<li><a href="#">Niveau 2.3</a></li>
</ul>
</li>
</ul>
</body>
</html>
Cordialement Bul [ mon Site] [ M'écrire]
|
|
mardi 8 avril 2008 à 11:44:33 |
Re : onMouseOut liste déroulante
badziz
|
Chez moi ca fonctionne, c'est surement le fait que je n'ai fournit qu'une partie du html...
pour le javascript oui regarde sur le lien, il y en a:
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
Je vais tester ce que tu m'as donné merci ;-)
|
|
mardi 8 avril 2008 à 12:55:04 |
Re : onMouseOut liste déroulante
bultez
|
>> Chez moi ca fonctionne ??? je ne comprend plus ? ça fonctionne ou pas ? et si tu peux éviter le javascript.... n'hésite pas ! certains refusent d'utiliser le javascript ( et plus nombreux que ceux qui utilisent un navigateur alternatif que je ne citerais pas... par exemple ! )
Cordialement Bul [ mon Site] [ M'écrire] |
|
Cette discussion est classée dans : liste, déroulante, catégories, onmouseout
 Répondre à ce message
 Sujets en rapport avec ce message
Liste déroulante vertical (problèmes onMouseOut) [ par badziz ]
Salut!j'ai utiliser ce tutos pour réaliser mes listes déroulantes, mais j'ai un petit problème, lorsque le curseur quitt
script liste déroulante d'un dossier sur serveur [ par gillesse ]
Bonjour,Je recherche un script qui liste un dossier sur le serveur et qui me retourne le resulta dans une liste déroulante, pour pouvoir choisir le fi
Réinitialisation d'une liste déroulante après requete ajax [ par lowkey ]
Bonjour,Voici ce que je développe :une question s'affiche, les réponses sont dans une liste déroulante.Lorsque je sélectionne une réponse, la question
Contenu qui s'efface après XmlHttpRequest [ par Yoanned ]
Bonjour à tous !Je suis débutant en Javacript, et je m'arrache les cheveux sur un problème que je ne sais pas résoudre...J'essaie de récupérer des inf
[AJAX]Tableau et Liste déroulante [ par Ssayan ]
Bonjour a tous,J'ai un petit problemen, je suis désoler mais je n'est pas encor éffectuer le code mais c'est assez simple a imaginer ^^Alors j'ai une
Liste déroulante [ par sebalex ]
Bonjour à toutes et à tous. Je pourrais très certainement trouver la réponse à ma question sur cet exellent forum. Mon problème est que je ne sais pas
comment aactiver un bouton ok (submit) avec uneliste déroulante ? [ par thinkman ]
Bonjour,je cherche à activer un bouton Ok de type submit en fonction du choix d'une liste déroulante :J'ai une liste déroulante nommée "choix" qui a p
Un formulaire avec ajout de lignes [ par Tony91460 ]
Bonjour,Je suis très novice en programation et je dois réaliser un formulaire qui semble sortir du formulaire classique, depuis plusieures jours j'ess
Problème avec la propriété display [ par Passarinho44 ]
Bonjours,J'ai une fonction javascript pour afficher un morceau d'un formulaire à partir d'une liste déroulante.J'air repris un code existant et je ne
Auto update d'une liste déroulante avec PHP/MySQL [ par qntoinOo ]
Bonjour à tous,J'ai besoin de faire un formulaire où je pourrais après sélection dans une liste déroulante afficher une autre liste déroulante avec de
 Livres en rapport
|
Derniers Blogs
 POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDNPOUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante
Quelle est le point commun entre : Microsoft il y a 10 ans et Apple aujourd'hui ? Réponse: avoir une politique de protocoles propriétaires et fermés :) Car pour rappel (si si je vous assure c'est important de le rappeler), la majorité des spécifications e...
Cliquez pour lire la suite de l'article par neodante JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc
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
|