ah ah hum, je déconne.
bon, je suis en train de coder une application web qui utilise du javascript à gauche et à droite et ici j’ai un problème avec une table contenant des champs de formulaire créés dynamiquement.
J’ai une table, suivie d’un bouton. Lors du clic sur le bouton, une ligne s’ajoute dans la table avec quelques inputs, un select et un lien. Enfin, ca c’est dans la théorie et sous firefox. Parce que sous IE ca ne marche pas, ca ne donne rien du tout. La fonction est bien lancée mais je n’ai pas ma ligne. Qu’est ce qui est mal foutu dans mon code ?
C’est surement une connerie mais je ne vois pas, je remercie d’avance quelqu’un qui y verrait plus clair
un screenshot pour voir ce dont il s’agit:
le code JS:
[code] var nbr_parameters = 0;
function AddParameter ()
{
alert(‹ here I am ›);
nbr_parameters ++;
var container = document.createElement('tr');
document.getElementById('parameters_table').appendChild(container);
container.setAttribute('id', 'parameter_' + nbr_parameters);
container.setAttribute('class', 'parameter');
var td1 = document.createElement('td');
var td2 = document.createElement('td');
var td3 = document.createElement('td');
var td4 = document.createElement('td');
container.appendChild(td1);
container.appendChild(td2);
container.appendChild(td3);
container.appendChild(td4);
var motif_textbox = document.createElement('input');
td1.appendChild(motif_textbox);
motif_textbox.setAttribute('type', 'text');
motif_textbox.setAttribute('class', 'textbox');
motif_textbox.setAttribute('name', 'parameter_' + nbr_parameters + '_motif');
motif_textbox.setAttribute('id', 'parameter_' + nbr_parameters + '_motif');
var type_dropdown = document.createElement('select');
td2.appendChild(type_dropdown);
type_dropdown.setAttribute('name', 'parameter_' + nbr_parameters + '_type');
type_dropdown.setAttribute('id', 'parameter_' + nbr_parameters + '_type');
type_dropdown.setAttribute('class', 'combobox');
var parameters_textbox = document.createElement('input');
td3.appendChild(parameters_textbox);
parameters_textbox.setAttribute('type', 'text');
parameters_textbox.setAttribute('class', 'textbox');
parameters_textbox.setAttribute('name', 'parameter_' + nbr_parameters + '_parameters');
parameters_textbox.setAttribute('id', 'parameter_' + nbr_parameters + '_parameters');
var remove_button = document.createElement('a');
td4.appendChild(remove_button);
remove_button.setAttribute('href', '#');
remove_button.setAttribute('class', 'button removebutton');
remove_button.setAttribute('name', 'parameter_' + nbr_parameters + '_remove');
remove_button.setAttribute('id', 'parameter_' + nbr_parameters + '_remove');
remove_button.setAttribute('onclick', 'RemoveParameter(' + nbr_parameters + '); return false;');
var types = new Array ('TEXT', 'INTEGER', 'STATION', 'BOOLEAN', 'PHONE', 'DATE', 'HOUR');
var i = 0;
for (i=0; i < types.length; i++)
{
var type_option = document.createElement('option');
type_option.innerHTML = types[i];
type_option.setAttribute('value', types[i]);
type_dropdown.appendChild(type_option);
}
}[/code]
[code]
<asp:Button ID=« add_parameter_button » CssClass=« button addbutton » runat=« server » Text=« Button » OnClientClick=« AddParameter(); return false; »/>[/code]