Récupérer le text d'un <td>

**magnum6669** · 28/01/2013, 10h03

Bonjour à tous,
Alors voila, j'ai réussi à créer 3 listes, dans lequelles, je peux double cliquer sur une valeur et double cliquer sur l'autre liste pour déplacer la valeur dans celle-ci.
Maintenant, j'aimerais pouvoir le faire sous forme de tableau, mon soucis étant que je n'arrive pas à remplacer la ligne qui récupère en temps normal le texte dans un select. :

Code :

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

text=selectElmt.options[selectElmt.selectedIndex].text;

J'aimerais récupérer le text dans un <tab>. Je sais qu'il y a pas mal de tuto sur internet, mais ceux-ci propose a l'aide d'un bouton, ou d'une manière dont je ne comprend pas trop...

Sachant que le code pour l'instant me retourne : Undefinided.

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
var D;
D=0
var value,test;
test=1;
var options
var text, value
    	value=""
    	text=""
//Fonction ajouter une ligne
 function plus()  
 
{  
D=D+1
document.getElementById('tb2').innerHTML += "<td id="+D+">a</td> " 
 
}
//Fonction qui récupère la ligne double cliquée 
    function recup(id) {
 
    	var selectElmt = document.getElementById(id);
	text=selectElmt.options[selectElmt.selectedIndex].text;
	 return value=selectElmt.options[selectElmt.selectedIndex].value;
 
 
 
}
//Fonction qui dépose la ligne selectionnée
     function depose(id){
	a=text
	b=value
	       document.getElementById(id).innerHTML += "<td id="+b+">"+a+"</td>" 
 
}    
//Fonction qui permet de prendre puis déposer avec le double clique
function choix(id){
 
	if(test==1){
 
		recup(id)
 
 
		test=0
 
	}
	else
	{
 
		depose(id)
		test=1
	}
}
 
	</script>
	</head>
 
	<body >
 
 
<table border="1" id="tb1"ondblclick="choix(id)"> 
  <TR> 
<td>
	aa
</td>
  </TR> 
 
</table> 
   <br/>
   <br/>
  <table border="1" id="tb2" ondblclick="choix(id)"> 
  <TR> 
<td id="1">
	aa
</td>
  </TR> 
 
</table> 
<form >
	<input type="button" value="add" onclick="plus()">
</form>

**Bovino** · 28/01/2013, 10h08

Ils sont où tes select ?

**magnum6669** · 28/01/2013, 10h27

Justement, je cherche à faire sans les selects, et je les ai enlevés, j'aimerais faire la même chose qu'avec les listes mais dans des <td>!

**magnum6669** · 28/01/2013, 11h21

J'ai essayé de la façon suivante :

Code :

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

1
2
3
4
5
6
7
8
9
    function recup(id) {
 
    	//On récupère le text, et l'id de l'élément selectionné.
	var selectElmt = document.getElementById(id)
   text=document.getElementById(id).innerHTML
	alert(text)
 
 
}

Mais il me retourne :
<tbody><tr>
<td id="1">
aa
</td>
</tr>

</tbody>
or, j'aimerais juste récupérer le "aa";

**SpaceFrog** · 28/01/2013, 11h23

innerText ou textContent selon le navigateur

**magnum6669** · 28/01/2013, 11h27

Ah voila "textContent"! Merci beaucoup et désolé pour les quelques fautes d'orthographes...

Bonne journée!

**SpaceFrog** · 28/01/2013, 11h29

attention toutefois textContent n'est pas crossbrowser ...

**Auteur** · 29/01/2013, 12h26

Envoyé par magnum6669

Voici mon code :

Code :

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

1
2
3
4
5
6
7
8
 
//Fonction ajouter une ligne
 function plus()  
{  
D=D+1
document.getElementById('tb2').innerHTML += "<td id="+D+">a</td> " 
 
}

La discussion est résolue, je le sais, mais dans le code posté une chose m'a fait tiquer car déconseillée (et il y a peu de chance qu'elle fonctionne) : ajouter une ligne dans une table avec innerHTML. Il faut utiliser les fonctions DOM (insertRow()) !

Récupérer le text d'un <td>

JavaScript

Discussions similaires

Partager

Partager