Intercepter le click sur une cellule du tableau ? [Résolu]

[ZiP] · 23/11/2010, 00h51

Bonjour,

Je souhaiterai intercepter le click sur une cellule du tableau, voici mon code qui ne fonctionne pas :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
		<title></title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
		<script type="text/javascript">
			$('table td').click(
				function()
				{
					alert('ok!');
				}
			);
		</script>
	</head>
 
	<body>
		<table>
			<tr>
				<td>001</td>
				<td>002</td>
			</tr>
			<tr>
				<td>003</td>
 
				<td>004</td>
			</tr>
		</table>
	</body>
</html>

Pouvez-vous m'aider à comprendre et corriger ce qui ne va pas ?

Merci,
ZiP

SpaceFrog · 23/11/2010, 08h48

au moment ou le jquery est interprété ta table n'est pas encore instanciée ...

il faut attendre la fin du chargement de la page ce qui est possible en utilisant le $(document).ready ou son raccourci $()

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
<script type="text/javascript" >
$(function(){
			$('table tr td').click(
				function()
				{
					alert('ok!');
				}
			);
			})
		</script>
	</head>
 
	<body>
		<table>
			<tr>
				<td>001</td>
				<td>002</td>
			</tr>
			<tr>
				<td>003</td>
 
				<td>004</td>
			</tr>
		</table>
	</body>
</html>

[ZiP] · 23/11/2010, 12h21

Bonjour,

Effectivement, j'ai oublié de le remettre (utilisation d'un second fichier .js) !

Erreur de débutant !

Merci,
ZiP

23/11/2010, 12h21	#3
[ZiP] Membre actif Inscription : octobre 2006 Messages : 664 Détails du profil Informations personnelles : Sexe : Localisation : France, Pas de Calais (Nord Pas de Calais) Informations forums : Inscription : octobre 2006 Messages : 664 Points : 197 Points : 197	Bonjour, Effectivement, j'ai oublié de le remettre (utilisation d'un second fichier .js) ! Erreur de débutant ! Merci, ZiP
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email