selection cellule par un "faux" identifiant

**Skytrancer** · 03/05/2011, 16h09

Bonjour,
J'ai une page html composé d'un tableau (voir screen ci joint)µ
Le tableau est generer automatiquement par une fonction.

On peut observer dans le tableau une classe __gt_myGrid1_r_242
Le probleme c'est qu'a chaque fois que la page est générer identifiant de cette premiere ligne n'est pas toujours egale.

par contre je vois un autre "code" __gt_ds_index__="0"
qui lui est a chaque fois egale a "0" pour la ligne 1, 1 pour la ligne 2...etc.

Mais a quoi correspond ce code
ce n'est pas un id., ce n'est pas une class#, comment appelle t'on ce morceaux ?

Comment peux-t-on selectionné cette premiere ligne dans mon javascript avec (ou sans) jquery ?

par exemple ceci ne fonctionne pas

Code :

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

1
2
3
$("__gt_ds_index__='0' ").click(function() {
                alert("TEST1");
                });

Merci.

**SpaceFrog** · 03/05/2011, 16h18

ce sont des attributs exotiques ...

ceci devrait fonctionner

Code :

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

1
2
3
4
 
$("[__gt_ds_index__='0']").click(function() {
alert("TEST1");
});

**Skytrancer** · 03/05/2011, 17h58

Merci pour ma réponse

mais hélas cela ne fonctionne pas , mais j ai remarqué en faisant d autre test qu il y a plein de selection qui ne fonctionne pas sur ce table

Ci apres les tests effectué, seul test1 fonctionne, etrange non ????
Merci

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
/*
	$("#myGrid1_bodyDiv").click(function() {
	alert("TEST1");
	});	
	*/
 
	$("#__gt_myGrid1_r_242").click(function() {
	alert("TEST4");
	});	
 
	$(".gt-table").click(function() {
	alert("TEST5");
	});	
 
	$("[__gt_ds_index__='0']").click(function() {
	alert("TEST6");
	});

Ce qui appartient au tableau n'a pas l'air sélectionnable, tandis que la div extérieur le permet.

**SpaceFrog** · 03/05/2011, 19h56

je n'ai aucun souci avec ce code qui donne le resultat attendu

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
<script type='text/javascript'>
$(function(){
 
$("[__gt_ds_index__]").click(function(){alert('ligne '+$(this).attr('__gt_ds_index__'))})
})
 
	</script>
</head>
 
<body>
<table border="1" width="100%">
 
  <tr __gt_ds_index__='0' >
    <td width="20%" >&nbsp;</td>
    <td width="20%">&nbsp;</td>
    <td width="20%">&nbsp;</td>
    <td width="20%">&nbsp;</td>
    <td width="20%">&nbsp;</td>
  </tr>
  <tr __gt_ds_index__='1'>
    <td width="20%">&nbsp;</td>
    <td width="20%">&nbsp;</td>
    <td width="20%">&nbsp;</td>
    <td width="20%">&nbsp;</td>
    <td width="20%">&nbsp;</td>
  </tr>
  <tr __gt_ds_index__='2'>
    <td width="20%" >&nbsp;</td>
    <td width="20%">&nbsp;</td>
    <td width="20%">&nbsp;</td>
    <td width="20%">&nbsp;</td>
    <td width="20%">&nbsp;</td>
  </tr>
  <tr __gt_ds_index__='3'>
    <td width="20%">&nbsp;</td>
    <td width="20%">&nbsp;</td>
    <td width="20%">&nbsp;</td>
    <td width="20%">&nbsp;</td>
    <td width="20%">&nbsp;</td>
  </tr>
  <tr __gt_ds_index__='4'>
    <td width="20%">&nbsp;</td>
    <td width="20%">&nbsp;</td>
    <td width="20%">&nbsp;</td>
    <td width="20%">&nbsp;</td>
    <td width="20%">&nbsp;</td>
  </tr>
</table>
</body>
</html>

**Skytrancer** · 04/05/2011, 16h06

effectivement j'ai testé ton exemple et ca fonctionne tres bien. Merci

Malheureusement, dans mon tableau désigner automatiquement via une fonction sigma_grid cela ne fonctionne pas.

Je ne sais pas si cela est possible et comme je n'ai pas du tout la main sur le code qui fabrique ce tableau de sortis je me demande si il existerait des fonctionalité javascript qui protegerais les cellules afin qu il soit impossible de les selectionner.

Merci

**SpaceFrog** · 04/05/2011, 16h39

si ton tableau est créé dynamiquement peut etre est-ce que au moment ou les click sont attribués le attributs exotiques ne sont pas encore instanciés ..
Verifie la chronologie ?

selection cellule par un "faux" identifiant

jQuery

Vue hybride

Discussions similaires

Partager

Partager