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 ?

**Arnaud F.** · 04/05/2011, 18h58

Si les éléments sont ajoutés en "live", faut passer par

Code :

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

live()

plutôt que

Code :

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

click()

.

**Skytrancer** · 05/05/2011, 10h22

Alors oui ca expliquerai pourquoi ma selection marcherai sur certain element du tableau (qui s'affiche au chargement de la page) alors que le contenu du tableau s'affiche apres une requete ajax, seulement voila la syntaxe

Code :

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

1
2
3
$(function(){
 $("[__gt_ds_index__]").live(function(){alert('ligne '+$(this).attr('__gt_ds_index__'))})
})

ne passe pas

IE me dit : cet objet ne gere pas cette propriete ou cette methode,
alors que la meme syntaxe avec click au lieu de live ne pose pas de probleme

(

Merci

**SpaceFrog** · 05/05/2011, 10h35

non il faut attribuer le click en live ..
Mais c'est bien là la cause

**Skytrancer** · 05/05/2011, 11h32

c'est a dire ? le javascript c'est nouveau pour moi, et j'aurais bien besoin d'un coup de pouce pour faire "ce click en live".

encore merci, on approche du but

**SpaceFrog** · 05/05/2011, 11h37

Code :

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

1
2
3
$("[__gt_ds_index__]").live('click', function() {
 alert('ligne '+$(this).attr('__gt_ds_index__'))
});

**Skytrancer** · 05/05/2011, 13h05

Envoyé par SpaceFrog

Code :

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

1
2
3
$("[__gt_ds_index__]").live('click', function() {
 alert('ligne '+$(this).attr('__gt_ds_index__'))
});

Yesssssss c'est ok !! Merci !

**Skytrancer** · 05/05/2011, 14h04

une derniere question en faite je ne veux plus recuperer on numero de ligne mais la valeur du tableau

pourquoi le code suivant ne me renvoit rien (plutot 100 lignes de code qui provient de je ne sais ou)

Code :

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

1
2
3
$("[__gt_ds_index__]").live('click', function() {
 alert('ligne '+$(this).val)             ou val('__gt_ds_index__')
});

Merci

**SpaceFrog** · 05/05/2011, 14h06

un tr n'a pas de value ...

.texte ou html ...
ou encore en selectionnant les td

**Skytrancer** · 05/05/2011, 14h54

ah oui forcement il me faut la colonne, du coup le probleme est que tous les TD ont la meme class, pas d'identifiant et generer automatiquement (cf screen).

Y aurait t'il moyen de dire que je veux le 1er TD de ma ligne selectionné.
un truc comme ca, mais ca doit pas etre aussi simple

Code :

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

1
2
3
$("[__gt_ds_index__].TD[0]").live('click', function() {
 alert('patient '+$(this).val)             
});

Merci

**SpaceFrog** · 05/05/2011, 15h04

Code :

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

1
2
3
$("[__gt_ds_index__]").live('click', function() {
 alert($(this).children('td').eq(0).text())             
});

**Skytrancer** · 05/05/2011, 16h28

Quel talent , merci beaucoup !

**Skytrancer** · 06/05/2011, 14h55

encore moi,

Tu m'as montré hier qu'avec le code ci apres je pouvais recuperer le numero de la ligne cliquer

Code :

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

1
2
$("[__gt_ds_index__]").click(function(){alert('ligne '+$(this).attr('__gt_ds_index__'))})
})

de quel maniere peut-on recuperer le numero de la colonne cliqué egalement dans ton exemple du post #4 , j'ai testé plusieurs chose avec le children mais dans succes

(

merci

**Bovino** · 06/05/2011, 15h55

Code :

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

1
2
3
$("[__gt_ds_index__]").click(function(){
    alert(this.rowIndex);
})

**SpaceFrog** · 06/05/2011, 16h57

colIndex ?

sinon avec les children td index

selection cellule par un "faux" identifiant

jQuery

Discussions similaires

Partager

Partager