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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52
|
<div id='tab'></div>
Entrer un nombre:<input name='input' id='input' onChange ="update(this.value)"/>
<script language="JavaScript">
function update(val){
alert("Il faut creer "+val+"champs");
var i=0;
while(i < val){
add(i);
i++;
}
}
function add(i){
var node_h1=document.createElement("h1");
document.getElementById("tab").appendChild(node_h1);
document.getElementById("tab").lastChild.setAttribute("style","color:rgb(200,50,150);border:2px solid #cceaec;");
var node_text=document.createTextNode("champs"+ i);
document.getElementById("tab").lastChild.appendChild(node_text);
var node_input=document.createElement("input");
document.getElementById("tab").appendChild(node_input);
document.getElementById("tab").lastChild.setAttribute("name","name_"+i);
var node_p=document.createElement("p");
document.getElementById("tab").appendChild(node_p);
alert("Le Champs name_"+ i + " vient d'etre cree");
}
</script> |
Partager