Balise DFN, quel attribut ?

Version imprimable

Bonjour,
je construit un script pour générer des listes de texte (select),
le contenu est fixe d'une liste à l'autre (c'est Jouets)
par contre, les noms des listes est dynamique.
Tout cela fonctionne

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
function FabriquerListe(ListeJouets,ChampJouet) {
    var Forme = document.FormeSaisie;
    var MaListe = document.getElementById('MaListe');
 
    // Champ DFN
    var Dfn = document.createElement('dfn');
    Dfn.title        = 'Texte de Définition des Jouets';
    MaListe.appendChild(Dfn);                                // Fils de MaListe
 
    // Champ SELECT des JOUETS
    var Champ    = document.createElement('select');
    Champ.name    = ChampJouet;
    Champ.id    = ChampJouet;
 
    // Liste des JOUETS transformée en tableau
    var Jouets        = ListeJouets.split(',');
    var Longueur    = Jouets.length+1;
 
    for(Indice=1;Indice<Longueur;Indice++) {
        var Jouet        = Jouets[Indice];
        var Option        = document.createElement('option');
        Option.text        = Jouet;
        Option.value    = Jouet;
        Champ.appendChild(Option);
    }
    MaListe.appendChild(Champ);

Par contre, je cherche à préfixer chaque liste de son nom visible , et
là je n'arrive pas à créer le texte qui s'affiche (entre les balises <dfn> et </dfn>, pas l'attribut title ...

Quelqu'un a une idée ?

04/09/2012, 16h02
Maitre Jiraya

Je ne suis pas sur d'avoir compris ce que tu voulais vraiment, mais voici mes réponses :

Si tu veux ajouter un attribut title à ta balise <dfn>, tu t'y es bien pris (personnellement, je préfère utiliser la méthode setAttribute(nom, valeur) mais bon on est pas là pour chipoter).
Par contre, si ce que tu veux c'est ajouter la chaine : 'Texte de Définition des Jouets' entre <dfn></dfn>, il faut que tu crées un noeud texte et que tu l'ajoutes comme enfant de dfn de cette manière :

Code:

dfn.appendChild(document.createTextNode( 'Texte de Définition des Jouets'));

Concernant ta liste, c'est exactement pareil. En fait quand tu écris Option.text, tu crées un attribut text et non le texte qui sera entre les balises <option></option>. Bref, même opération précédente, tu crées un noeud texte et tu le mets enfant de Option.

J'espère avoir répondu à tes questions ;)
19/10/2013, 15h43
a028762

Je crois que c'est ce que je cherchais, merci beaucoup.