Formulaire dynamique sous IE
Bonjour. Voila j'ai un script javascript qui me permet lorsque je clique sur un bouton d'ajouter un champ à mon formulaire (c'est dans le cadre d'un projet annuel où je dois réaliser un cours de site en ligne avec l'ajout des cours par formulaire).
Sous Mozilla Firefox, tout marche à la perfection. Par contre sous Internet Explorer, cela ne marche pas du tout.Soit ça m'affiche à coté des boutons et non en-dessous comme sur firefox, soit rien ne s'affiche.
Voila le code javascript (pour un des boutons seulement) :
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
|
var nombreChapitre = 0;
var hidden = 0;
function add_chap()
{
nombreChapitre++;
hidden++;
var ligne = document.createElement("tr");
var colonne = document.createElement("td");
ligne.appendChild(colonne);
var br = document.createElement("br");
colonne.appendChild(br);
var police = document.createElement("p");
police.setAttribute("class", "titrechap");
colonne.appendChild(police);
var text = document.createTextNode("Titre du Chapitre :");
police.appendChild(text);
var titrechap = document.createElement("input");
titrechap.setAttribute("type", "text");
titrechap.setAttribute("name", "chap" + nombreChapitre);
titrechap.setAttribute("value", "Saisir le titre du chapitre");
titrechap.setAttribute("onFocus", "if (this.value=='Saisir le titre du chapitre') {this.value=''}");
colonne.appendChild(titrechap);
var hiddenchap = document.createElement("input");
hiddenchap.setAttribute("type","hidden");
hiddenchap.setAttribute("name","hidden" + hidden);
hiddenchap.setAttribute("value","chapitre");
colonne.appendChild(hiddenchap);
document.getElementById("cours").appendChild(colonne);
} |
Et le code du bouton en question :
Code:
1
2
3
4
5
6
7
8
|
<form name="cours" method="POST" action="insertion.php" id="cours" enctype="multipart/form-data">
<table>
<tr>
<td><input type="button" onClick="add_chap();" value="Ajouter un chapitre"></td>
<td><input type="submit" value="Valider le cours"></td>
</form> |
Donc j'aimerais bien pouvoir faire en sorte que ça marche également sous IE alors si quelqu'un a une idée pour le comment faire, n'hésitez pas (même une autre méthode) car après une demi journée de recherche je n'ai pas progressé d'un iota. Merci d'avance.
