Récupérer la valeur d'une cellule d'un tableau

Version imprimable

Bonjour,

J'essaie de récupérer dans un input la valeur de la cellule du tableau qui est cliqué.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<script type="text/javascript">
function test_fonction(id){
	 document.getElementById("selection").value = id
}
</script>
 
<?php
if (isset($_POST['ma_selection']))		$ma_selection = $_POST['ma_selection'];
else $ma_selection = "";
 
echo '<table border=1 style="border-collapse:collapse" CELLPADDING=3 CELLSPACING=0><tr>';
for($i=1; $i<8; $i++) { 
	echo '<td id = $i onclick="test_fonction(\'id\')">', $i , '</td>';
}
echo '</tr></table><br>';
?>
 
<FORM NAME="calendrier" ACTION="index.php?page=calendrier" METHOD="post" > 
	valeur sélectionnée <input type="text" value="<?php echo $ma_selection; ?>" name="selection" >
</FORM>

Il y a certainement pas mal d'erreurs mais à force de tourner, je ne comprends plus rien !!

Merci d'iavance

Avec Jquery ça me prend à peine 4 lignes :

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
<html>
	<head>
		<script src="http://code.jquery.com/jquery-latest.js"></script>
		<script>
			$(document).ready(function(){
				$('table td').dblclick(function(){
					var cell = $(this).text();
					$("#valeur").val(cell);		 
				});
			});
		</script>
	</head>
	<body>
		<table>
			<tr>
				<td>01</td>
				<td>02</td>
				<td>03</td>
				<td>04</td>
			</tr>
			<tr>
				<td>11</td>
				<td>12</td>
				<td>13</td>
				<td>14</td>
			</tr>
			<tr>
				<td>21</td>
				<td>22</td>
				<td>23</td>
				<td>24</td>
			</tr>
		</table>	
		<form>
			<label>valeur</label> <input type="text" id="valeur">
		</form>
	</body>
</html>

20/10/2015, 08h23
philippef

Bonjour,

Et merci. Je ne connais pas du tout JQuery. ça à l'air très efficace.
Est ce qu'il y a une doc en français. Apparemment non !!
20/10/2015, 08h39
autran

bien sûr qu'il y en a en français !!!
sur le meilleur site du monde : http://javascript.developpez.com/cou...meworks#jquery

Bonjour,

Citation:

Envoyé par autran

Avec Jquery ça me prend à peine 4 lignes :

à peine plus en "vanilla" ;)
Code:

1 2 3 4 5 6 7 8 var oTable = document.querySelector('TABLE'); oTable.ondblclick = function(e){ e = e || window.event; var oSrc = e.target || e.srcElement; if( oSrc.tagName === 'TD'){ document.getElementById('valeur').value = oSrc.textContent || oSrc.innerText; } };
à mettre toutefois en fin de body.