Catégories:
Bonsoir
J’ai créer un champs CCk de type «select list»
j’aurais aimé savoir si l’on pouvait attribuer une couleur
à chaque choix de mon champs,
ex :
Choix 1|Couleur rouge
Choix 2|Couleur verte
Choix 3|Couleur bleue
j’ai essayé avec un css mais il ne prend que la premiere valeur
merci beaucoup pour votre aide
- Vous devez vous identifier ou créer un compte pour écrire des commentaires
Izno
Effectivement tout les éléments de ta liste sont traité de la même façon, pas de class sur l’option de de ton select. Du coup en pure css je sais pas si il y a une solution mais en Jquery certainement:)
En jquery si tu navigue dans les options a mon avis tu peux leur affecter à la volé un ccs de couleur
Exemple a finir :
$('document').ready(function(){i=0;
$('#edit-field-liste-value option').each(function(){
//alert($(this).val())
if(i==1){
$(this).css("color","red");
}else if(i==2){
$(this).css("color","green");
}
i++
});
})
Germain
http://www.kartel.fr
kartel
9
Merci beaucoup Germain
je ne maitrise pas ce code la
peux tu me dire s’il est attaché à un css
ou bien c’est la couleur attribué a la valeur directement
dans («color»,»green») ; par exemple.
La valeur 1 correspond au premier choix de mon champs cck, n’est ce pas
merci encore
Izno
15
Bonjour,
le code n’est pas rattacher a du css
pour que cela fonctionne correctement ajoute un fichier js dans ton template de page.tlp.php de ton theme.
du genre :
<script type="text/javascript" src="/themes/garland/option.js"></script>apres dans ton formulaire regarde la source du HTML pour trouver l’id de ton select dans mon exemple : #edit-field-liste-value
après le code JS passe dans toute les options de ton select de 0 a n-1.
puis pour chaque option de ton select tu choisis ce que tu veux mettre.
C’est le code Javascript qui injecte en dynamique du css a la volé dans ta page HTML
Je te recommande un peux de lecture :) http://jquery.developpeur-web2.com/documentation.php
+
Germain
http://www.kartel.fr
kartel
9
merci de ta patience
j’ai donc rajouter
<script type="text/javascript" src="/themes/garland/option.js"></script>j’ai retrouvé mon id, l’ai remplacé dans ton script.
assigné une valeur à l’élément du champs
genre :
1|texte
2|texte
ma valeur est bien défini quand je la recherche dans le Html
quant au fichier option.js
est ce la bibliothèque Jquery ou ton code
développé plus haut ?
merci encore
Izno
15
re,
Dans option.js tu met ton code modifier avec tes paramètre.
Jquery est loader par défaut dans drupal
++
Germain
http://www.kartel.fr
kartel
9
Salut Germain
Bon impossible d’afficher cette couleur
d’aprés mon firebug, j’aurais une erreur sur
$ is not definedSe pourrait il que ca viennent de la
merci encore pour ton aide
Izno
15
Hello Izno,
Ah bizarre, peux tu verifier que tu as bien l’appel a jquery dans ta page HTML.
Regarde dans ta source si tu as :
<script type="text/javascript" src="/misc/jquery.js"></script>Normalement par defaut++
Germain
http://www.kartel.fr
kartel
9
Oui effectivement l’appel a Jquery est bien présent
et le message a bien disparu, j’ai corriger une erreur
de syntaxte dans le dossier option.js
Mais impossible d’afficher les couleurs des champs
pourtant tout me semble bon dans le code.
y’aurait-il moyen de voir si le js communique correctement
avec mon champ.
merci bien
a plus
Izno
15
Pou tester decommente l’alert
alert($(this).val())
Sinon as tu une url visible ? ou tout tes dev sont en local ?
++
Germain
http://www.kartel.fr
kartel
9
merci bien
je t’ai fait parvenir le lien sur ton mail
merci encore de ton aide précieuse
Izno
Izno
15