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

Version imprimable

:salut:

Voici mon code :

Code:

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.
:evil:

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 !

23/02/2006, 08h30
denisC

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

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.
:evil:

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:

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....

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

Code:

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);

23/02/2006, 08h58
Mr N.

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 :marteau:
23/02/2006, 09h18
javatwister

ben le code est valide donc il passera partout...

onsubmit va de soi quand l'utilisateur clique sur un bouton "submit";
23/02/2006, 09h54
Mr N.

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

Citation:

Envoyé par denisC

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

Alors là je suis sur confus :oops:
C'est à cause de ça que ça marchait pas !!!

Merci les gars ! :hola: