Boucle pour raccourcir le code?

Version imprimable

Bonsoir,
J'ai un soucis avec un script trouvé non loin.
Il me permet de griser des input en fonction d'une date donnée.
voici le code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function verif_date_fi() {
	Nowdate = new Date();
	Nowdate.setHours(0);
	Nowdate.setMinutes(0);
	Nowdate.setSeconds(0);
	var dd=document.getElementById("date_chq1").value;//format jj/mm/aaaa
	var thedate=dd.split('/');
	var an=eval(thedate[2]);
	var mo=eval(thedate[1]);
	var jo=eval(thedate[0]);
	var dd_objet = new Date(an,mo-1,jo);
		if (dd_objet > Nowdate) {
			document.getElementById("num_chq1").disabled=true;
			document.getElementById("date_enc_chq1").disabled=true;}
		else {
			document.getElementById("num_chq1").disabled=false;
			document.getElementById("date_enc_chq1").disabled=false;
		}
}

Code:

1
2
3
4
5
6
7
8
9
<input type="text" name="date_chq1" id="date_chq1" value="<?php echo $date_chq1 ;?>" placeholder="<?php echo $date_remise; ?>"onchange="verif_date_fi()">
<input type="text" name="num_chq1" id="num_chq1" value="<?php echo($user->num_chq1) ;?>" placeholder="<?php echo $num_chq; ?>">
<input type="text" name="date_enc_chq1" id="date_enc_chq1" value="<?php echo $date_enc_chq1 ;?>" placeholder="<?php echo $a_encaisser; ?>" >
 
<input type="text" name="date_chq12" id="date_chq2" value="<?php echo $date_chq2 ;?>" placeholder="<?php echo $date_remise; ?>"onchange="verif_date_fi()">
<input type="text" name="num_chq2" id="num_chq2" value="<?php echo($user->num_chq2) ;?>" placeholder="<?php echo $num_chq; ?>">
<input type="text" name="date_enc_chq2" id="date_enc_chq2" value="<?php echo $date_enc_chq2 ;?>" placeholder="<?php echo $a_encaisser; ?>" >
 
etc.....

Il fonctionne parfaitement, sauf que j'ai une 10aine d'input supplémentaire et ça me gênerai de recopier 10 fois le code js.
J'imagine qu'on doit pouvoir faire une boucle, mais je ne sais pas du tout comment.
Une idée svp?

31/10/2014, 23h54
SylvainPV
Tu veux désactiver une dizaine d'inputs. Leur mettre un ID à chacun est long et pas pratique, un ID c'est bien pour identifier quelque-chose de manière unique. Dans ton cas, il vaut mieux ajouter un attribut class à tous tes inputs à désactiver, par exemple class="to-disable". Ensuite tu les récupères en JavaScript comme ça:
Code:

1 2 3 4 5 var inputs = document.getElementsByClassName("to-disable"); for(var i=0; i<inputs.length; i++){ inputs[i].disabled = (dd_objet > Nowdate) ; }

Salut SylvainPV,

Je ne suis pas sûr d'avoir compris. Dsl,
Peut être me suis je mal expliqué. voici ce que j'ai pour le moment

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<p class="titre_paiement">Chq n°1</p>
<input type="text" name="date_chq1" id="date_chq1" value="<?php echo $date_chq1 ;?>" placeholder="<?php echo $date_remise; ?>"onchange="verif_date_fi1()">
<input type="text" name="chq1" id="chq1" value="<?php echo $chq1 ;?>" placeholder="<?php echo $montant; ?>">
<input type="text" name="num_chq1" id="num_chq1" value="<?php echo($user->num_chq1) ;?>" placeholder="<?php echo $num_chq; ?>">
<input type="text" name="date_enc_chq1" id="date_enc_chq1" value="<?php echo $date_enc_chq1 ;?>" placeholder="<?php echo $a_encaisser; ?>" >
<input type="checkbox" name="encaisse_chq1" id="encaisse_chq1" value="1" <?php if (($user->encaisse_chq1)=='1')   echo 'checked="checked"';?>>
<label for="encaisse_chq1"></label>
<button type="button" value="Vider" onclick="viderChq1()"><img src="<?php echo $urlImg;?>vide_fi.png"></button>		
 
<p class="titre_paiement">Chq n°2</p>
<input type="text" name="date_chq2" id="date_chq2" value="<?php echo $date_chq2 ;?>" placeholder="<?php echo $date_remise; ?>"onchange="verif_date_fi2()">
<input type="text" name="chq2" id="chq2" value="<?php echo $chq2 ;?>" placeholder="<?php echo $montant; ?>">
<input type="text" name="num_chq2" id="num_chq2" value="<?php echo($user->num_chq2) ;?>" placeholder="<?php echo $num_chq; ?>">
<input type="text" name="date_enc_chq2" id="date_enc_chq2" value="<?php echo $date_enc_chq2 ;?>" placeholder="<?php echo $a_encaisser; ?>">
<input type="checkbox" name="encaisse_chq2" id="encaisse_chq2" value="1" <?php if (($user->encaisse_chq2)=='1')   echo 'checked="checked"';?>>
<label for="encaisse_chq2"></label>
<button type="button" value="Vider" onclick="viderChq2()"><img src="<?php echo $urlImg;?>vide_fi.png"></button>
 
