Canvas + Formulaire

[Sango64]

Bonjour,

j'aimerai savoir s'il était possible de rajouter un formulaire dans un canvas.

En effet si je code comme ceci :

Code :

1
2
3
4
5
6
7
8
9
10
 
<canvas name="canvasAll" id="canvas3"  width="1024px" height="600px">
	Votre navigateur ne gère pas la balise Canvas, veuillez le mettre à jour.
</canvas>
<script language="javascript" src="DessineCanvas.js"></script>
 
<form method="post" id="newMetadata">
		Mot cle : <input type="text" name="mot" id="mot"/>
		<input type="submit" value="Valider" />
</form>

Le formulaire s'affiche en dessous du canvas (normal vous allez me dire).

Du coup, je pensais rajouter le formulaire dans le canvas à partir du fichier javascript "DessineCanvas.js" avec le code :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
var canvas3 = document.getElementById("canvas3");
var newForm = document.createElement("form");
newForm.setAttribute("id", "newMetadata");
newForm.setAttribute("method", "post");
 
var newInput1 = document.createElement("input");
newInput1.setAttribute("type", "text");
newInput1.setAttribute("value", "Tapez une étiquette");
newInput1.setAttribute("name", "mot");
newInput1.setAttribute("id", "mot");
 
var newInput2 = document.createElement("input");
newInput2.setAttribute("type", "submit");
newInput2.setAttribute("value", "Valider");
 
newForm.appendChild(newInput1);
newForm.appendChild(newInput2);
canvas3.appendChild(newForm);
document.body.appendChild(newForm);

Je vois bien le formulaire créé sous le canvas avec la ligne :
document.body.appendChild(newForm);

Mais je ne vois pas le formulaire dans le canvas

Avez vous une idée ?

Merci par avance.

[madevilts]

Je dirais que la dernière ligne est fausse car tu "append" le form au lieu du conteneur canvas.

Code :

document.body.appendChild(canvas3);