Champs CCK

Information importante

En raison d'un grand nombre d'inscriptions de spammers sur notre site, polluant sans relache notre forum, nous suspendons la création de compte via le formulaire de "sign up".

Il est néanmoins toujours possible de devenir adhérent•e en faisant la demande sur cette page, rubrique "Inscription" : https://www.drupal.fr/contact


De plus, le forum est désormais "interdit en écriture". Il n'est plus autorisé d'y écrire un sujet/billet/commentaire.

Pour contacter la communauté, merci de rejoindre le slack "drupalfrance".

Si vous voulez contacter le bureau de l'association, utilisez le formulaire disponible ici, ou envoyez-nous un DM sur twitter.

Submitted by Izno on

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

Forum : 
Support général

Soumis par kartel le 25 Mars, 2009 - 23:45

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

Soumis par Izno le 26 Mars, 2009 - 18:52

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

Soumis par kartel le 27 Mars, 2009 - 10:08

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

Soumis par Izno le 27 Mars, 2009 - 12:28

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

Soumis par kartel le 30 Mars, 2009 - 10:21

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

Soumis par Izno le 30 Mars, 2009 - 16:18

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