<p class="titre_paiement">Chq n°3</p>
<input type="text" name="date_chq3" id="date_chq3" value="<?php echo $date_chq3 ;?>" placeholder="<?php echo $date_remise; ?>"onchange="verif_date_fi3()">
<input type="text" name="chq3" id="chq3" value="<?php echo $chq3 ;?>" placeholder="<?php echo $montant; ?>">
<input type="text" name="num_chq3" id="num_chq3" value="<?php echo($user->num_chq3) ;?>" placeholder="<?php echo $num_chq; ?>">
<input type="text" name="date_enc_chq3" id="date_enc_chq3" value="<?php echo $date_enc_chq3 ;?>" placeholder="<?php echo $a_encaisser; ?>">
<input type="checkbox" name="encaisse_chq3" id="encaisse_chq3" value="1" <?php if (($user->encaisse_chq3)=='1')   echo 'checked="checked"';?>>
<label for="encaisse_chq3"></label>
<button type="button" value="Vider" onclick="viderChq3()"><img src="<?php echo $urlImg;?>vide_fi.png"></button>
 
<p class="titre_paiement">Chq n°4</p>
<input type="text" name="date_chq4" id="date_chq4" value="<?php echo $date_chq4 ;?>" placeholder="<?php echo $date_remise; ?>"onchange="verif_date_fi4()">
<input type="text" name="chq4" id="chq4" value="<?php echo $chq4 ;?>" placeholder="<?php echo $montant; ?>">
<input type="text" name="num_chq4" id="num_chq4" value="<?php echo($user->num_chq4) ;?>" placeholder="<?php echo $num_chq; ?>">
<input type="text" name="date_enc_chq4" id="date_enc_chq4" value="<?php echo $date_enc_chq4 ;?>" placeholder="<?php echo $a_encaisser; ?>">
<input type="checkbox" name="encaisse_chq4" id="encaisse_chq4" value="1" <?php if (($user->encaisse_chq4)=='1')   echo 'checked="checked"';?>>
<label for="encaisse_chq4"></label>
<button type="button" value="Vider" onclick="viderChq4()"><img src="<?php echo $urlImg;?>vide_fi.png"></button>
 
<p class="titre_paiement">Chq n°5</p>
<input type="text" name="date_chq5" id="date_chq5" value="<?php echo $date_chq5 ;?>" placeholder="<?php echo $date_remise; ?>"onchange="verif_date_fi5()">
<input type="text" name="chq5" id="chq5" value="<?php echo $chq5 ;?>" placeholder="<?php echo $montant; ?>">
<input type="text" name="num_chq5" id="num_chq5" value="<?php echo($user->num_chq5) ;?>" placeholder="<?php echo $num_chq; ?>">
<input type="text" name="date_enc_chq5" id="date_enc_chq5" value="<?php echo $date_enc_chq5 ;?>" placeholder="<?php echo $a_encaisser; ?>">
<input type="checkbox" name="encaisse_chq5" id="encaisse_chq5" value="1" <?php if (($user->encaisse_chq5)=='1')   echo 'checked="checked"';?>>
<label for="encaisse_chq5"></label>
<button type="button" value="Vider" onclick="viderChq5()"><img src="<?php echo $urlImg;?>vide_fi.png"></button>

Comment puis je appliquer une fonction par rapport à mon code?

Bonjour,
observe ce qui risque de changer d'une fonction à l'autre et passe en paramètre les éléments changeant.
Code:

1 2 3 4 5 6 7 8 function fct_1 (){ var valeur = document.getElementById('input_1').value; document.getElementById('span_1').innerHTML = valeur; } function fct_2 (){ var valeur = document.getElementById('input_2').value; document.getElementById('span_2').innerHTML = valeur; }
dans l'exemple ci dessus 1 et 2 sont les différences dans les identifications des éléments donc on peut factoriser comme suit
Code:

1 2 3 4 function fct_All ( id){ var valeur = document.getElementById('input_' +id).value; document.getElementById('span_' +id).innerHTML = valeur; }

Salut NoSmoking,

J'ai testé de cette manière (peut être que je me trompe)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function verif_date_fi(id) {
	Nowdate = new Date();
	var dd=document.getElementById('date_chq'+id).value;//format jj/mm/aaaa
	var thedate=dd.split('/');
	var an=eval(thedate[2]);
	var mo=eval(thedate[1]);
	var jo=eval(thedate[0]);
	var dd_objet = new Date(an,mo-1,jo);
		if (dd_objet > Nowdate) {
			document.getElementById('num_chq'+id).disabled=true;
			document.getElementById('date_enc_chq'+id).disabled=true;
		}
		else {
			document.getElementById('num_chq'+id).disabled=false;
			document.getElementById('date_enc_chq'+id).disabled=false;
		}
}

Mais ça ne fonctionne pas.

01/11/2014, 19h05
NoSmoking

Et tes essais ont donné quoi?

Ne pas oublier quand même de modifier l'appel à la fonction onchange="verif_date_fi1( 1)" par exemple.
01/11/2014, 19h14
jimmo

Super ça fonctionne.
Je n'avais pas fais cette dernière modification
Je te remercie infiniment, je tourne en rond depuis hier.
Bonne soirée.
03/11/2014, 08h25
Bovino

Code:

var an=eval(thedate[2]);

Oh non... :cry:
J'espère que personne ne mettra alert(document.cookie) dans ton champ (ou un code un peu plus vilain...)