Appeler un id (le id est variable)

Version imprimable

Bonsoir,

Voici mon code,

Du code HTML :

Code:

1
2
<h3 id="miss"><a href="">Messages</a></h3>
<div id="lesmessages"></div>

Le code JS :

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
$("#miss").on('click',function(){
 
	if(timermsg !='') clearTimeout(timermsg);
	refreshlistmsg();
});
 
function refreshlistmsg(){
 
	jQuery.ajax({
		type: 'POST', 
		url:  'controllers/accueil/messages.php', 
		dataType : 'json',
		success: function(jsonn) {
 
			var zzz     = JSON.stringify(jsonn);											
			var objj    = eval('(' + zzz + ')');
			var msgajax = '';
			var iddd    = '';
			for( var z in objj ) {
 
				var ligne = objj[z];
				var idm   = 'msg' + ligne.id;
 
				msgajax  +='<a href="" id="' + idm + '" return false;">';
 
				iddd      = "#msg" + ligne.id;				
 
				$(' " ' + iddd + ' " ').on('click',function(){
 
					alert('oki');
					refreshmsg(titi);
				});
				msgajax += 'Hello';															
			}
			document.getElementById('lesmessages').innerHTML = msgajax;											
		} 
	})
	timermsg = setTimeout("refreshlistmsg()", 20000);		
}
 
function refreshmsg(titi){														
	jQuery.ajax({
		type: 'POST', 
		url:  'controllers/accueil/msg.php', 
		dataType : 'json',
		data: { id: titi },
		success: function(json) {
 
			var xxx  = JSON.stringify(json);														
			var obj    = eval('(' + xxx + ')');
			var msgajx = '<ul>';
			for( var x in obj ) {
				var ligne = obj[x];
				msgajx += '<li><div class="amessage"><img src="images/man.jpg" alt="" /><div class="amgcont"><div class="amesshead"><h3>Zinedine Zidane</h3><a>'+ ligne.depot +'</a><a>En ligne</a></div><p class="inpros">'+ ligne.msg +'</p></div></div></li>';
			}
			msgajx += '</lu>';
			document.getElementById( "msgajax" ).innerHTML = msgajx;															
		} 
	});
	timer = setTimeout("refreshmsg(titi)", 20000);
}

Mon soucis est dans la ligne 28:

Code:

$(' " ' + iddd + ' " ').on('click',function(){

Ce que je veux en fait, est exécuter une fonction au moment ou je clique sur le lien qui a comme id : iddd= "#msg" + ligne.id;

Et comme vous l'avez constaté iddd varie,

Le code comme il est m'affiche l'erreur : Error: Syntax error, unrecognized expression: " #msg16 "

sachant que 16 est l'id récupérer depuis la base.

Merci :-)

08/11/2013, 00h19
thelvin

Et... Ils sont censés servir à quoi, les guillemets autour de iddd ?
08/11/2013, 01h33
Invité
Bonjour,
Mets une class commune au lieu des ids.
Et id dans un attribut (data par ex.) si tu as besoin de le récupérer :
Code:

1 2 '<a href="" class="msg" data="'+ligne.id+'">'; $(".msg").on(......
N.B. Tu mixes aussi du JavaScript pur avec du jQuery ?

Code:

document.getElementById('lesmessages').innerHTML = msgajax;

S'écrit en jQuery :

Code:

$('#lesmessages').html(msgajax);
08/11/2013, 08h25
Bovino

Code:

$(' " ' + iddd + ' " ')

Là, tu demandes de récupérer les éléments dont l'id est (si iddd vaut foo) : " foo " et non ceux dont l'id est foo...
08/11/2013, 08h27
SpaceFrog
si c'est un id ... => #

Code:

$(' # ' + iddd ).on('click',function(){

$ attend juste un string de selecteur

en temps normal tu aurais ecrit:

Code:

$(' #monid').on('click',function(){

il ne faut donc pas aller chercher midi à 14 heures ...
Code:

1 2 mavar="monid"; $(' # ' + mavar ).on('click',function(){
08/11/2013, 09h23
Invité

@SpaceFrog
Je pense que tu n'as pas bien lu son script : le # s'y trouve bien

Code:

iddd = "#msg" + ligne.id;

Comme l'a dit Bovino, la syntaxe correcte est :

Code:

$( iddd ).on('click',function(){

Il me semble néanmoins que passer par une class est plus judicieux (cf mon message précédent).

si le # y est ...
Code:

1 2 mavar="monid"; $( mavar ).on('click',function(){

08/11/2013, 10h18
seriux55
Bonjour,

Je vous remercie pour toutes vos réponses :-)

Le soucis venait des guillemets, donc je les ai enlevé et j'ai plus de message d'erreur, par contre ça n'exécute pas la fonction en cliquant dessus ( alert('oki'); )
Code:

1 2 3 4 $("#"+idm).on('click',function(){ alert('oki'); refreshmsg(titi); });
Bonne journée
08/11/2013, 10h22
SpaceFrog

c'est alors que tu n'as pas d'element $("#"+idm) sur ta page
ou qu'il n'est pas encore instancié ...
08/11/2013, 10h30
Invité

Qui est titi ? :koi:
08/11/2013, 10h34
seriux55

Je viens de revérifier et il y a bel et bien l'alert('oki') par contre il s'affiche 4 fois (4 est le nombre de lignes de la requête) sans cliquer sur l'id.

titi est un autre id récupérer de la base

Code:

titi = ligne.de;

juste avant la ligne:

Code:

refreshmsg(titi);
08/11/2013, 11h00
danielhagnoul

Si c'est du code dynamique : $( "body" ).on( "click", "#" + idm, function(){ ... });.