Discussion :

[DIOnTheDole]

Bonjour,

Je créé des éléments radio de façon dynamique :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
var formTest = document.createElement("form");
formTest.setAttribute("name","formTest" );
var contenu = document.createElement("input");
contenu.setAttribute("type","radio");
contenu.setAttribute("name","optMahj0" );
//contenu.setAttribute("checked",true);
formTest.appendChild(contenu);
//formTest.appendChild(contenu.cloneNode(true));
//formTest.appendChild(contenu.cloneNode(true));
document.getElementsByTagName("Body")[0].appendChild(formTest);

Sous FF ça marche, mais sous IE on ne peut pas cocher l'élément radio (qu'il y en ait un ou plusieurs) ??? Y a un truc que j'ai pas fait ou est-ce que mon navigateur IE a un problème ?
Quelqu'un peut-il tester ce code sous IE, ou aurait une petite idée de ce qui ne va pas ?
Merci pour vos réponses.

[guy777]

Ie = caca !!! (pardonnez-moi !)

Effectivement après plusieurs essais infructueux cela ne marche toujours pas. Il ne faut pas oublier que setAttribute sous ie est particulièrement glissant, le premier paramètres que l'on met ne ressemble pas forcément au nom HTML de l'attributs et en plus beaucoup d'attributs sont impossible à définir avec setAttribute...

[guy777]

Ca y est j'ai réussi !!!

Plutôt que de faire :

Code :

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

1
2
3
4
 
var contenu = document.createElement("input");
contenu.setAttribute("type","radio");
contenu.setAttribute("name","optMahj0" );

fais plutot :

Code :

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

1
2
 
var contenu = document.createElement("<INPUT TYPE='RADIO' NAME='RADIOTEST' VALUE='First Choice'>");

J'ai pris cette soluce directement auprès de kro$oft !!! Et cela confirme ce que je pensais, IE ne tient aucun compte des recommandations du W3C et bonne nouvelle, c'est pas prêt de s'arrêter avec la sortie de la version 7...

[DIOnTheDole]

Super, merci beaucoup pour ta réponse aussi rapide.

Concernant, IE et le W3C, je suis d'accord ça se vérifie de plus en plus !
Le problème c'est que Microsoft a, je pense, une des plus grosses part de marché dans le développement WEB.

Donc bien sûr ça ne marche pas sous FF.

La question suivante est alors, est-ce qu'on doit détecter le nom du navigateur (plusieurs sites conseillent plus de tester les fonctions individuellements) ou y a t-il un autre moyen de savoir que FF n'a pas supporté cette fonction et n'a pas continué l'exécution du script ?

[guy777]

Les avis divergent sur cette question. Moi, quand je fais un script, je me débrouille pour qu'il fonctionne sur IE et FF, c'est tout. Si on prend en compte tous les navigateurs, les programmes les plus simples deviennent des usines à gaz ! De plus, IE et FF représentent 97% du marché des navigateurs...

y a t-il un autre moyen de savoir que FF n'a pas supporté cette fonction et n'a pas continué l'exécution du script ?

Non ! A part tester les fonctions ou le navigateur, je ne vois pas...

[DIOnTheDole]

Finalement je teste le navigateur car sous FF cette fonction

Code :

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

var contenu = document.createElement("<INPUT TYPE='RADIO' NAME='RADIOTEST' VALUE='First Choice'>");

arrête l'exécution du script sans rien dire.
En fait je voulais savoir comment tu testerais uniquement cette fonction ?

[guy777]

Pour cette fonction, on ne peut pas la tester puisque createElement fonctionne sur IE et FF, et qu'en plus la syntaxe que je t'ai donnée fait planter FF donc tu es obligé de tester le navigateur avant de lancer la fonction.

[DIOnTheDole]

Merci encore pour tes réponses.