disabled pour désactiver l'élément dans le menu déroulant. L'exemple suivant montre l'élément actif et désactivé dans le menu déroulant -
Active and Disabled item
data-toggle = "dropdown"> About Us - Active Item Contct Us - Disabled Item Production
Résolu /Fermé rgdu86 Messages postés 275 Date d'inscription mercredi 23 mai 2007 Statut Membre Dernière intervention 7 juillet 2014 - 18 janv. 2008 à 12:16 mor ngom en licence1 - 26 oct. 2015 à 11:28 Bonjour à tous, J'aimerais savoir comment faire pour créer un menu qui s'affiche lors du passage de la souris. Je m'explique plus en détaille. J'ai déjà vu sur certain site que quand on passe sa souris sur un lien, il y a un menu qui s'affiche et disparaît quand on enlève la souris, comme sur ce site: Est-ce que ça doit être en CSS ou JavaScript? Donc si quelqu'un a une petite réponse, je suis preneur. Par avance, merci. Un bon script de menu déroulant ? | Forum WebRankInfo. Cordialement. R. G. Xil 350 vendredi 18 janvier 2008 11 juin 2009 257 18 janv. 2008 à 12:42 L'idéal est en CSS pour sa rapidité d'exécution, tu as un très bon exemple ici: La plupart des menu déroulant sont fait en javascript et tu en as de très simples, comme celui-ci (voir le code source) Mais si le javascript est désactivé sur le navigateur du visiteur, le menu en javascript ne fonctionnera pas.
Bonjour à tous! Je cherchais depuis longtemps comment mettre une image dans un champs déroulant et je m'étais résigné lisant sur différents forum que c'était impossible!!!! Or voila que par hasard je tombe sur ce site: Comme vous pouvez le voir, sur la droite il y a un menu déroulant comprenant des images... Quelqu'un aurait-il un script ou des conseils pour le faire? Merci d'avance de votre aide Modifié par masremi (19 Mar 2009 - 13:19) Double poste -_- (les modos peuvent déplacer les sujet quand c'est nécessaire) Pourquoi ne pas simplement aller regarder le code du site? Comme tu peut le constater il s'agit plus d'un astuce que d'une intégration d'images dans un un champs de sélection. Le champs en question est constamment désactiver, et il l'est toujours désactiver. Un simple rollover fait passer de hiden à visible un div conteneur de l'information et des images. 24 scripts html CSS gratuits pour la ralisation de superbes menus pour vos sites. : Outils-web.com. C'est juste une illusion. Le champs « select » n'est qu'un prétexte visuel pour activer au besoin en simple rollover. Dans la réalité des faits aucune images, pas même l'information, n'est intégrer au champs « select ».
Exemple: TABLE id - name - street - number -... row 1: 0 - test1 - teststreet1 - 1 -... row 2: 1 - test2 - teststreet2 - 2 -... row 3: 2 - test3 - tesstreett3 - 3 -... 1) Je sélectionne test2 dans le menu déroulant (le menu déroulant est rempli avec le nom de la colonne de la base de données) 2) test2 est enregistré en tant que variable dans $ name 3) sélectionnez la requête recherche la valeur de la colonne de la rue où $ name = test2 SELECT street from table where? row 2: 1 - test2 - tesstreett2 - 2 -... Script menu déroulant sur. Je veux donc que testtreet2 de la rue soit affiché dans une zone de texte J'ai besoin d'aide avec la requête select ou comment appeler ceci. Merci d'avance et prenez le temps de lire ceci! Sincères amitiés
Aussi, l encore, un script javascript sera ncessaire. Code (x)html Code CSS Dans un premier temps, on transforme donc cette liste puces verticale en une liste horizontale. Je ne reviens pas sur les dtails, le principe a dj t expliqu dans le tuto menu horizontal. Créer une liste déroulante en HTML contenant des liens - Labo JNG WEB. Ici chaque item occupera une largeur de 100 pixels, aura un fond noir, et l'criture blanche deviendra jaune au survol de la souris. #menu ul { margin:0; padding:0; list-style-type:none; text-align:center;} #menu li { float:left; margin:auto; background-color:black;} #menu li a { display:block; width:100px; color:white; text-decoration:none; padding:5px;} #menu li a:hover { color:#FFD700;} A ce stade, le rsultat est le suivant: Pour faire disparatre les sous-items, on rajoute un display:none la sous-liste (on lit en remontant: le ul inclus dans le li du ul du cadre id="menu"): #menu ul li ul { display:none;} Et hop, sous-items disparus!
Exemple ce comment créer un menu de navigation déroulant avec CSS Result:
Bien videmment, IE7 ne fait rien comme tout le monde, et la position:absolute dcrite ci-dessus peut donner des rsultats inattendus. En fait IE7 n'a pas besoin d'une position absolue si la hauteur du menu a t dclare. On peut donc rajouter ceci la feuille de style: #menu { height:50px;} Et mettre la dclaration de la position absolue dans un commentaire conditionnel, qui exclura IE, entre les balises d'en-tte
. <--> [Edit Mai 2009] Mais avec l'arrive d'IE8, a se complique. En effet, pour cette partie IE8 se comporte "normalement", donc ce test conditionnel pose problme... On peut donc rajouter cette rustine: Script menu déroulant pour. --[if IE 8]> Remarque Vu que ce menu ne fonctionne qu'avec des navigateurs rcents, il convient bien entendu de mettre un vrai lien sur l'item survol, afin que le navigation ne perde rien en cas de non fonctionnement du droulement du menu. C'est une rgle appliquer aussi si on met une surcouche javascript.