Discussion :

[ghyosmik]

Bonjour,

J'ai besoin de votre coup de mains pour résoudre ce problème!
En fait, j'ai crée une formulaire à remplir de la part de l'internaute, et j'ai fait intégré une partie pour qu'on puisse envoyer cette page à un ami!

Cette partie contien un checkbox, pour indiqué qu'on va envoyer cette page à un ami, et des inputs (nom, e-mail...)
Ce que je cherche à faire, c'est que la partie des données (inputs) doivent être par défaut grisée, et si on coche le checkbox, il vont être activés!

Comment je dois définir çà don mon code suivant :

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="2%" valign="top">
<input type="checkbox" name="s_d" value="ON"></td>
<td width="98%" align="left" bgcolor="#FFFFFF" class="texte Style3"> Envoyer à un ami<br></td>
</tr></table><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="45%" align="left" valign="top">

<table width="76%" border="0" cellpadding="0" cellspacing="0">
<tr class="texte">
<td width="44%" align="left" bgcolor="#FFFFFF"><span class="Style3">Nom*</span></td>
<td width="56%">
<input type="text" size="25" name="nom2">
</td>
</tr>
<tr class="texte">
<td align="left" bgcolor="#FFFFFF"><span class="Style3">Prénom*</span></td>
<td>
<input type="text" size="25" name="prenom2">
</td>
</tr>
<tr class="texte">
<td align="left" bgcolor="#FFFFFF"><span class="Style3">E-mail*</span></td>
<td>
<input type="text" size="25" name="email2">
</td>
</tr>
</table>

Merci d'avance

[Swoög]

les tableaux c'est mal... cf lien dans ma signature


il faudrait mettre un id sur le div (ou le table dans ton cas) qui contient les input à "griser"/"dégriser"... exemple :

Code :

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
<script type="text/javascript">
function active_input(_id, _activate)
{
   var inputs = document.getElementById(_id).getElementsByTagName('input');
   for(var i = 0; i < inputs.length; ++i) inputs[i].disabled = !_activate;
}
</script>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="2%" valign="top">
<input type="checkbox" name="s_d" value="ON" onChange="active_input('send_to_a_friend', this.checked)"></td>
<td width="98%" align="left" bgcolor="#FFFFFF" class="texte Style3"> Envoyer à un ami<br></td>
</tr></table><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="45%" align="left" valign="top">
 
<table width="76%" border="0" cellpadding="0" cellspacing="0" id="send_to_a_friend">
<tr class="texte">
<td width="44%" align="left" bgcolor="#FFFFFF"><span class="Style3">Nom*</span></td>
<td width="56%">
<input type="text" size="25" name="nom2">
</td>
</tr>
<tr class="texte">
<td align="left" bgcolor="#FFFFFF"><span class="Style3">Prénom*</span></td>
<td>
<input type="text" size="25" name="prenom2">
</td>
</tr>
<tr class="texte">
<td align="left" bgcolor="#FFFFFF"><span class="Style3">E-mail*</span></td>
<td>
<input type="text" size="25" name="email2">
</td>
</tr>
</table>
<script type="text/javascript">active_input('send_to_a_friend', false)</script>

[ghyosmik]

Merci,

C'est ce que je cherche