[JS] Ajout d'un <input> via du javascript

Ajout d'un <input> via du javascript [JS] - HTML/CSS - Programmation

Marsh Posté le 26-12-2004 à 14:19:51    

Bonjour,  
 
 
J'essaye de faire une petite interface en JavaScript très simple avec un formulaire.
 
Dans le formulaire, il y a plusieurs <input type="text">, mais j'aimerais que l'utilisateur ajoute lui même un <input> dans ce formulaire via un bouton par exemple.
 
(en gros, c'est un formulaire customisable par l'utilisateur)
 
J'ai pensé a deux solutions :  

  • utiliser document.write (fonction que je ne connais pas du tout) avec le code html du <input> dedans (pas top du tout a mon avis)
  • Utiliser innerHTML du formulaire (c'était dans mon intention)


 
En faisant quelque recherche, apparament, c'est déconseiller d'utiliser d'utiliser innerHTML, il vaut mieux utiliser les fonctions "dom" (si je me souvient bien).
 
Et là, c'est le drame  :cry:  
 
Quels sont les fonctions qui me m'aiderais à concevoir mon idée proprement ?
 
Si il existe des fonctions qui marchent plus ou moins comme la gestion des options des selects, je suis preneur :  

Code :
  1. var monOption = new Option();
  2. monSelect.add(monOption);


 
Merci !  
 
 
(note : je pourrais faire ça en PHP, mais je pense que en Javascript, c'est bien plus simple, surtout pour l'utilisateur)


Message édité par zapan666 le 26-12-2004 à 14:22:11

---------------
my flick r - Just Tab it !
Reply

Marsh Posté le 26-12-2004 à 14:19:51   

Reply

Marsh Posté le 26-12-2004 à 23:04:57    

comme ca
(exemple trouvé sur le net)
<HTML>
<SCRIPT>
function insertScript(){
    var sHTML="<input type=button onclick=" + "go2()" + " value='Click Me'><BR>";
    var sScript="<SCRIPT DEFER>";
    sScript = sScript + "function go2(){ alert('Hello from inserted script.') }";
    sScript = sScript + "</SCRIPT" + ">";
    ScriptDiv.innerHTML = sHTML + sScript;
}    
</SCRIPT>
<BODY onload="insertScript();">
    <DIV ID="ScriptDiv"></DIV>
</BODY>
</HTML>

Reply

Marsh Posté le 27-12-2004 à 01:11:53    

Bon, bah, je vais faire ça avec innerHTML alors, puis je trouve mieux, je recoderais :\


---------------
my flick r - Just Tab it !
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed