Bonjour,
j'aimerai savoir s'il était possible de rajouter un formulaire dans un canvas.
En effet si je code comme ceci :
Le formulaire s'affiche en dessous du canvas (normal vous allez me dire).
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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>
Du coup, je pensais rajouter le formulaire dans le canvas à partir du fichier javascript "DessineCanvas.js" avec le code :
Je vois bien le formulaire créé sous le canvas avec la ligne :
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 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);
document.body.appendChild(newForm);
Mais je ne vois pas le formulaire dans le canvas
Avez vous une idée ?
Merci par avance.
Partager