Jsp dans du Javascript(page dynamique)
Salut!
Ma page doit être impérativement dynamique; quand je clique sur un bouton "rajouter", il m'appelle la fonction suivante, et ça marche, c'est complique mais ca marche, la fonction recueill1fo(this) aussi marche très bien, je commence a dominer ce dynamisme. :)
Mais mon problème c'est que je devrait charger les <option> a partir d'une base de donees, donc il me faut une boucle en jsp, alors comment devrai-je insérer cette boucle dans mon javascript ou comment modifier mon code pour arriver a mon but?
(juste un petit plus:comment devenir membre et pas "invite de passage" :cry: , j'y vais tout le temps moi :? )
voici mon code:
Code:
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
|
function newMED()
{
var target = document.getElementById('Account_1');
var newdiv = document.createElement('div');
var newdivname = 'Div' + counter;
newdiv.setAttribute('id',newdivname);
var i= document.getElementById('stok').value;
i=parseInt(i);
document.getElementById('stok').value=i+1;
content = newdiv.innerHTML;
content += "<table cellpadding=\"6\" cellspacing=\"10\" border=\"2\" width=\"1000\"><tr><td>"
content +="N*"+i+"<br><br> NC:";
content +='<select type="text" name="NC['+i+']" id="NC['+i+']" onChange="recueill1fo(this);">';
content+='<option selected>Faites un choix<//option>';
content +='<option value="USD">USD<//option>';
content +='<option value="EUR">EUR<//option>';
content +='<option value="GBP">GBP<//option>';
content +='<option value="JPY">JPY<//option>';
content +='<option value="HKD">HKD<//option>';
content +='<option value="CHF">tokny alaina avy any @base<//option>';
content +='</select>';
content+="<br><input type='button' value='ok' id='"+i+"' onclick='recueill1fo(this);' >";
content +="</td><td><table><tr><td> Forme:";
content +="</td><td><input type='text' name='Forme["+i+"]' id='Forme["+i+"]' size='20'>";
content +="</td></tr><tr><td> Presentation:";
content +="</td><td><input type='text' name='Pres["+i+"]' id='Pres["+i+"]' size='20'>";
content +="</td></tr><tr><td>Mode de prise:";
content +="</td><td><input type='text' name='Mode["+i+"]' id='Mode["+i+"]' size='20'>";
content +="</td></tr><tr><td>Posologie(x g/y kg/y jr):";
content +="</td><td><input type='text' maxlength='4' size='1' name='Masse["+i+"]' id='Masse["+i+"]' size='3'>";
content +="<input type='text' maxlength='3' size='1' name='MasseU["+i+"]' id='MasseU["+i+"]' size='3'>";//Select
content +="<input type='text' maxlength='3' size='1' name='poi["+i+"]' id='poi["+i+"]' size='3'>";
content +="<input type='text' maxlength='3' size='1' name='poiU["+i+"]' id='poiU["+i+"]' size='3'>";//Select
content +="<input type='text' maxlength='4' size='1' name='par["+i+"]' id='par["+i+"]' size='3'>";
content +="<input type='text' maxlength='3' size='1' name='parU["+i+"]' id='parU["+i+"]' size='3'>";//Select
content +="</td></tr><tr><td>Pendant:";
content +="</td><td><input type='text' maxlength='3' size='1' name=Pdt["+i+"]' id='Pdt["+i+"]' size='3'>";
content +="<input type='text' maxlength='4' size='1' name=PdtU["+i+"]' id='PdtU["+i+"]' size='3'>";//Select
content +="</td></tr></table></td><td>Quantite a delivrer:";
content +="<input type='text' name='Quant["+i+"]' id='Quant["+i+"]' size='20'>";
content +="</td></tr></table>"
//content +='<a id="AccountDelete" href="#" onclick="removeInput(\'' + newdivname + '\');">[Delete]</a>';
newdiv.innerHTML = content;
target.appendChild(newdiv);
counter++;
} |
javascript coté client - jsp coté serveur
je sais que: http://translate.googleusercontent.c...ylMJgRiRk9g#a1
mais l’élément est créé par un onclick alors je bloque total!
Merci de vos aides et critiques et conseils
des <select> remplis par les memes <option>
sachez que dans ma page, toutes les <select> créés dynamiquement devront avoir les même <option> tirées de la base de données.
charger la jsp dans du html puis copier par javascript
soyez compréhensif vous qui êtes avancés mais je crois qu'on est tous passé par un état: débutant.
moi, je le suis encore, je poste ici pour être aider et pour m'aider et pour aider, normal si je trouve moi-même la réponse avant les vôtres.
Ma solution:
a chaque création dynamique d'un <select> , je copie les <option> d'un <select id="listeMED" style="visibility:hidden;> chargé en jsp, avec cette fonction:
Code:
1
2
3
4
5
| function cp(obj){
var select1 = document.getElementById("listeMED");
var select2 = obj;
select2.innerHTML = select2.innerHTML+select1.innerHTML;
} |
mais comment faire car on ne peut écrire <select onload="cp();">
Merci!
ce que je veux faire avec ajax
Merci pour tes remarques.
1) je doit créer de multiple éléments: <select> <input> ...
2)a chaque changement dans le <select>, je devais chercher des données mysql via cette option retenue et les afficher dans les autres <input>, c'est ce que je dois faire avec ajax, on me l'a conseillé d'ailleurs.
3)j'ai essayer avec cloneNode mais je galérais quand a la récupération des informations alors, avant de pouvoir améliorer, j'ai du faire avec ce qui marche.
