Affichage d'un div

Version imprimable

Affichage d'un div

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:

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:

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.

12/06/2012, 11h19
SpaceFrog

Code:

tergetElement('input_non')

elle est ou la fonction ?
12/06/2012, 11h20
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?
12/06/2012, 11h22
SpaceFrog

c'est quoi tergetElement ?
12/06/2012, 11h27
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é.
12/06/2012, 11h28
SpaceFrog

Tu as donc

Code:

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

???

:nono:
=>

Code:

targetElement.style.display = "none" ;

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

Code:

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:

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>

12/06/2012, 11h59
Piflo

pour ré-afficher met "block" à tes style.display. enfin block n'est pas la seul option pour afficher, mais c'est la principal, après sa dépend de se que t'as besoin.
13/06/2012, 10h23
Anaata

Merci de ton conseil,
mais donc il n'y pas d'erreur dans mon script ci-dessus?
Malgré le block, aucun résultat...
13/06/2012, 22h18
NoSmoking
Bonsoir,
que signifient les échappement des guillemets (\")dans ton code ?

Il manque des guillemets autour des attributs dans les balises

Il n'existe pas de balise de fermeture des INPUT ~~</input>~~.

Concernant la façon de récupérer la valeur des radios boutons : avec un getElementById('deduire'), tu ne récupères que la valeur du premier soit oui dans tout les cas.
rappel
UNE ID DOIT ETRE UNIQUE, ce qui n'est pas ton cas.

Il te faut récupérer le radio checked via la méthode getElementsByName
Code:

1 2 3 4 var oChecked = document.getElementsByName('deduire'); if( oChecked[0].checked){ // à faire si le premier est coché }

Bonjour,

Merci à tous pour votre aide.

j'ai finalement réussi en testant de mon coté, et au final j'ai réussit a faire ce que je voulais grâce à ce code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 $nom=$res_client['nom']; <SCRIPT LANGUAGE="JavaScript"> function popup() { // ouvre une fenetre sans barre d'etat, ni d'ascenceur w=open("",'popup','width=400,height=200,toolbar=no,scrollbars=no,resizable=yes'); w.document.write("<TITLE>"+document.forms[0].elements["nom"].value+"</TITLE>"); w.document.write("<BODY> Bonjour "+document.forms[0].elements["tel"].value+"<BR><BR>"); w.document.write("</BODY>"); w.document.close(); } </script>
et
Code:

1 2 <A HREF='javascript:popup()'>$nom_client<
Voilà, merci à tous pour votre aide, je comprend un peu mieu le JS.

@NoSmoking, pour le </input> je ne le met jamais, c'est un de mes collègues qui a du le rajouter dans le code ^^.
et les (\") sont pour que la balise echo les interprète tel quel et non pas comme une fin de echo.

Amnesia

14/06/2012, 18h59
NoSmoking

pourquoi ai je l'impression d'être passé à coté du problème :koi: