Discussion :

[Décibel]

Bonsoir,

je cherche un tuto "facile" pour customiser un champ select avec Jquery, tout ce que je trouve sur le web ne semble pas fonctionner, alors si vous connaissez quelque chose de bien, je suis preneur...
Merci

[Alder]

Yop!

Tu veux le personnalisé dans le style? pourquoi ne pas utiliser du css? Sinon, si tu tiens absolument au css je pense qu'il y'a moyen avec un truc du genre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$($("#l'id de ton select").css({color:bidule;});

Je ne suis pas sur de la syntaxe, mais je pense que tu peux t'en servir de base. ^^

[Décibel]

Heu...
J'avais dis "facile"...
J'ai rien compris à ce que tu as écris, as tu un exemple ou une demo ?

[Alder]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

($("#l'id de ton select").css({color:bidule;});

Ok ok, désolé je n'avais pas compris. (Je débute aussi, donc je ne te garantis rien.)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#l'id de ton select").css({color:bidule;});

Donc d'abord, tu dis au Jquery de selectionner l'endroit que tu souhaite toucher. par exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<select id="toto">

en Jquery on va le récupérer avec $('#toto'), ou .toto, si c'est une class.
Ensuite, tu vas dire sur quoi tu souhaite intéragir (Par exemple, .html, ça te remplira ta balise select avec ce que tu veux.)

donc $('#toto').css(); (Alors la liste des attributs, bah je pense que tu peux les avoir avec google, moi je demande a mon prof! x))

La, tu es libre de remplir cette balise comme tu le souhaite

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#toto').css({text-align: center;});

{text-align: center;}, je pense que si tu maîtrise un peu le css, tu reconnaitra cette syntaxe. ^^

Maintenant, il faut savoir que Jquery fonctionne seulement si ton document est totalement chargé. Pour ça on met:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$(document).ready(function()
{
     $('#toto').css({text-align: center;});
});

Par contre, je ne sais pas si tu es au courrant, mais il faut que tu importe ton framework Jquery.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script src="js/js/jquery.js"></script>

(dans le head de ton html)

http://jquery.com/ tu peux obtenir le package ici.

Voilà j'espère que je t'ai aidé.

[Décibel]

Ok, merci !
j'ai trouvé ça et j'essaye de comprendre, avec ce que tu m'as dit j'ai un peu plus de compréhension
http://www.adamcoulombe.info/lab/jquery/select-box/