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
| //voici la fonction appellée par le changement d'option dans la liste
function declic(num){
var adr = document.getElementById('adresse_'+num);
var liste = document.getElementById('typeDeLien_'+num);
adr.style.display = liste.value=="externe" ? "inline" : "none";
}
/*beaucoup plus loin,
au millieu de la fonction ajoutant une ligne au formulaire,
voici la creation de la zone de saisie qui doit pouvoir
disparraître et apparaître à volonté*/
var span = document.createElement("span");
span.setAttribute("id","adresse_"+numero);
span.setAttribute("style","display:none");
var valeurspan = document.createTextNode(" addresse de la page: ");
var input = document.createElement("input");
input.setAttribute("type","text");
input.setAttribute("name","url_"+numero);
span.appendChild(valeurspan);
span.appendChild(input);
//puis la création de la liste deroulante (je ne montre qu'une partie)
var liste = document.createElement("select");
liste.setAttribute("name","typeDeLien_"+numero);
liste.setAttribute("id","typeDeLien_"+numero);
liste.setAttribute("onchange","declic("+numero+")");
//et enfin, le code html
<p id="lesLiens">
Type de lien: <select name="typeDeLien_1" id="typeDeLien_1" onchange="declic(1)">
<option value="normal">normal</option>
<option value="externe">lien vers un autre site</option>
<option value="index">lien vers la page d'accueil</option>
</select>
<span id="adresse_1" style="display:none">adresse du site : <input type="text" name="url_1" />
</span>
<label> nom du lien: <input type="text" name="nomDuLien_1" />
</label>
<input type="button" value="ajouter un lien" onClick="javascript:nouveaulien()" />
<br />
</p> |
Partager