Exploiter dans un formulaire des éléments créés en javascript
Bonjour tous le monde,
Je viens de créer une fonction me permettant d'ajouter des inputs gràce à javascript.
Toutefois je ne peux pas exploiter ces éléments (je ne suis pas hyper surpris il faut le dire)
je vous rajoute la partie du code concernée, en attendant d'avoir une meilleure solution j'utilise une methode de contournement (que j'avoue je n'aime pas beaucoup)
Quoi qu'il en soit merci à ceux qui se pencheront sur mon pb.
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
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
86
87
| if($_POST[TInterface]){
echo "<script language='javascript'>
var i = 0;
function AjoutJoin(colonne){
i++;
var doc = colonne + ' = \'' + document.form2.Valeur1.value + '\'';
if(i==1){
var req = ' where ' + doc;
}
else {
req = ' AND ' + doc;
}
var textboxname = 'text' + i;
var buttonname = 'bouton' + i;
var aBox = document.getElementById('aBox');
var Ivalue = document.getElementById('hideI');
var ReqBox = document.getElementById('Requete');
var TextBox = document.createElement('input');
TextBox.setAttribute('type','text');
TextBox.setAttribute('name',textboxname);
TextBox.setAttribute('value',doc);
TextBox.style.setAttribute('cssText','width:500; height:20;');
TextBox.setAttribute('id',textboxname);
TextBox.disabled=true;
var button = document.createElement('button');
button.setAttribute('name',i);
button.setAttribute('value','-');
button.onclick=SuppJoin;
button.style.setAttribute('cssText','width:20; height:20; overflow:auto;');
button.setAttribute('id',buttonname);
var br = document.createElement('br');
aBox.appendChild(TextBox);
aBox.appendChild(button);
aBox.appendChild(br);
req = ReqBox.value + req;
Ivalue.setAttribute('value',i);
ReqBox.setAttribute('value',req);
}
function SuppJoin(){
var RemButName = 'bouton' + this.name;
var RemTextName = 'text' + this.name;
var ButNode = document.getElementById(RemButName);
var TextNode = document.getElementById(RemTextName);
ButNode.parentNode.removeChild(ButNode);
TextNode.parentNode.removeChild(TextNode);
}
</script>";
//document.form2.ValAct.value = document.form2.ValAct.value + doc;
$resultSelect = mssql_query("select syscolumns.name as colonne from sysobjects inner join syscolumns on sysobjects.id=syscolumns.id where sysobjects.name='$_POST[TInterface]'");
echo "<form name='form2' action='ListInterface.php?SERVER=".$serverEntt."' method='post'>";
echo "<table border=1 name='table1'>";
echo "<tr><td><div name='div1' style='width:450; height:600; overflow:auto; '><table border=1>";
echo "<th>Tableau de l'interface $_POST[TInterface]</th>";
while ($row = mssql_fetch_array($resultSelect)) {
echo "<tr><td>$row[colonne]</td><td><input type='button' value='+' name='AjoutCol' style='width:20; height:20; overflow:auto; ' onclick=AjoutJoin('$row[colonne]') id='idbouton'></td></tr>";
}
echo "</table></div>";
echo "<td><table border=1 name='table2'>";
echo "<th>Valeur de la colonne</th>";
echo "<tr><td><input type='text' name='Valeur1' value='' size='80'></td></tr>";
echo "<th>Valeurs actuelles</th>";
echo "<tr><td><div id='aBox' width='200'>
<INPUT TYPE=HIDDEN NAME='ValueI' value='0' id='hideI'>
<INPUT TYPE=HIDDEN NAME='Table' value='$_POST[TInterface]' id='hideI'>
<INPUT TYPE=HIDDEN NAME='Req' value='' id='Requete'>
</div></td></tr>";
echo "<tr><td><input type='submit' value='requête' name='requete'></td></tr>";
echo "</table>";
echo "</td></tr></table>";
echo "</form>";
} |
