 Delphine 
{ Membre }
 Messages : 20
 | Bonjour.  Voilà, je voudrais faire une liste déroulante avec le bouton "GO" comme sur cette capture d'écran :  Je sais comment faire la liste déroulante. Si je me trompe dites-le : - Code:
-
<SELECT onChange="document.location=this.options[this.selectedIndex].value">
<OPTION VALUE="#" SELECTED>Texte</OPTION>
</SELECT></FORM> Ce que je voudrais savoir, c'est comment on ajoute le bouton "GO" (qui nous redirige vers ce qu'on a sélectionné dans la liste) et comment on personnalise la liste déroulante et le bouton. Merci d'avance. |
Dernière édition par Delphine le Mer 17 Nov 2010, 09:21, édité 1 fois | |
|
Boow
{ Membre actif }
 Messages : 866
| Essaie ceci : - Code:
-
<select size=1 name="choix1">
<option value="LIEN_DU_1ER_LIEN">PREMIER LIEN</option>
<option value="LIEN_DU_2E_LIEN">2E LIEN</option>
<option value="LIEN_DU_3E_LIEN">3E LIEN</option>
<option value="LIEN_DU_4E_LIEN">4E LIEN</option>
</select>
<input type="button" value="Select" onClick="process(this.form)" name="button"> Ça devrait aller =) | | |
|
Druyk
{ Membre actif }
Messages : 339
| Bonjour, Votre problème est-il toujours d'actualité ? Si celui-ci est résolu, merci de cocher dans "icône du sujet" l'icône  en éditant votre premier post. | | |
|
Delphine
{ Membre }
Messages : 20
| Il me faudrait encore savoir comment le modifier en utilisant du CSS. | | |
|
Lyress ♣
{ Membre }
Messages : 153
| Pour le modifier avec le CSS, je pense qu'il faut faire ceci : - Code:
-
.choix1 {
ton code
} PS : http://www.themes-fa.com/toutes-versions-f37/menu-deroulant-simple-t791.htm?highlight=d%C3%A9roulant. | | |
|
Delphine
{ Membre }
Messages : 20
| Ce code ne marche pas. Et je ne suis pas inscrite sur le forum donc je ne peux pas voir. | | |
|
Lyress ♣
{ Membre }
Messages : 153
| Tu peux toujours encadrer à l'aide de div. - Code:
-
<div id="deroulant">
<select size=1 name="choix1">
<option value="LIEN_DU_1ER_LIEN">PREMIER LIEN</option>
<option value="LIEN_DU_2E_LIEN">2E LIEN</option>
<option value="LIEN_DU_3E_LIEN">3E LIEN</option>
<option value="LIEN_DU_4E_LIEN">4E LIEN</option>
</select>
<input type="button" value="Select" onClick="process(this.form)" name="button"></div> Après tu utilises ceci : - Code:
-
.deroulant {
ton_code
} | | |
|
Delphine
{ Membre }
Messages : 20
| Ça n'a pas marché non plus mais grâce à vos réponses et en cherchant un peu, j'ai mis ça et ça a marché. - Code:
-
<select size=1 name="choix1" span class="deroulant">
<option value="LIEN_DU_1ER_LIEN">TEXTE</option>
</select>
<input type="button" value="Go" onClick="process(this.form)" name="button" span class="deroulant"> | | |
|
Caroo'
{ Membre actif }
Messages : 493
| Bonjour, Votre problème est-il toujours d'actualité ? Si celui-ci est résolu, merci de cocher dans "icône du sujet" l'icône en éditant votre premier post. | | |
|
Lun 03 Juin 2024, 17:20 par 
