[DOM] Recherche tutoriel pour réaliser des formulaires avec DOM !

**polothentik** · 23/04/2008, 16h32

Bonjour,

Je cherche un tutoriel pour pouvoir réaliser des formulaire en DOM et les introduire dan du code HTML ...

merci

**SpaceFrog** · 23/04/2008, 16h40

tu as été voir dans la FAQ javascript ?

**polothentik** · 23/04/2008, 16h46

oui mais c'est relativement très court

**SpaceFrog** · 23/04/2008, 16h50

Bon alors très court aussi :

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
23
24
25
26
27
28
<script type='text/javascript'>
var $C= function(obj){
var Obj=document.createElement(obj);
return Obj}
 
function foo(){
 
var myform=$C('form');
myform.name="monform";
myform.method='post';
myform.action="javascript:alert('coucou')"
 
var myinput=$C('input')
myinput.type='text'
 
var mysubmit=$C('input');
mysubmit.type='submit'
mysubmit.value="go";
 
myform.appendChild(myinput);
myform.appendChild(mysubmit);
 
document.body.appendChild(myform);
}
</script></head>
 
<body onload="foo()">
</body>

**polothentik** · 23/04/2008, 17h08

On peut utiliser :

Code :

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

myform.name='monform';

au lieu de :

Code :

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

myform.setAttribute('name','monform');

?

De même, je m'aperçois que si je place le DOM dans une fonction javascript que j'appele lors d'un click sur un href dans un fichier HTML, il m'ajoute un champ text et un bouton valider à chaque nouveau click...

Comment stabiliser l'insertion de données lors d'un click ?

**SpaceFrog** · 23/04/2008, 17h27

tiens encore plus fun ...

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
23
24
25
26
27
28
29
30
<script type='text/javascript'>
var $C= function CO(HasH){
	var Obj=document.createElement(HasH['obj']);
	for (elt in HasH){
		if (elt != 'obj'){Obj[elt]=HasH[elt];}
 		}
 return Obj; 
 }
 
function foo(){
 
var myform=$C( {"obj":"form","method":"get","action":self.location.href} );
 
var myinput=$C({"obj":"input","type":"text","name":"montexte"} );
 
var mysubmit=$C({"obj":"input","type":"submit","value":"go"} );
 
myform.appendChild(myinput);
myform.appendChild(mysubmit);
 
document.body.appendChild(myform);
 
}
 
 
</script>
</head>
 
<body onload="foo()">
</body>

[DOM] Recherche tutoriel pour réaliser des formulaires avec DOM !

JavaScript

Vue hybride

Discussions similaires

Partager

Partager