Discussion :

[under]

Bonsoir j'ai écrit une fonction pour rendre visible ou pas mes select et j'aimerais savoir si c'est possible de faire une fonction unique

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
function coche(){
//alert(document.getElementById("case").checked);
	if (document.getElementById("case").checked==false)
		{
		document.getElementById("Numin").style.display='none'; 
		} 
  else	{
  		document.getElementById("Numin").style.display='block';
  		}}
  function casecochee(){
	//alert(document.getElementById("case1").checked);
		if (document.getElementById("case1").checked==false)
			{
			document.getElementById("AdrIp").style.display='none'; 
			} 
	  else	{
	  		document.getElementById("AdrIp").style.display='block';
	  		}}

De plus, je voudrais que lors de l'envoie des données mes select soient visibles voici mon code mais qui ne fonctionne pas depuis que j'ai creer mes fonction coche

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<?php 
if (!empty($_GET["NumIp"])){
$NumIp=$_GET["NumIp"];}	  
 
if ($NumIp="true"){
         $selected1="checked";
               }
 $selected1="";
 
	     echo "<input type='checkbox' id='case1' name='NumIp' value=\"".$NumIp."\"".$selected1." onChange=\"casecochee();\">";	 
 ?>

[kernelfailure]

Par exemple, tu peux appeler ta fonction comme ça :
onchange="mafonction(this)"

En paramétre, on passe this qui sera l'objet déclencheur.

Du coup, dans ta fonction, tu peux savoir quel id est déclencheur avec :
function mafonction(obj) {
var id = obj.id;
...


Maintenant que tu as l'id, tu peux te baser sur une structure de donnée via, par exemple un Array, avec l'id comme clé.
exemple : var conf = {'case':['numin'], etc...}

[under]

Merci je vais essayer !

[under]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function mafonction(obj){
 
var id = obj.id;
 
var conf = {'case':['numin'],'case1':['AdrIp'];}
	for (var i in conf){
	if (document.getElementById(id).checked==false)
		{
		document.getElementById("conf[i]").style.display='none'; 
		} 
  else	{
  		document.getElementById("conf[i]").style.display='block';
  		}}
}

Bon voilà j'ai fais ça mais bon y'a un truc que j'ai pas du saisir, je pense que c'est dans les parenthèses du getElement... Merci

Et j'appel ma fonction comme ça :

Code :

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

onchange=mafonction(this)

[kernelfailure]

T'es pas loin

Code :

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

1
2
3
4
5
6
...
var conf = {'case':['numin'],'case1':['AdrIp'];} // point-virgule incongru
...		
           document.getElementById("conf[i]").style.display='none'; // Mauvaise façon d'accéder à ton id(*) 
...

(*) De la manière dont tu l'as écrit, c'est une chaine de caractère. Ce n'est pas ce que tu souhaites pour ce cas.

Le tableau (en fait un Object et non pas un Array) est composé d'une propriété à laquelle est affectée un Array (qui n'a qu'un index).
On y accède donc par conf[id] dans ton cas (n.b. : J'ai un doute quant à l'utilité des l'apostrophes pour tes clés). De cette manière on récupère donc un Array. Puis on veut trouver la valeur de l'index 0. Donc on fait :
conf[id][0]. Et voilà !

Pourquoi ton 'for(var i in conf) ...' ? Pas utile puisque tu cherches à bosser pour un id en paramètre, non ?

Perso, j'aurais poser un truc comme ça :

Code :

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

1
2
3
4
 
...
document.getElementById(conf[id][0]).style.display = (document.getElementById(id).checked) ? 'block' : 'none';
...

'mafonction' et 'conf' étaient des noms pour l'exemple. Tu es libre de les appeler comme bon te semble, tant que tu n'utilises pas de mots réservés

[under]

Merci beaucoup cela fonctionne

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function mafonction(obj){
 
var id = obj.id;
 
var conf = {case:['Numin'],case1:['champsIP']}
 
	if (document.getElementById(id).checked==false)
		{
		document.getElementById(conf[id]).style.display='none'; 
		} 
  else	{
  		document.getElementById(conf[id]).style.display='block';
  		}
}

Par contre comment dois-je appeler ma fonction au chargement de la page. Histoire de faire en sorte que mes champs soient cachés. Merci

[E.Bzz]

Bonjour,

Par contre comment dois-je appeler ma fonction au chargement de la page. Histoire de faire en sorte que mes champs soient cachés.

la réponse est sur la première ligne :

Code :

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

function mafonction(obj)

Tu appelles ta fonction (sur onload du body) en lui passant en paramètre l'objet ciblé

A+