Cacher une liste déroulante(javascript)
Fermé
mounir234
Messages postés
174
Date d'inscription
mercredi 28 février 2007
Statut
Membre
Dernière intervention
1 mars 2016
-
14 nov. 2008 à 01:01
thiphareth Messages postés 49 Date d'inscription mercredi 12 novembre 2008 Statut Membre Dernière intervention 12 décembre 2008 - 14 nov. 2008 à 04:13
thiphareth Messages postés 49 Date d'inscription mercredi 12 novembre 2008 Statut Membre Dernière intervention 12 décembre 2008 - 14 nov. 2008 à 04:13
Bonjour,
je voudrais afficher ou cacher une liste déroulante appartire d'un bouton
j'ai deja chercher et j'ai trouver des soulutions tro long et k'ai pas bien compris alors un petit exemple est le bien venu.
merci
je voudrais afficher ou cacher une liste déroulante appartire d'un bouton
j'ai deja chercher et j'ai trouver des soulutions tro long et k'ai pas bien compris alors un petit exemple est le bien venu.
merci
A voir également:
- Cacher une liste déroulante(javascript)
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Comment cacher la liste d'amis sur facebook - Guide
- Google sheet liste déroulante - Accueil - Guide bureautique
- Supprimer liste déroulante excel - Forum Excel
1 réponse
thiphareth
Messages postés
49
Date d'inscription
mercredi 12 novembre 2008
Statut
Membre
Dernière intervention
12 décembre 2008
1
14 nov. 2008 à 04:13
14 nov. 2008 à 04:13
Bonjour, moi je peux te proposer ca :
$(document).ready( function () {
// On cache les sous-menus :
$(".navigation ul.SousMenu").hide();
// On sélectionne tous les items de liste portant la classe "ChangerSousMenu"
// et on remplace l'élément span qu'ils contiennent par un lien :
$(".navigation li.ChangerSousMenu span").each( function () {
// On stocke le contenu du span :
var TexteSpan = $(this).text();
$(this).replaceWith('<a href="" title="Afficher le sous-menu">' + TexteSpan + '<\/a>') ;
} ) ;
// On modifie l'évènement "click" sur les liens dans les items de liste
// qui portent la classe "ChangerSousMenu" :
$(".navigation li.ChangerSousMenu > a").click( function () {
// Si le sous-menu était déjà ouvert, on le referme :
if ($(this).next("ul.SousMenu:visible").length != 0) {
$(this).next("ul.SousMenu").slideUp("normal");
}
// Si le sous-menu est caché, on ferme les autres et on l'affiche :
else {
$(".navigation ul.SousMenu").slideUp("normal");
$(this).next("ul.SousMenu").slideDown("normal");
}
// On empêche le navigateur de suivre le lien :
return false;
});
} ) ;
Je pense que mes petit commentaires te seront utile a la comprehension de ce script.
Voila ^^ en esperant que ca peux t'aider :)
$(document).ready( function () {
// On cache les sous-menus :
$(".navigation ul.SousMenu").hide();
// On sélectionne tous les items de liste portant la classe "ChangerSousMenu"
// et on remplace l'élément span qu'ils contiennent par un lien :
$(".navigation li.ChangerSousMenu span").each( function () {
// On stocke le contenu du span :
var TexteSpan = $(this).text();
$(this).replaceWith('<a href="" title="Afficher le sous-menu">' + TexteSpan + '<\/a>') ;
} ) ;
// On modifie l'évènement "click" sur les liens dans les items de liste
// qui portent la classe "ChangerSousMenu" :
$(".navigation li.ChangerSousMenu > a").click( function () {
// Si le sous-menu était déjà ouvert, on le referme :
if ($(this).next("ul.SousMenu:visible").length != 0) {
$(this).next("ul.SousMenu").slideUp("normal");
}
// Si le sous-menu est caché, on ferme les autres et on l'affiche :
else {
$(".navigation ul.SousMenu").slideUp("normal");
$(this).next("ul.SousMenu").slideDown("normal");
}
// On empêche le navigateur de suivre le lien :
return false;
});
} ) ;
Je pense que mes petit commentaires te seront utile a la comprehension de ce script.
Voila ^^ en esperant que ca peux t'aider :)