Comment afficher une ligne d'un tableau dans un formulaire en la selectionnant

**eddycool** · 13/05/2009, 13h06

Bonjour,
je suis en train de developper une application en php.Et j'ai un formulaire d'enregistrement en dessous duquel il y a un tableau qui affiche tous les éléments enregistrés.
Ce que je veux faire,qu'en cliquant sur un element du tableau où j'ai mis un lien, toutes les autres infos s'affichent dans mon formulaire.
On m'a demandé de chercher du coté de JS ou d'AJAX que je ne connais vraiment pas.
Aidez moi s'il vous plait si cela est possible
Merci d'avance

**SpaceFrog** · 13/05/2009, 13h22

tu auras une icone en debut de ligne ou c'est juste en cliquant sur la ligne ?

si c'est sur la ligne il te faudra mettre un id significatif sur le tr ...
et jouer sur le onclick su tr

**eddycool** · 13/05/2009, 13h38

Envoyé par SpaceFrog

tu auras une icone en debut de ligne ou c'est juste en cliquant sur la ligne ?

si c'est sur la ligne il te faudra mettre un id significatif sur le tr ...
et jouer sur le onclick su tr

Je veux mettre un lien sur element. En fait le tableau affiche: code, libelle, Montant;
mettre le lien sur les codes

**andry.aime** · 13/05/2009, 13h44

Salut,

Code JAVASCRIPT :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function afficheLigne(tableau)
{
	for(var i=0; i<document.getElementById(tableau).getElementsByTagName('tr').length; i++)
	{
		document.getElementById(tableau).getElementsByTagName('tr')[i].ondblclick=function()
			{
				for (var j=0; j<this.getElementsByTagName('td').length; j++)
					{
						alert(this.getElementsByTagName('td')[j].firstChild.data);
					}
			}
	}
}

Code HTML :

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

1
2
3
4
5
6
7
<body onload="afficheLigne('matable')">
<table id='matable'  border="1">
<tr><td>AAAA</td><td>ZZZZZ</td></tr>
<tr><td>EEEE</td><td>FFFFF</td></tr>
<tr><td>GGGGG</td><td>HHHHHH</td></tr>
</table>
</body>

En doublecliquant sur la ligne tu affiches ses contenues

**eddycool** · 13/05/2009, 14h01

Envoyé par andry.aime

Salut,

Code JAVASCRIPT :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function afficheLigne(tableau)
{
	for(var i=0; i<document.getElementById(tableau).getElementsByTagName('tr').length; i++)
	{
		document.getElementById(tableau).getElementsByTagName('tr')[i].ondblclick=function()
			{
				for (var j=0; j<this.getElementsByTagName('td').length; j++)
					{
						alert(this.getElementsByTagName('td')[j].firstChild.data);
					}
			}
	}
}

Code HTML :

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

1
2
3
4
5
6
7
<body onload="afficheLigne('matable')">
<table id='matable'  border="1">
<tr><td>AAAA</td><td>ZZZZZ</td></tr>
<tr><td>EEEE</td><td>FFFFF</td></tr>
<tr><td>GGGGG</td><td>HHHHHH</td></tr>
</table>
</body>

En doublecliquant sur la ligne tu affiches ses contenues

je veux afficher dans les champs qui me permettent de faire les enregistrements pour une eventuelle modification

**andry.aime** · 13/05/2009, 14h10

C'est pour te donner un idée, à la place de l'alert tu affectes les valeurs dans ton formulaire.

Code JAVASCRIPT :

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

1
2
3
4
5
6
7
8
9
10
11
function afficheLigne(tableau)
{
	for(var i=0; i<document.getElementById(tableau).getElementsByTagName('tr').length; i++)
	{
		document.getElementById(tableau).getElementsByTagName('tr')[i].ondblclick=function()
			{
				document.getElementById('IdInput').value=this.getElementsByTagName('td')[0].firstChild.data;
				document.getElementById('IdInput2').value=this.getElementsByTagName('td')[1].firstChild.data;
			}
	}
}

**eddycool** · 13/05/2009, 15h26

Envoyé par andry.aime

C'est pour te donner un idée, à la place de l'alert tu affectes les valeurs dans ton formulaire.

Code JAVASCRIPT :

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

1
2
3
4
5
6
7
8
9
10
11
function afficheLigne(tableau)
{
	for(var i=0; i<document.getElementById(tableau).getElementsByTagName('tr').length; i++)
	{
		document.getElementById(tableau).getElementsByTagName('tr')[i].ondblclick=function()
			{
				document.getElementById('IdInput').value=this.getElementsByTagName('td')[0].firstChild.data;
				document.getElementById('IdInput2').value=this.getElementsByTagName('td')[1].firstChild.data;
			}
	}
}

Ouais ça marche

Merci infiniment pour votre aide.

Comment afficher une ligne d'un tableau dans un formulaire en la selectionnant

JavaScript

Discussions similaires

Partager

Partager