High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

[JavaScript] Tableau html et tri sur champs

Dernière réponse le 18 déc 2008 à 08:26:33 freto, le 16 déc 2008 à 15:12:19 
 Signaler ce message aux modérateurs

Bonjour tout le monde.
Je doit réaliser une maquette en HTML/JS pour une tite appli.
J'ai a un moment donné, un tableau HTML (<table> <td> <tr> avec pour les tr un id propre).
ex: 

<table id="tab">
    <td id="A"> ...</td>
    .....
</table>

J'aimerais qu'un lien ne m'affiche que la ligne A, un autre la ligne B etc etc...j'ai donc fait une fonction js dans un fichier que j'inclut correctement: voici la dite fonction: 

function aficher(idAfficher, idTableau){
	alert("toto");
	Var tableau=document.getElementById(idTableau);
	for (var l=0;l<tableau.length;l++){
		if(tab[l].id==idAfficher){
			tableau[l].style.display="";
		}else{
			tableau[l].style.display="";
		}
	}
			
}

Première chose: ce code ne fonctionne pas.
Deuxieme chose: il fait planter tout mon affichage (banniere, menu...).
Le alert(toto) est là pour un debugg, mais il n'y passe jamais. Peut etre que sa vient du fait que mon lien appelant la fonction se trouve avant le tableau, je n'en sais rien, mais ce n'est pas le plus choquant.

Pourtant, sur le papier sa avait l'air de bien fonctionner....
Merci d'avance si quelqu'un peut m'aider et me donner une piste ^^
What's tiny, and yellow and very very dangerous?????
A canary with the super-user password.
Mouhahahaha
Configuration: Windows XP
Firefox 1.0.7

Meilleures réponses pour « [JavaScript] Tableau html et tri sur champs » dans :
Javascript - Effacer un champ de formulaire lors du clic (focus) Voir
Espace en HTML VoirEn HTML, les espaces consécutifs sont ignorés par les navigateurs, au même titre que les retours chariots ou les tabulations. Pour insérer plusieurs espaces consécutifs, il est nécessaire d'utiliser une entité HTML spécifique, appelée espace...
Javascript - Les tableaux VoirIntroduction à la notion de tableau Les variables de Javascript ne permettent de stocker qu'une seule donnée à la fois. Or, étant donné qu'il est souvent utile de manipuler de nombreuses données, le concept de variable se révéle parfois...
Javascript - Les variables VoirLe concept de variable Une variable est un objet repéré par son nom, pouvant contenir des données, qui pourront être modifiées lors de l'exécution du programme. En Javascript, les noms de variables peuvent être aussi long que l'on désire,...
Javascript - Introduction au langage Javascript VoirQu'est-ce que le Javascript? Le Javascript est un langage de script incorporé dans un document HTML. Historiquement il s'agit même du premier langage de script pour le Web. Ce langage est un langage de programmation qui permet d'apporter des...
Posez votre question Répondre

1

Marco la baraque, le 16 déc 2008 à 15:45:51

Bonjour Freto,
Premièrement (je ne sais pas si tu l'as fait), il faut appeler ta fonction lorsque tu cliques sur ton lien (ça doit ressembler à un code comme <td id="D"><a onClick="aficher('D', 'tab')" href="#">Cliquez ici</a></td>).

Ensuite, je ne pense pas que tableau[l].style.display=""; fonctionne. Personnellement je ferais : 

tableau[l].style.visibility="hidden"; //ou = "visible" pour afficher


Cordialement, rtfm and jfgi

   
Répondre à Marco la baraque

2

freto, le 16 déc 2008 à 15:56:44

Merci pour ta réponse.
Alors sur le premier point, effectivement je ne l'ai pas indiqué, mais je fait bien ce que tu indique. Simplement, cela ne fonctionne pas.
Ensuite, ta méthode ne fonctionne pas plus que la mienne, en tout cas en ce qui concerne le bugg d'affichage.
Pour la propriété display, je l'ai testé sur un autre bout de code, et cela fonctionne.
Merci cependant pour ta piste. What's tiny, and yellow and very very dangerous?????
A canary with the super-user password.
Mouhahahaha

   
Répondre à freto

3

Marco la baraque, le 16 déc 2008 à 16:11:25

Si ton alert ne s'affiche pas, c'est que ta méthode n'est pas appellée.
Donc il ne faut pas juger trop rapidement de "bug d'affichage", le code n'étant pas encore exécuté.

Vérifie bien que ton fichier js est bien inclus, que tu peux faire appel à d'autres fonctions (par exemple dans le onLoad du body, juste pour tester...).

Cordialement, rtfm and jfgi

   
Répondre à Marco la baraque

4

freto, le 17 déc 2008 à 09:09:14

Merci pour tes réponses marco, et merci Firebug, que je ne saurais trop conseiller.
Il a pu me sortir une console d'erreur de js, et il existait deux erreurs: j'ai deux fichiers js dont un appelle la fonction d'un autre (pas bon), et la deuxième erreur résidait dans ma déclaration de variable tableau: ce n'est pas Var tableau mais var tableau (et oui, une majuscule m'a fait capoter le truc).
Bon la première solution (inclure toutes les fonctions dans un seul .js) a résolut le bugg d'affichage, et le deuxième est censé résoudre le reste, mais il me manque une chose pour que tout fonctionne: les liens qui vont utiliser la fonction sont placés avant le tableau traité, donc je cherche à appeler une fonction avec un paramètre de tableau qui n'est définit qu'après l'appel de la fonction.
Cercle vicieux, je ne sais pas encore comment je vais contourner le truc.
En tout cas, problème résolut ^^ What's tiny, and yellow and very very dangerous?????
A canary with the super-user password.
Mouhahahaha

   
Répondre à freto

5

 freto, le 18 déc 2008 à 08:26:33

Bah du coup ce que je pensais etre un probleme n'en est pas un: sa ne dérange en rien de déclarer les liens après ou avant.
Le seul probleme dans ma fonction est qu'on ne parcours pas un tableau comme je le pensais. La soluce finale est: 

function afficher(idAfficher, idTableau){
	
	var tableau;
	tableau=document.getElementById(idTableau);
	
	for (var l=1;l<tableau.rows.length;l=l+1){
		
		if(tableau.rows[l].id==idAfficher){
			tableau.rows[l].style.display="";
			
		}else{
			
			tableau.rows[l].style.display="none";
		}
	}
}
What's tiny, and yellow and very very dangerous?????
A canary with the super-user password.
Mouhahahaha

   
Répondre à freto
Posez votre question Répondre
Ils ont besoin de votre aide
Collection CommentÇaMarche.net