[DOM] Créer <input> avec un type != "text"

**Mr N.** · 22/02/2006, 18h12

Voici mon code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
    <head>
        <script type="text/javascript">
        function init() {
            formulaire = document.getElementById('form');
            formulaire.appendChild(btn = document.createElement('input'));
            alert(btn.type);
            btn['type'] = 'submit';
            //btn.type  = 'submit';
            btn.value = 'go';
            btn.onclick = function (evt) {
                this.disabled = 'disabled';
                return true;
            }
        }
        </script>
    </head>
    <body onload="init()">
        <form action="http://www.google.fr/search" method="get" id="form">
        </form>
    </body>
</html>

Sous Fx, nickel.
Sous IE ca merdouille, il me met "Could not get the type property. This command is not supported." sur la ligne qui change le type de mon bouton.

Quelqu'un dans l'assistance saurait-il me dire comment générer un input type="submit" via js sous Fx et IE ?

Merci d'avance !

**denisC** · 23/02/2006, 08h30

Envoyé par Mr N.

Sous Fx, nickel.
Sous IE ca merdouille, il me met "Could not get the type property. This command is not supported." sur la ligne qui change le type de mon bouton.

Quelqu'un dans l'assistance saurait-il me dire comment générer un input type="submit" via js sous Fx et IE ?

Merci d'avance !

1- Ne jamais appeller (name) ou identifier (id) un élement par un nom reservé (typiquement form).
2- Je te conseille de créer ton bouton en deux étapes, je ne suis pas sur que ta syntaxe en une seule étape soit acceptable.

Code :

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

1
2
3
 
btn = document.createElement('input');
...

3- J'insérerais l'input dans le document après en avoir définit toutes les propriétés (en dernier, quoi).

Si ça marche toujours:
Spafy a surement des idées sur le sujet.

Sinon, il faudra utiliser la syntaxe IE pour créer un élément DOM....

**javatwister** · 23/02/2006, 08h52

avec un id "f" au formulaire, ça donne ça:

Code :

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

1
2
3
4
5
6
7
8
formulaire = document.getElementById("f"); 
	btn = document.createElement("input")
        btn.type  = "submit"; 
        btn.value = "go"; 
        formulaire.onsubmit = function () { 
                btn.disabled = true; 
        };
	formulaire.appendChild(btn);

**Mr N.** · 23/02/2006, 08h58

Merci pour cette réponse.

1. l'id 'form' est juste pour l'exemple.

2. Ca marche pour le reste de mon code et je ne vois pas en quoi c'est innacceptable, mise à part la lisibilité du code, mais ça j'en fait mon affaire.

3. Là j'ai simplifié, mais en fait je construit tout un formulaire dynamiquement, est le forumlaire est ajouté à la fin au document. Donc ses fils aussi par la même occasion.

En fait j'ai besoin d'un bouton qui soumet un formulaire quand je le clique mais qui se désactive et fait d'autres petites choses avant de soumettre le dit formulaire.
J'ai essayé avec <button> et ca marche sur IE et Fx 1.0.x mais pas sur 1.5.x
Je veux essayer avec <input type="submit"> mais IE ne veux pas créer mon bouton...

javatwister ton code passe sous IE ? sympa, j'avais pas penser au onsubmit