Evénement suivant le checkbox!

Version imprimable

15/05/2006, 11h28
ghyosmik

Evénement suivant le checkbox!

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 :

Citation:

<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 ;)

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:

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>

15/05/2006, 16h04
ghyosmik

Merci,

C'est ce que je cherche ;)