Titre: Comment personnaliser ce menu déroulant?
Posté par: alibouma le le 29-07-2014 a 14:29:46
Bonjour,
J’ai crée un menu déroulant, pour le moment il est sur un forum de tests. Ce menu déroulant est situé en dessous du chat à en haut de ce lien :
http://tudnghfj.clicforum.com/index.php
Donc il y a une catégorie et 3 sous catégories, j'aimerai que ces 3 sous catégories soient des mots menant vers une page, mais je n'y arrive pas.
Voilà mes codes de ce menu déroulant :
<code>
<html>
<title>liste déroulante dynamique</title>
<head>
<script language="Javascript" type="text/javascript" >
function choix(formulaire)
{
var j;
var i = formulaire.boite1.selectedIndex;
if (i == 0)
for(j = 1; j <3; j++)
formulaire.boite2.options[j].text="";
else{
}
for(j = 0; j<3; j++)
formulaire.boite2.options[j+1].text=text[j];
}
formulaire.boite2.selectedIndex=0;
}
</script>
</head>
<body>
<form name="formulaire">
<select name="boite1" onChange="choix(this.form)">
<option selected>...........Choisissez une cathégorie...........</option>
<option><a href=http://rencontresentreaspergers.soforums.com/t379-Charte-et-services-du-forum.htm>Charte</a></option>
<option><a href=http://rencontresentreaspergers.soforums.com/t385-Services-du-forum.htm>Services</a></option>
<option><a href=http://rencontresentreaspergers.soforums.com/t236-Lien-partenaire-pour-autistes-asperger.htm#p2102>Partenaires</a>
</option>
</body>
</html></code>
|
Titre: Re:Comment personnaliser ce menu déroulant?
Posté par: Chimnei le le 29-07-2014 a 14:50:09
4 solutions :
- CSS3 => utilisation du CSS dynamique (compatible nouveaux navigateurs)
- HTML5 => HTML dynamique (compatible nouveaux navigateurs)
- Javascript => modification du css situé dans le HTML : modification de la hauteur du menu (0 = caché, non défini = déroulé) (toutes compatibilité, mais non valide W3C (vu le forum, je pense qu'on est loin d'une validation W3C de toute façon)
- Jquery => modification du CSS via le Jquery (idem, modification de la taille du menu, mais avec une fonction toute faite comme ".animate()" : http://api.jquery.com/animate/) (compatibilité tous navigateur si Jquery 1.X et tous navigateurs sauf IE6 à 8 si Jquery 2.X. Jquery 1.X suffit généralement)
Si je peux te conseiller, choisi entre le CSS3 si tu t'en fiches des vieux navigateurs (plus de 20% des utilisateurs), sinon le Jquery (1.X) est une excellente alternative et tu découvrira même plein de possibilité d'animation légères et efficaces. |
Titre: Re:Comment personnaliser ce menu déroulant?
Posté par: alibouma le le 29-07-2014 a 21:31:47
4 solutions :
- CSS3 => utilisation du CSS dynamique (compatible nouveaux navigateurs)
- HTML5 => HTML dynamique (compatible nouveaux navigateurs)
- Javascript => modification du css situé dans le HTML : modification de la hauteur du menu (0 = caché, non défini = déroulé) (toutes compatibilité, mais non valide W3C (vu le forum, je pense qu'on est loin d'une validation W3C de toute façon)
- Jquery => modification du CSS via le Jquery (idem, modification de la taille du menu, mais avec une fonction toute faite comme ".animate()" : http://api.jquery.com/animate/) (compatibilité tous navigateur si Jquery 1.X et tous navigateurs sauf IE6 à 8 si Jquery 2.X. Jquery 1.X suffit généralement)
Si je peux te conseiller, choisi entre le CSS3 si tu t'en fiches des vieux navigateurs (plus de 20% des utilisateurs), sinon le Jquery (1.X) est une excellente alternative et tu découvrira même plein de possibilité d'animation légères et efficaces.
|
|
Bonsoir,
Merci pour votre réponse.
Donc si j'ai bien compris cela ne fonctionnera pas pour environ 20% des internautes, parce que leur navigateur est trop ancien pour cela, c'est bien ça? |
Titre: Re:Comment personnaliser ce menu déroulant?
Posté par: Chimnei le le 30-07-2014 a 09:46:06
En HTML 5 ou CSS 3 oui.
Cependant en javascript (ou en Jquery 1.X, c'est nettement mieux), ce sera compatible pour tout navigateur dont l'utilisateur aura laissé le javascript actif (+ de 95% des gens). |
Titre: Re:Comment personnaliser ce menu déroulant?
Posté par: alibouma le le 01-08-2014 a 13:36:57
Bonjour,
Merci pour cette information. Donc arrêtez moi si je me trompe, donc si j'ai bien compris, d'une manière générale le HTML5 et le CSS3 sont incompatibles avec 20% des navigateurs alors que le javascript et le Jquery 1.X sont compatibles avec quasiment tout les navigateurs?
J'ai une autre question : Comment faire pour obtenir ce code de menu déroulant en javascript?
Merci d'avance |
Titre: Re:Comment personnaliser ce menu déroulant?
Posté par: Chimnei le le 01-08-2014 a 14:14:23
| Merci pour cette information. Donc arrêtez moi si je me trompe, donc si j'ai bien compris, d'une manière générale le HTML5 et le CSS3 sont incompatibles avec 20% des navigateurs alors que le javascript et le Jquery 1.X sont compatibles avec quasiment tout les navigateurs? |
|
En gros voilà oui ^^ Javascript et jquery 1.X ne fonctionneront pas chez les gens qui ont désactivé le javascript, mais sinon, ça fonctionne sur tous les navigateurs.
| Comment faire pour obtenir ce code de menu déroulant en javascript? |
|
Pour ça, je te conseille de faire quelques recherches sur google. Tu n'auras rien de tout fait, mais tu trouvera de nombreuses pistes. Cherche par exemple "menu déroulant jquery" ou "menu déroulant javascript", et renseigne toi un peu sur le jquery avant.
C'est comme ça que je fais quand je veux un effet spécial sur mes sites. |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|