innerhtml et Onclick incompatible [MAJ]
Bonjour chers amis d�veloppeurs,
Le premier souci est r�gl�, maintenant, j'en ai un second, voir en bas.
J'aimerais mettre dans la fonction innerhtml, la fonction onclick, malheureusement, �a ne marche pas.
Apr�s avoir lu quelques topics, je pensais qu'il s'agissait des quotes mais m�me l�, je n'y arrive pas.
Code:
l.insertCell(l.cells.length).innerHTML='<input type="text" size="10" name="couleur[]" name="f_color" maxlength="7"><img src="Img/color.gif" onClick="fctShow(document.objForm.f_color)">';
Bien sur tout marche hors du JavaScript.
Ca me permet d'afficher une palette de couleur. j'ai r�cup�r� le code � cet endroit)
L�, il s'agit du code html classique, dans ce cas, �a marche parfaitement.
J'arrive � afficher les couleurs
Code:
1
2
3
4
| <form name="objForm" method="post" action="?">
<input type="text" size="10" name="f_color" value="" maxlength="7">
<img src="Img/color.gif" onClick="fctShow(document.objForm.f_color);">
</form> |
Par contre, d�s que je l'impl�mente dans le JS, �a me marche plus. (bien sur, j'utilise le m�me nom de formulaire, l'ironie de l'histoire, c'est que si j'inclue le 1er formulaire (sans php) dans le second avec l'appel JS, �a affiche la palette mais �a "marque" la couleur dans le premier formulaire et rien dans le second)
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
| <form name="objForm" method="post" action="?">
<tr> <th>N°</th>
<th>Mot</th>
<th>Lien</th>
<th>Titre</th>
<th>Couleur</th>
<th>taille</th>
<th><input type="button"
onclick="ajout();"
value="Ajouter" /></th>
</table>
<INPUT TYPE="submit" NAME="envoyer" VALUE=" Envoyer ">
<script type="text/javascript">
var tab=document.getElementById("tableau");
function suppression(btn)
{ tab.deleteRow(btn.parentNode.parentNode.rowIndex);
for ( var l=1;l<tab.rows.length;l++ )
{ tab.rows[l].cells[0].innerHTML=l; }
}
function ajout()
{ var l = tab.insertRow(tab.rows.length);
var c=l.insertCell(l.cells.length);
c.innerHTML=l.rowIndex;
l.insertCell(l.cells.length).innerHTML=
"<input type='text' size='10' name='mot[]' />";
l.insertCell(l.cells.length).innerHTML=
"<input type='text' size='10' name='lien[]' />";
l.insertCell(l.cells.length).innerHTML=
"<input type='text' size='10' name='titre[]' />";
l.insertCell(l.cells.length).innerHTML='<input type="text" size="10" name="f_color" value="" maxlength="7"><img src="Img/color.gif" onClick="fctShow(document.objForm.f_color);">';
l.insertCell(l.cells.length).innerHTML=
"<input type='text' size='10' name='taille[]' />";
l.insertCell(l.cells.length).innerHTML=
"<input type='button' value='Supprimer' onclick='suppression(this);' />";
l.onmouseover=function()
{ this.style.backgroundColor="#FFFFDD"; }
l.onmouseout=function()
{ this.style.backgroundColor="transparent"; }
}
</script>
</form> |
Donc maintenant, �a marche lorsque la premi�re ligne est cr��e, ensuite, non (la palette de couleur s'affiche mais �a "n'�crit pas" dans le input text la valeur (m�me pour le premier), je suppose que cela vient du fait que j'utilise plusieurs fois le name = f_color.
Je pensais mettre un compteur mais je ne m'en sors pas :/
Merci d'avance de vos r�ponses ;)
