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
| //add locuteur
function addLigne()
{
var i;
var elForm = document.getElementById("loc");
var objBouton = document.getElementById("idBouton");
/*** Creation des 2 input de type texte ***/
var elInput = new Array();
for (i=0;i<3;i++)
{
elInput[i] = document.createElement("input");
elInput[i].type = "text";
}
/*** Creation des 4 textNode ***/
var elTxt = new Array();
var tabTxt = new Array("Identifiant : ","Age : ","Sexe : ","Niveau d'études : ");
for (i=0; i<tabTxt.length; i++)
{
elTxt[i] = document.createTextNode(tabTxt[i]);
}
/*** Creation de la liste et de ses options ***/
var elSelect = document.createElement("select");
elSelect.size = "1";
/*** Creation des options ***/
/*** syntaxe : Option("Text","Value",selected,false); ***/
var elOption = new Array(
new Option("Votre choix","",false,false),
new Option("Masculin","M",false,false),
new Option("Féminin","F",false,false)
);
/*** Ajout d une ligne de separation ***/
var ligne = document.createElement("hr");
ligne.style.width = "75%";
ligne.style.color = "#A1B2C3";
elForm.insertBefore(ligne, objBouton);
/*** Insertion du 1er texte et du 1er input dans le document ***/
elForm.insertBefore(elTxt[0], objBouton);
elForm.insertBefore(elInput[0], objBouton);
/*** Insertion du 2eme texte et du 2eme input dans le document ***/
elForm.insertBefore(elTxt[1], objBouton);
elForm.insertBefore(elInput[1], objBouton);
/*** Ajout du 3eme textNode pour la liste ***/
elForm.insertBefore(elTxt[2], objBouton);
/*** Insertion du select dans le document ***/
/*** Attention IE : il faut inserer le select dans le document avant d ajouter
**** les options ***/
elForm.insertBefore(elSelect, objBouton);
for (i=0;i<elOption.length;i++)
{
elSelect.options.add(elOption[i]);
}
/*** Insertion du 4eme texte et du 3eme input dans le document ***/
elForm.insertBefore(elTxt[3], objBouton);
elForm.insertBefore(elInput[2], objBouton);
/*** Ajout de sauts de lignes ***/
elForm.insertBefore(document.createElement("br"), objBouton);
elForm.insertBefore(document.createElement("br"), objBouton);
} |
Partager