creer une fonction unique pour checkbox

Version imprimable

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:

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:

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();\">";	 
 ?>

25/11/2009, 01h12
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...}
25/11/2009, 08h05
under

Merci je vais essayer !

Code:

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:

onchange=mafonction(this)

T'es pas loin ;)
Citation:
Envoyé par under
Code:

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:

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

Merci beaucoup cela fonctionne
Code:

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

01/12/2009, 15h58
E.Bzz

Bonjour,

Citation:

Envoyé par under

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:

function mafonction(obj)

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

A+