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
|
function afficher_click_zone_texte(){
//création d'un nouvel element hr
var nouvelle_ligne = document.createElement("hr");
//on pointe vers la div à laquelle on souhaite ajouter la ligne+ ajout
document.getElementById("en-dessous").appendChild(nouvelle_ligne);
nouvelle_ligne.id = "right_2";
//creation de deux lignes et ajout de ces lignes à la div "en-dessous"
var balise_br_3 = document.createElement('br');
var balise_br_4 = document.createElement('br');
document.getElementById("en-dessous").appendChild(balise_br_3);
document.getElementById("en-dessous").appendChild(balise_br_4);
//creation du texte "Texte du label"
var texte= document.createTextNode("id_zone_de_texte"+"\u0020");
//ajout de ce texte à la balise en-dessous
document.getElementById("en-dessous").appendChild(texte);
//ajout d'un espace entre Texte "id_zone_de_texte" et la zone de saisie
var espace_blanc_3 = document.createTextNode("\u00a0" );
document.getElementById("en-dessous").appendChild(espace_blanc_3);
//creation d'une zone de saisie
var saisie_texte_2 = document.createElement("input");
saisie_texte_2.type ="text";
//affectation d'un id à la zone de saisie saisie_texte
saisie_texte_2.setAttribute("id", "id_saisie_texte_2");
//ajout à la div "en-dessous"
document.getElementById("en-dessous").appendChild(saisie_texte_2);
//creation d'un bouton
var bouton_ok_ZT = document.createElement("BUTTON");
//ajout d'un attribut id au bouton crée
bouton_ok_ZT.setAttribute("id","id_bouton_ok_ZT");
//creation du texte du bouton
var texte = document.createTextNode("OK");
//ajout du texte au bouton
bouton_ok_ZT.appendChild(texte);
//ajout d'un espace entre la zone de texte et le bouton OK
var espace_blanc_4 = document.createTextNode("\u00a0" );
document.getElementById("en-dessous").appendChild(espace_blanc_4);
//ajout du bouton à la div "en-dessous"
document.getElementById("en-dessous").appendChild(bouton_ok_ZT);
//declenchement de la fonction afficher_texte_div_gauche après un click sur le bouton bouton_ok_label
document.getElementById("id_bouton_ok_ZT").onclick = afficher_ZT_texte_div_gauche;
//ajout de deux sauts de ligne
//creation de deux lignes et ajout de ces lignes à la div "recup_texte_btn_ok"
var balise_br_5 = document.createElement('br');
var balise_br_6 = document.createElement('br');
document.getElementById("recup_1").appendChild(balise_br_5);
document.getElementById("recup_1").appendChild(balise_br_6);
//ajout d'une nouvelle span
var nouvel_element_span=document.createElement('span');
//affectation d'un id à la zone de saisie saisie_texte
nouvel_element_span.setAttribute("id", "recup_2");
var div_gauche=document.getElementById("gauche");
div_gauche.insertAfter(nouvel_element_span);
}//fin de fonction afficher_click_zone_texte |
Partager