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/