Comment personnaliser ce menu déroulant?

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Comment personnaliser ce menu déroulant?

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: Comment personnaliser ce menu déroulant? (Lu 7510 fois)

Comment personnaliser ce menu déroulant?
« sur: le 29-07-2014 a 14:29:46 »

alibouma
Membre récent

Hors-Ligne

Messages: 5

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>

Rapporter au modérateur

Re:Comment personnaliser ce menu déroulant?
« Répondre #1 sur: le 29-07-2014 a 14:50:09 »

Chimnei
P'tit nouveau

Hors-Ligne

Messages: 194

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.

Rapporter au modérateur

Référencement et Optimisation de vos sites Web vitrine ou e-commerce, mes services de White-Hat SEO à votre disposition ! (message privé pour toute demande)

Re:Comment personnaliser ce menu déroulant?
« Répondre #2 sur: le 29-07-2014 a 21:31:47 »

alibouma
Membre récent

Hors-Ligne

Messages: 5

Citation de: 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.

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?

Rapporter au modérateur

Re:Comment personnaliser ce menu déroulant?
« Répondre #3 sur: le 30-07-2014 a 09:46:06 »

Chimnei
P'tit nouveau

Hors-Ligne

Messages: 194

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).

Rapporter au modérateur

Référencement et Optimisation de vos sites Web vitrine ou e-commerce, mes services de White-Hat SEO à votre disposition ! (message privé pour toute demande)

Re:Comment personnaliser ce menu déroulant?
« Répondre #4 sur: le 01-08-2014 a 13:36:57 »

alibouma
Membre récent

Hors-Ligne

Messages: 5

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

Rapporter au modérateur

Re:Comment personnaliser ce menu déroulant?
« Répondre #5 sur: le 01-08-2014 a 14:14:23 »

Chimnei
P'tit nouveau

Hors-Ligne

Messages: 194

Citation:
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.

Citation:
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.

Rapporter au modérateur

Référencement et Optimisation de vos sites Web vitrine ou e-commerce, mes services de White-Hat SEO à votre disposition ! (message privé pour toute demande)