Discussion :

[Invité]

Bonjour à vous !

J'ai besoin de votre aide pour un petit problème.
Je suis entrani de programmer une fonction basic pour la vérification de champs d'un formulaire.

Code :

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

1
2
3
4
5
6
7
function verifNom() {
    if ($F('nom').length>=4 ) {
        $('inscription').rows[1].cells[2].firstChild.data="<img src='theme/version1/images/bon2.jpg'><b>Img non affiché et txt pas en gras</b>";
    } else {
        alert('bad');
    }
}

Le problème c'est que firstChild.data ne fonctionne pas comme innerHTML, et n'accepte pas la mise en forme HTML

Exemple ici : pour le champs NOM

Pouvez vous me dire comment résoudre ce problème ?
Merci !

[SpaceFrog]

echappe les caractères comme < / etc avec \< , \/

[Invité]

Sa n'a pas l'air de fonctionner !

Code :

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

1
2
3
$('inscription').rows[1].cells[2].firstChild.data="\<img src='theme\/version1\/images\/bon2.jpg'\>";
 
Affiche : <img src='theme/version1/images/bon2.jpg'> ( au lieu d'afficher l'image

[SpaceFrog]

tu testes sous quel navihateur ?

tu utilises un nodeCleaner ?

[javatwister]

renseigne-toi sur les méthodes utilisées! pas bien dur de faire une recherche sur firstChild, data, etc.

je t'ai proposé cette instruction hier pour faire simple, et parce que le bon sens invite à ne faire figurer dans les cellules d'un tableau que des données textuelles;
en plus, tu utilises une balise <b> tout à fait inutile...;

bref, pour insérer un contenu "complexe" dans ta cellule, utilise en règle générale la méthode appendChild();
il te faudra alors définir chaque étape du contenu par document.createElement(), s'il s'agit de balises html, document.createTextNode() si tu ajoute du texte;

mais sincèrement, renseigne-toi sur les mots clés que j'ai mis en gras, tu ne pourras pas avancer seul sans cela;

[Invité]

Voilà aprés pas mal de recherches je suis arriver à mon but avec cette fonction :

Code :

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

1
2
3
4
5
6
7
function bad(ligne,mess) {
        img = document.createElement("img");
        img.src='theme/version1/images/bon2.png';
        $('id').getElementsByTagName("td")[3*ligne-1].appendChild(img);
        texte=document.createTextNode(" ".mess);
        $('id').getElementsByTagName("td")[3*ligne-1].appendChild(texte);
}

Sa fonctionne comme il faut, dis moi ce que t'en pense stp ! ( je commence à me débrouiller en JVS mais j'avoue que tout ce qui est Dom, Child, createElement ... je n'ai commencé à me documenter que ce matin )

[javatwister]

eh ben voilà, c'est déjà beaucoup mieux;

mais le conseil tient toujours: n'utilise un tableau que pour recueillir des données serveur (donc du texte ou des nombres), pas pour ta mise en page html;