Discussion :

[Anaata]

Bonjour à tous,

Je pense que je ne suis pas le seul à venir avec ce genre de problème tout con sur ce forum.

Je vous explique.

J'ai un formulaire dans une fonction site();
Dans ce formulaire j'ai un choix,

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
 
<tr>
		<th>D&#233duire du contrat de maintenant</th>
		<td> <input type=radio name=deduire onClick=\"visibilite('input_non');\" id=deduire value=oui>Oui</input> <input type=radio onClick=\"visibilite('input_non');\" id=deduire name=deduire value=non>Non</td>
	</tr>
</table>
<div id=\"input_non\" style=\"display:none;\">
<table>
	<tr>
		<th> Taux Horaire : </th>
		<td><div id=\"input_non\" style=\"display:none;\">
		<input  type=text name=site_taux >
		</td>
	</tr>
</table>

Ce que je désire moi c'est que lorsque le technicien, clique sur "Non", j'ai ma div "input_non" qui s'affiche, et qui disparait si il change et clique sur "Oui".

voilà ma fonction javascript, je n'est aucune connaissances en JS à mon grand regret..

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
 
<script type="text/javascript" language="javascript">
			function visibilite(thingId) {
				var targetElement;
				targetElement = document.getElementById(thingId) ;
 
				if (targetElement.style.display == "") 
				{
					if (document.getElementById('deduire').value=='oui') {
						tergetElement('input_non').style.display = "none" ;
					} 
					else 
					{
						document.getElementById('input_non').style.display = "" ;
					}
				} 
				else 
				{
 
					if (document.getElementById('deduire').value=='non') {
						tergetElement('input_non').style.display = "" ;
					} 
					else 
					{
						document.getElementById('input_non').style.display = "none" ;
					}
				}
			}
		</script>

Merci de votre aide.

Anaata.

[SpaceFrog]

Code :

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

tergetElement('input_non')

elle est ou la fonction ?

[Anaata]

Merci de ta réponse rapide.

Mais j'ai du mal à comprendre le fonctionnement du JS, que veux tu dire pas ou est la fonction?

[SpaceFrog]

c'est quoi tergetElement ?

[Anaata]

Erreur de ma part dans mon code tergetElement n'existe pas, il s'agit de targertElement, qui est ma variable JS qui recoit : document.getElementById(thingId) ;

où thingId = input_non, qui est le nom de ma div a caché/affiché.

[SpaceFrog]

Tu as donc

Code :

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

tergetElement('input_non').style.display = "none" ;

???



=>

Code :

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

targetElement.style.display = "none" ;

[Anaata]

Voilà donc ma fonction JS, mais toujours aucun succès, il faut vraiment que je me met au JS..

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<tr>
		<th>D&#233duire du contrat de maintenant</th>
		<td> <input type=radio name=deduire onClick=\"visibilite('input_non');\" id=deduire value=oui>Oui</input> <input type=radio onClick=\"visibilite('input_non');\" id=deduire name=deduire value=non>Non</td>
	</tr>
</table>
<div id=\"input_non\" style=\"display:none;\">
<table>
	<tr>
		<th> Taux Horaire : </th>
		<td><div id=\"input_non\" style=\"display:none;\">
		<input  type=text name=site_taux >
		</td>
	</tr>

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
 
	<script type="text/javascript" language="javascript">
			function visibilite(thingId) {
				var targetElement;
				targetElement = document.getElementById(thingId) ;
 
				if (targetElement.style.display == "") 
				{
					if (document.getElementById('deduire').value=='oui') {
						targetElement.style.display = "none" ;
					} 
					else 
					{
						targetElement.style.display = "" ;
					}
				} 
				else 
				{
 
					if (document.getElementById('deduire').value=='non') {
						targetElement.style.display = "" ;
					} 
					else 
					{
						targetElement.style.display = "none" ;
					}
				}
			}
		</script>