Discussion :

[Death83]

Salut a tous,

déja désolé de ne pas avoir trouver un titre approrié mais je ne voyais pas quoi mettre.

Je m'explique je fais de l'ajax sur une page. Elle me générer un tableau avec un bouton a chaque ligne.

Quand je click sur le bouton j'ai un autre tableau qui apparait(la ligne en dessous la ligne concerné). Et ce que j'arrive pas a faire c'est faire en sorte que si la personne reclique sur le meme bouton le tableau secondaire disparaisse.

Vous avez une idées?

(ps: j'ai essayé en faisant une comparaison, c'est a dire si il y a du contenu je l'efface mais dans ce cas le tableau disparait des qu'il apparait et non lorsque la personne reclique).

[gotcha007]

Salut a tous,

déja désolé de ne pas avoir trouver un titre approrié mais je ne voyais pas quoi mettre.

Je m'explique je fais de l'ajax sur une page. Elle me générer un tableau avec un bouton a chaque ligne.

Quand je click sur le bouton j'ai un autre tableau qui apparait(la ligne en dessous la ligne concerné). Et ce que j'arrive pas a faire c'est faire en sorte que si la personne reclique sur le meme bouton le tableau secondaire disparaisse.

Vous avez une idées?

(ps: j'ai essayé en faisant une comparaison, c'est a dire si il y a du contenu je l'efface mais dans ce cas le tableau disparait des qu'il apparait et non lorsque la personne reclique).

Ce qu'il nous faudrait c'est un bout de code , c'est plus facile.

Sinon su tu utilise des Div, tu peux toujours jouer sur la variable visibility

[Death83]

En fait le probleme est pas la dessus.
J'arrive a le faire disparaitre mais je veut pouvoir le faire disparaitre quand le mec clique sur le meme bouton une 2em fois. Et il réaparaitra ensuite si il reclique dessus ....

sinon le js de mon prog:

Code :

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
 
function go(envoi,idcible,idcibleeff,page_ajax)
{
	getXhr()
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function()
	{ 
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200)
		{	
			text_renv = xhr.responseText;
			if(envoi!='')
			{
				document.getElementById(idcible).innerHTML=text_renv;
				if(idcibleeff!='rien')
				{
					//cas pour l'affichage des séries
					document.getElementById(idcibleeff).innerHTML='';
				}
			}
		}
	}
	xhr.open("GET",page_ajax+envoi,true);
	xhr.send(null); 
}

La fonction go est appelé au click du bouton

[javatwister]

teste l'existence du tableau amovible, en lui donnant par exemple un id en relation;

[Death83]

teste l'existence du tableau amovible, en lui donnant par exemple un id en relation;

comment ca?

[javatwister]

sachant que je ne sais pas si le tebleau fantôme est rempli par xhr;

if(tableau){
conteneur.removeChild(tableau)
}
else{
// peut-être un appel xhr pour recueillir les données de "tableau";
conteneur.appendChild(tableau)
}

("conteneur" n'est sans doute pas le même élément dans les 2 cas; je ne peux pas préciser sans connaître ton code);

[djynwk]

Je ne sais pas si tu a trouvé une solution...

tu veu fair un truc comme ça?

// je met pas de style..
document.body.appendChild(div = document.createElement('div'));
div.appendChild(but = document.createElement('div'));
div.appendChild(tab = document.createElement('div'));
tab.style.display = 'none';
// tu peu remplir tab par la suite ...

but.etat = false; // tableau pas affiché au depart


but.onclick = function(){
this.nextSibling.style.display = (!this.etat) ? 'none' : ''; // '' = afficher auto selon le navigateur

this.etat = !this.etat;// inverse pour le prochain click
// changer la visibilité de la Node qui est juste aprés le button (ici le tableau)
}

ce qui donnera (en gros):

<div>
<div>boutton</div>
<div> tableau ké pas affiché</div>
</div>

[Death83]

sachant que je ne sais pas si le tebleau fantôme est rempli par xhr;

if(tableau){
conteneur.removeChild(tableau)
}
else{
// peut-être un appel xhr pour recueillir les données de "tableau";
conteneur.appendChild(tableau)
}

("conteneur" n'est sans doute pas le même élément dans les 2 cas; je ne peux pas préciser sans connaître ton code);

Oui mais en fasaint ca des que le tableau apparait il est effacé non?

[javatwister]

bien sûr que non! sinon à quoi serviraient les conditions?

[Death83]

J'avais deja essayer un truc genre:

si le tableau secondaire est remplie alors tu l'efface. Mais dans ce cas il s'effacait des qu'il apparaissait et pas au click.

Mais ca fait qoi exactement:
conteneur.removeChild?

[javatwister]

bon, un exemple simpliste: http://javatwist.imingo.net/test.htm

en fait, pas forcément besoin de vraiment créer / supprimer l'objet à chaque clic, tu peux aussi bien le rendre invisible à l'écran, tout dépend de ce que tu fais dans ta page;