Modification du contenu d'un <div>
Bonsoir
Pour mon site j'ai fais un petit programme avec formulaire qui a toute une liste de cases à cocher.
Quand on coche une case cela modifie le contenu de la balise <div> qui se trouve juste après la case cochée, pour ajouter deux champs de saisi en plus pour mon formulaire.
Quand je décoche cela supprime les deux champs.
Le programme marche très bien sous firefox et IE8 mais pas sous IE6 et 7 ....
Le problème vient que mon div se trouve juste après mon onclick que j'ai mis dans ma balise de la case a cocher. Comme on dirait que IE6 et 7 lit le programme de bas en haut, je voudrais savoir comment faire pour lui dire de lire de haut en bas. sans devoir changer la structure de mon programme (genre mettre mon div avant mon appel onclick)
voici le programme version lite (avec juste une case à cocher)
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
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<meta http-equiv="X-UA-Compatible" content="IE=6" />
</head>
<body>
<script type="text/javascript">
//<![CDATA[
function cocher(nom,table){
if(nom.checked){
divid=document.getElementById(table);
divid.innerHTML='<p>lvl du métier <input name="'+table+'lvl" type="text" size="5" maxlength="3" /><br /><br />Commentaire :<br /><textarea name="'+table+'texte" cols="90" rows="10"></textarea></p>';
}
else if(!nom.checked){
divid=document.getElementById(table);
divid.innerHTML='';
}
}
//]]>
</script>
<form id="ref_met" action="enr_ref_met.php" method="post" name="ref_met">
<p>
Nom de la personne à référencer
<input name="nom" type="text" size="30" />
</p>
<p>
Son serveur
<select name="serveur">
<option></option>
<option>blablabla</option>
</select>
</p>
<p>
<label>
Alchimist
<input id="alchimistecheck" type="checkbox" name="alchimiste" onclick="cocher(alchimistecheck,'alchimiste')" />
</label>
<div id="alchimiste">
</div>
</p>
<p>
<input name="code" type="password" id="code" size="60" /> Code
</p>
<p>
<input type="submit" name="Envoyer" id="Envoyer" value="Envoyer" />
</p>
</form>
</body>
</html> |
J'ai mis <meta http-equiv="X-UA-Compatible" content="IE=6" />
pour simuler le comportement de IE6
Merci
nuphius
