Changement type d'un input sous IE

Bonjour à tous !

Après 2h de recherche sur différents forums je me sens vaincu par le problème auquel je fais face :?

Je développe actuellement un formulaire que je construit dynamiquement (appel ajax pour récupérer la configuration, génération des champs suivant le retour), et je bloque sur un truc bête, mais qui a son importance. Je m'explique :

Voulant que cette génération soit compatible sur tous les navigateurs (enfin presque tous), je teste mes scripts sous IE, Firefox, et Opera (les autres seront testés dans un second temps, mais nous ne sommes pas là pour débattre de ça). Lors de la création de ce formulaire, je suis confronté au problème suivant : lorsque je crée des input, je ne peux sous Internet Explorer, leur changer le type. Sous Firefox et Opera aucun problème, cette commande me permet de changer mon type d'input.

Code:

tmpButton.type = "button";

Sous IE, l'erreur suivante intervient : Impossible d'obtenir la propriété type. Cette commande n'est pas prise en charge.

J'ai tenté plusieurs choses pour parrer mais sans plus d'effets.
Code:

1 2 3 4 5 6 7 8 9 10 11 tmpButton.type.value = "button"; // ou tmpButton.id = "test" // qui marche document.getElementById( 'test' ).type = "button"; // ou tmpButton.setAttribute( "id" , "test" ); // seulement lui marche tmpButton.setAttribute( "type" , "button" ); // toujours la même erreur
Pourtant si j'affiche (grâce à la commande alert) tmpButton.type, il me dit bien text (valeur par défaut).

Je suis un peu perdu pour avancer sans ça, si quelqu'un a des idées je veux bien tenter de les mettre en application.

Merci de vos réponses :mrgreen:

Code:

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
 
var champ = document.createElement("input");
 
champ.setAttribute("type","text");
champ.setAttribute("name","text");
champ.setAttribute("value","text");
 
nomdetaform.appendChild(champ);
 
</script>

Ca fonctionne sous IE ici, par contre je n'arrive pas à récupérer les valeurs sous IE

Bonjour,

Je viens de refaire des tests et bizarrement ça marche maintenant, il ne me fait plus l'erreur d'accès à la variable type (j'utilise la méthode setAttribute).

Je ne vois vraiment pas ce qui bloquait, mon code est resté identique et je vidais le cache régulièrement pour être sur qu'il prenne le bon fichier ...