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 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85
| <html>
<head>
<script type="text/javascript">
var data_form=[
{"text":
{"label":"NCIN",
"name":"ZNCIN"
}
},
{"text":
{"label":"nom et prenom",
"name":"ZNP"
}
},
{"select":
{"label":"departement",
"name":"zdep",
"choix":
[
// indice 0
{"name":"TI",
"value":"technologie de l informatique"
},
// indice 1
{"name":"GM",
"value":"Genie mecanique"
},
// indice 2
{"name":"GE",
"value":"Genie electrique"
}
] // fin du tableau "choix"
}
},
{"boutton":
{"name":"bvalider",
"value":"valider"
}
}
];
dessiner_formulaire=function()
{
for(i=0;i<data_form.length;i++)
{
for(var indice in data_form[i] )
{
if(indice.indexOf("text",0)==0)
{
document.write(data_form[i][indice]["label"]+" : ");
document.write("<input type='text' name='"+data_form[i][indice]["name"]+"'><br>");
}
else{
if(indice.indexOf("select",0)==0)
{
for (j=0;j<data_form[i][indice][choix].length;j++)
{
document.write(data_form[i][indice]["label"]+"<select> <option>data_form[i].select.choix[j]</option> <option>data_form[i].select.choix[j] </option><option>data_form[i].select.choix[j]</option></select>");
}
}
else{
if(indice.indexOf("boutton",0)==0)
{
document.write("<br> <input type='button' name='"+data_form.indice["name"]+"' value='"+data_form[indice]["value"]+"'><br>");
}
}
}
}
}
}
</script>
</head>
<body >
<form name="f">
<script language="javascript">
document.write(dessiner_formulaire());
</script>
</form>
</body>
</html> |
Partager