Discussion :

[MortyDeath]

Bonjour !

Un petit problème de tableau aujourd'hui. Je vous montre d'abord ce que je veux faire avant ce que j'ai envisagé :

Code :

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

1
2
3
4
5
6
7
<table>
<tr><td>J'affiche cette ligne</td></tr>
<tr class="display:none;"><td>Celle-là non</td></tr>
<tr><td>J'affiche cette ligne aussi</td></tr>
<tr class="display:none;"><td>Celle-là non plus</td></tr>
<tr><td>Une dernière pour la route</td></tr>
</table>

Les utilisateurs voient d'abord les lignes pour lesquels l'entrée de la BDD est incorrecte. S'ils cliquent sur (lien/image/bouton) on affiche les lignes correctes qui étaient précédemment cachées.


Au début j'ai essayé de l'Ajax.Fade/Appear mais ça ne fonctionne pas avec les éléments d'un tableau. Ensuite j'ai voulu faire du simple Javascript, mais la propriété name pour un tr n'existe pas donc un getElementsByName ne les trouve pas. Ensuite il aurait fallu changer la propriété display, mais je n'en étais pas encore là.

Je n'ai rien trouvé sur les forums/sites web JS, donc vous êtes un peu ma dernière chance.

[E.Bzz]

Bonjour,

Code :

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

style="display:none;"

A+

[MortyDeath]

Ok pour le style, mais ensuite par quelle fonction javascript tu les rends visibles quand quelqu'un veut les afficher ? Ou plutôt comment tu retrouves (par quel "label") les lignes à réactiver ?

[E.Bzz]

Ou plutôt comment tu retrouves (par quel "label") les lignes à réactiver ?

L'accès aux éléments de la page doit autant que possible se faire via l'ID. C'est le cas ici.

A+

[MortyDeath]

Ce n'est pas le cas ici, puisque plusieurs lignes sont masquées, et non toutes, ni une seule. Soit on fait une id pour chaque ligne, et ce sera super lent, soit on a un autre moyen de les trouver.

[E.Bzz]

Ce n'est pas le cas ici, puisque plusieurs lignes sont masquées, et non toutes, ni une seule. Soit on fait une id pour chaque ligne, et ce sera super lent, soit on a un autre moyen de les trouver.

Soi tu affectes, à la génération de la page, un id (dynamique bien sûr) à chaque ligne, et à chaque ligne masquée tu mémorises son id (dans uin tableau JS, par ex). Et tu peux ensuite y accéder directement pour les ré-afficher.

Soit tu fais une boucle qui parcours toute ta page à la recherche de toutes les balises tr, puis pour chacune d'elle tests si son style.display=='none'.
Tu penses que c'est moins lourd ?

De plus la 1° soluce te permets de gérer chaque ligne (masquée ou non) indépendamment, alors qu'avec la 2° tu ne peux que faire "tout afficher" (puisque tu n'as plus aucun moyen de distinguer chaque ligne).

A+

[MortyDeath]

Je vais essayer avec des id uniques alors, merci pour le conseil. J'ai juste peur que ce ne soit extrêmement lent par rapport à une autre solution, mais puisque je n'en vois pas d'autre que celle que tu donnais, on va essayer comme cela. Merci !

[MortyDeath]

Cela fonctionne, mais je le déconseille vraiment. Dans mon cas, il s'agit d'afficher/masquer 1000 lignes, et cela prend environ 3/4 secondes, ce qui n'est pas très user-friendly.

Je pense que je vais passer à des listes au lieu des tableaux.

Je rajoute la fonction pour ceux que ça intéresse :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function summon() {
	for (i = 0; i < $lines; i++)
		if (document.getElementById('tr' + i).style.display == 'none')
		{
			document.getElementById('tr' + i).style.display = 'table-row';
		}
		else
		{
			document.getElementById('tr' + i).style.display = 'none';
		}
	return false;
}