Discussion :

[pricedown]

Bonjour

Je suis en train de créer mon premir site web et j'ai un soucis avec javascript:

J'ai créé un formulaire et j'ai par défaut grisé certains champs :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<td><input type="date" name="toDelete" disabled=true style="background:grey"  /></td>
 
<td><input type="text" name="sqlRequest" disabled=true style="background:grey" />

Lorsqu'une case est coché (onclick="checkadd();"), je dégrise ces champs.

Lorsque cette case est à nouveau décochée, j'aimerais pouvoir regriser les champs. Problème : seule la première case est regrisée. J'utilise cette fonction ci-dessous et seule la première ligne est prise en compte. Savez vous pourquoi ?

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
document.forms["feuille"].password.style.background="white";
document.forms["feuille"].todelete.style.background="white";
document.forms["feuille"].sqlRequest.style.background="white";

Merci d'avance,

Michael

[Golgotha]

Bonjour,

Il me semble que c'est sensible à la casse :

document.forms["feuille"].toDelete.style.background="white";

[pricedown]

Merci pour la réponse. Mais le probleme ne vient pas de la:
j'ai mal recopié, en vérité dans mon code il n'y a pas de majuscules nul part.

[Golgotha]

Tu peux envoyer le code de ta page en entier ?

Au moins le formulaire et le javascript concerné en entier.

[pricedown]

Bien sur. Voila:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<!-- formulaire -->
<form name="feuille" action="process.php" method="post">
<p>
<table>
<tr>
<td>Date: </td>
<td><input type="date" name="date" title="2010-10-31" /></td>
</tr>
<tr>
<td>Distance: </td>
<td><input type="int" name="distance" title="100" /></td>
</tr>
<tr>
<td>Speed: </td>
<td><input type="int" name="speed" title="25" /></td>
</tr>
<tr>
<td>Route: </td>
<td><input type="text" name="route" title="Gergovie Berzet" /><td/>
</tr>
<tr>
<td>Comments: </td>
<td><input type="text" name="comments" title="crevaison" /><td/>
</tr>
<tr>
<td>Date of entry to delete: </td>
<td><input type="date" name="todelete" title="2010-10-31" disabled=true style="background:grey"  /></td>
</tr>
<tr>
<td>SQL Request: </td>
<td><input type="text" name="sqlRequest" title="ex1:comments LIKE '%crevaison%'      ex2:route like '%berzet%'      ex3:date>'2010-10-10' AND date <'2010-12-12'      ex4:distance=45" disabled=true style="background:grey" />
<td/>
</tr>
<tr>
<td colspan="2" class="moreSpace">
<input type="radio" name="action" value="display" id="display" checked="checked" onfocus="decheck();"/> <label for="display">Display</label><!-- checked = "checked" permet de selectionner cette valeur par defaut-->
<input type="radio" name="action" value="add" id="add" onclick="checkadd();" /> <label for="add">Add</label>
<input type="radio" name="action" value="delete" id="delete" onclick="checkdelete();" /> <label for="delete">Delete</label>
<input type="radio" name="action" value="request" id="request" onclick="checksql();"/> <label for="request"> SQL Request</label>
 
 
 
 
<!--functions javascript to greyed/degreyed cases-->
<script type="text/javascript">
function checkadd() {
document.forms["feuille"].password.disabled = false;
document.forms["feuille"].password.style.background="white";
}
 
function checkdelete() {
document.forms["feuille"].password.disabled = false;
document.forms["feuille"].todelete.disabled = false;
document.forms["feuille"].password.style.background="white";
document.forms["feuille"].todelete.style.background="white";
}
 
function checksql() {
document.forms["feuille"].sqlRequest.disabled = false;
document.forms["feuille"].sqlRequest.style.background="white";
}
 
function decheck() {
document.forms["feuille"].password.disabled = true;
document.forms["feuille"].sqlRequest.value = "";
document.forms["feuille"].todelete.disabled = true;
document.forms["feuille"].todelete.value = "";
document.forms["feuille"].sqlRequest.disabled = true;
document.forms["feuille"].sqlRequest.value = "";
document.forms["feuille"].password.style.background="grey";
document.forms["feuille"].todelete.style.background="grey";
document.forms["feuille"].sqlRequest.style.background="grey";
}
</script>
</td>
</tr>
<tr>
<td>Password: </td>
<td><input type="password" name="password" title="BDL......" <?php if (isset($_SESSION['password'])) echo 'value=' . $_SESSION['password']?> disabled=true style="background:grey"  /></td>
</tr>
<tr>
<td colspan="2" class="moreSpace"><input type="submit" value=" Submit " /></td>
</tr>
</table>
</form>

[Golgotha]

C'est normale que le champs password ne soit pas là ?