Discussion :

[Marcopololo]

Bonjour,

J'ai essayé de créer une fonction qui me permet de ne pas afficher les lignes d'un formulaire si la date d'une colonne est supérieure à la date d'aujourd'hui mais cela ne fonctionne pas.
Merci de votre aide

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
 
window.addEventListener("load",function()
                          {
   // Variable de la date du jour
   var date = new Date();
 
  // Appel de la collection des lignes de ta table;
 
    const lignes=document.querySelectorAll("tr");
 
   // Les lignes ayant une date supérieure à aujourd'hui napparaissent pas;
 
     lignes.forEach(function(v){if(v.directoryColDate > date){v.style.display="None";}})
     },false)

La page : https://champfrance.soinsenergie.fr/...u-liste-compet

Merci de votre aide

Marc G.

[Marcopololo]

J'ai modifié le code mais cela ne marche pas mieux

Code javascript :

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
 
  window.addEventListener("load",function()
                          {
  // Appel de la collection des lignes de ta table;
 
    const lignes=document.querySelectorAll("tr");
 
    // Variables de la date du jour et date competition
   var date = Date.now();
   var datecomp = document.querySelectorAll("directoryColDate");	
 
   // Les lignes ayant une date supérieure à aujourd'hui napparaissent pas;
 
    lignes.forEach(function(d){if(d.datecomp < date){d.style.display="None";}})
     },false)
 
  }

[NoSmoking]

Bonjour,
il faudrait que tu essaies de comprendre ce que tu veux faire et ce que tu fais.

• Lecture de la valeur de la cellule, c'est une chaine, pas un objet Date ;
• Conversion en objet Date ;
• Comparaison des deux données qui sont de même type ;
• Suppression de l'affichage suivant le cas.

Voilà une façon de faire parmi d'autres.

Au passage dans

Code :

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

var datecomp = document.querySelectorAll("directoryColDate")

le sélecteur est incorrect il manque un point pour référencer une classe

Code :

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

document.querySelectorAll(".directoryColDate")

PS : il serait peut-être bon de le faire côté serveur.

[javatwister]

J'aurais gardé ton 1er code et fait:

Code javascript :

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

1
2
3
4
5
lignes.forEach(function(d){
	if(new Date(d.cells[0].textContent.split("/").reverse()) < new Date()){
		d.style.display="none";
	}
})

[Marcopololo]

Voilà l'ensemble de mon code
La première partie fonctionne bien(lignes contenant coupe de France colorées en violet), mais la partie que j'ai rajoutée ne fonctionne pas.
Je pense qu'il y certaines subtilités de java que je n'ai pas encore comprises.
De cette façon es ce que la seconde fonction est bien appelée ?
Faut il donner un nouveau nom de fonction à la seconde ou je peux l'intégrer dans la première ?

Code javascript :

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
30
31
32
33
34
35
36
37
38
39
 
<script type="text/javascript">
 
  {
  window.addEventListener("load",function()
                          {
 
 
    // Appel de la collection des lignes de ta table;
 
    const lignes=document.querySelectorAll("tr");
 
    // Lignes qui contiennent coupe de France apparaissent en couleur;
 
    lignes.forEach(function(v){if(v.textContent.search("Manche de Coupe de France")!=-1){v.style.color="#9637a5",v.style.fontWeight="bold";}})
},false)
 
 
  }                   
 
  {  
 
  //fonction pas d'afichage si date passée;                       
  // Appel de la collection des lignes de ta table;
 
   const lignes=document.querySelectorAll("tr");
 
    // Variables de la date du jour;
   var date=Date.now();
 
   // Les lignes ayant une date supérieure à aujourd'hui napparaissent pas;
 
   lignes.forEach(function(d){
	if(new Date(d.cells[0].textContent.split("/").reverse()) < new Date()){
		d.style.display="none";}})
 
   }                                                  
 
</script>

[javatwister]

Attention à ce que tu fais:

==> Que viennent faire ces accolades à la ligne 4 et à la ligne 37: enlève-les, elles n'ont pas de sens?
==> ne redéfinis pas const lignes à la ligne 26: ça provoque forcément une erreur (console);
==> déplace ta ligne 16 en fin de script: tu refermes le listener alors que le reste est également à prendre en compte au chargement de la page!
Et tout marchera.
==> Au cas où, ta ligne 29 ne sert à rien: tu n'utilises pas la variable...

[javatwister]

ah tiens, tu peux aussi remplacer l'ensemble par ça (après un dernier scan...):

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
window.addEventListener("load",function(){
	const lignes=document.querySelectorAll("tr");
 
	lignes.forEach(function(v){
		if(v.textContent.indexOf("Manche de Coupe de France")!=-1){
			v.style.color="#9637a5",
			v.style.fontWeight="bold";
		};
		if(new Date(v.cells[0].textContent.split("/").reverse()) < new Date()){
			v.style.display="none";
		}
	})
},false)