tableau dynamique avec surlignement de la ligne [Fait]

**hartecel** · 09/07/2008, 16h51

Bonjour,

Je souhaiterais créer un tableau dynamique sur le click d'un bouton . Les informations des champs (pas tous) sont ajoutées dans ce tableau. Pour l'instant, ça j'ai réussi à le faire. Maintenant, j'aimerais pouvoir cliquer sur une ligne du tableau et réafficher toutes les infos dans les champs au-dessus. Ce qui me pose problème c pour cliquer .

Qqn a une idée ??

Merci.

**SpaceFrog** · 09/07/2008, 16h59

3 possibilités :

soit 100% javascript
soit 50% ajax 50% php
soit 90%php 10%javascript

**Bovino** · 09/07/2008, 17h06

Ce qui me pose problème c pour cliquer .

Achète une souris !!!

Plus sérieusement,

ici, le this représente le td cliqué, tu peux ensuite accéder aux autres cellules de la ligne grâce au DOM (nextSibling, previousSibling)... en faisant attention aux différentes interprétations du DOM entre IE et les navigateurs.

EDIT:
Souligné à l'attention de SpaceFrog qui commet toujours l'erreur...

**hartecel** · 09/07/2008, 17h52

En faisant ça ,

Code :

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

<td onclick="taFonction(this)"></td>

j'ai une erreur de code. IE m'envoie l'erreur "non implementé".

Voici mon code :

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
26
27
28
29
30
31
32
33
34
 
function insAdresses(id, site, nomcontact, prenomcontact, lib, cp, ville, pays, telcontact, portcontact, faxcontact, mailcontact)
{       
	var letab	=	parent.document.getElementById('tabadresses'); 
 
	var myRow	=	letab.insertRow(letab.rows.length);
	var nr 		=	letab.rows[letab.rows.length-1];
 
	nr.insertCell(0);
	nr.cells[0].className =	"col3";
	nr.cells[0].innerHTML	=	"<input type='hidden' name='adresse[]' size='2' value='" + id + "'>" + "<input type='hidden' name='site[]' size='2' value='" + site + "'>" + site;
 
	nr.insertCell(1);
	nr.cells[1].className =	"col3";
	nr.cells[1].innerHTML	=	"<input type='hidden' name='nomcontact[]' size='2' value='" + nomcontact + "'>" + nomcontact;
 
	nr.insertCell(2);
	nr.cells[2].className =	"col3";
	nr.cells[2].innerHTML	=	"<input type='hidden' name='prenomcontact[]' size='2' value='" + prenomcontact + "'>" + prenomcontact;
 
	nr.insertCell(3);
	nr.cells[3].className =	"col3";
	nr.cells[3].innerHTML	=	"<table border='1'><tr ><td colspan='2'><input type='hidden' name='lib[]' size='2' value='" + lib + "'>" + lib + "</td></tr><tr><td><input type='hidden' name='cp[]' size='2' value='" + cp + "'>" + cp + "</td><td><input type='hidden' name='ville[]' size='2' value='" + ville + "'>" + ville + "</td></tr><tr><td colspan='2'><input type='hidden' name='pays[]' size='2' value='" + pays + "'>" + pays + "</td></tr></table>";
 
	nr.insertCell(4);
	nr.cells[4].className =	"col3";
	nr.cells[4].innerHTML	=	"<table border='0'><tr><td><input type='hidden' name='telcontact[]' size='2' value='" + telcontact + "'>" + telcontact + "</td></tr><tr><td><input type='hidden' name='portcontact[]' size='2' value='" + portcontact + "'>" + portcontact + "</td></tr><tr><td><input type='hidden' name='faxcontact[]' size='2' value='" + faxcontact + "'>" + faxcontact + "</td></tr></table>";
 
    nr.insertCell(5);
	nr.cells[5].className =	"col3";
	nr.cells[5].innerHTML	=	"<input type='hidden' name='mailcontact[]' size='2' value='" + mailcontact + "'>" + mailcontact;
 
    nr.onclick=function(){alert("coucou");};
}

Là le click marche.
Comme je voulais faire une fonction pour récupérer les valeurs de ligne en cours et les afficher dans un formulaire, c'est la galère.

Invité · 09/07/2008, 17h55

Bonjour,

Si tu crées le tableau dynamiquement tu peux y adjoindre des id

Exemple qui vaut ce qu'il vaut

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
26
27
28
29
30
31
32
33
34
35
36
37
38
 
<html>
<head>
<title></title>
<script language="JavaScript">
<!--
function retourne_val(id) {
document.getElementById("ch_" + 1).value = document.getElementById(id + "_1").innerHTML;
document.getElementById("ch_" + 2).value = document.getElementById(id + "_2").innerHTML;
document.getElementById("ch_" + 3).value = document.getElementById(id + "_3").innerHTML;
document.getElementById("ch_" + 4).value = document.getElementById(id + "_4").innerHTML;
}
// -->
</script>
</head>
<body>
<input type="text" id="ch_1" size="10" value="" />
<input type="text" id="ch_2" size="10" value="" />
<input type="text" id="ch_3" size="10" value="" />
<input type="text" id="ch_4" size="10" value="" /><br />
<br />
 
<table border="1">
<tr id="1" onClick="retourne_val(this.id)">
   <td id="1_1">aaaaaaaa</td>
   <td id="1_2">bbbbbbbb</td>
   <td id="1_3">ccccccc</td>
   <td id="1_4">ddddddd</td>
</tr>
<tr id="2" onClick="retourne_val(this.id)">
   <td id="2_1">eeeeeeeee</td>
   <td id="2_2">fffffffff</td>
   <td id="2_3">ggggggggg</td>
   <td id="2_4">hhhhhhhh</td>
</tr>
</table>
</body>
</html>

Jean-Luc

PS: il ne doit y avoir que du texte dans les TD pas de HTML sinon IE7 et FF3 renvoie le tout.

**hartecel** · 09/07/2008, 21h32

Est-ce que qqn a une idée pour récupérer les variable adresse[], ... en javascript ?
J'ai beau cherché , je trouve pas.

**SpaceFrog** · 09/07/2008, 21h45

Code :

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

document.getElementsByName('adresse[]')[i].value

**l_dl_d** · 11/07/2008, 11h00

bonjour,

j'ai testé votre programme, je souhaiterais le changer de façon est ce que les lettres s'affichent à côté, cad une lettre a côté d'une autre ex(abcd) dans la même zone de texte.

j'ai besoin de ce script pour pouvoir écrire dans une zone de texte un ensemble de caractères spéciaux qui n'existent pas sur le clavier (caractères phonétiques).

Je vous remercie pour votre aide, je ne suis pas forte en javascript!!!

**SpaceFrog** · 11/07/2008, 11h11

heu zone de texte ...
dans un input ???
dans un tr ???

tableau dynamique avec surlignement de la ligne [Fait]

JavaScript

Vue hybride

Discussions similaires

Partager

Partager