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>

[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.

[Anaata]

Merci de ton conseil,
mais donc il n'y pas d'erreur dans mon script ci-dessus?
Malgré le block, aucun résultat...

[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 :

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

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

[Anaata]

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 :

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

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 :

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

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

[NoSmoking]

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