[AJAX]Help je suis coincé :(

Version imprimable

10/03/2006, 19h20
Death83

[AJAX]Help je suis coincé :(

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).
10/03/2006, 19h25
gotcha007

Re: [AJAX]Help je suis coincé :(

Citation:

Envoyé par 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).

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

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:

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

10/03/2006, 22h06
javatwister

teste l'existence du tableau amovible, en lui donnant par exemple un id en relation;
11/03/2006, 10h56
Death83

Citation:

Envoyé par javatwister

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

comment ca?
11/03/2006, 12h48
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);
11/03/2006, 19h43
djynwk

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

tu veu fair un truc comme ça?

Citation:

// 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>
12/03/2006, 01h33
Death83

Citation:

Envoyé par 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);

Oui mais en fasaint ca des que le tableau apparait il est effacé non?
12/03/2006, 08h52
javatwister

8O

bien sûr que non! sinon à quoi serviraient les conditions?
12/03/2006, 09h47
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?
12/03/2006, 10h40
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;