Discussion :

[maxusn]

Bonjour,

je crée une liste a partir d'un JSON :

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
<script type="text/javascript">
			id = "";
			rdv = "";
 
			$.ajax
				({					
					url: 'http://serv/phonegap/getList.php',
					dataType: 'json',
					jsonp: 'jsoncallback',
					timeout: 5000,				
					success: function(data, status)
					{
 
						$.each(data, function(i,item)
						{				
							rdv =  " <li> <a href='' >"+item.titre+" </a> </li>" ;
							console.log(rdv); 	
							document.getElementById('mylist').innerHTML += rdv;
							$('#mylist').listview('refresh');
						});
					},
					error: function()
					{
					   alert('Erreur lors du chargement des donnees.');
					}	
				});					
		</script>

je souhaite ensuite, lorsque l'utilisateur clic sur un élément de la liste afficher une boite de dialogue en lui demandant s'il souhaite supprimer l’élément sur lequel il a cliqué.
j'ai donc :

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
<div id="employeeListPage">
					<ul data-role='listview' data-filter='true' data-filter-placeholder='Rechercher...' data-inset='true' id='mylist'>										
					</ul>
 
					<script type="text/javascript">
 
							// Clic sur element de la liste :
                                              $('ul[data-role="listview"]').find('li').click(function() {	
						$(this).css('background','red'); // On met l'element selectionner a la couleur rouge
						if(confirm("voulez vous supprimer cet element de la liste ?"))
						{
							//Confirme la suppression et suppression de l'element
							$(this).remove(); 
						}
 
						else 
						{
							// Annulation de la suppression on reinitialise la couleur
							$(this).css('background','');
						}
						});
					</script>					
				</div>

mais lorsque je clic sur un élément, il ne se passe rien.

ps : je ne maîtrise pas encore le javascript.

merci

[Bovino]

C'est normal... au moment où tu définis ton gestionnaire, il n'y a pas de <li>, donc aucun gestionnaire n'est affecté...

Il faut regarder du côté de .on() et des événements délégués...

[maxusn]

ha ok !

je vais regarder ça, merci pour cette réponse rapide.

édit : ça fonctionne correctement avec un :

Code :

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

$('#mylist').on("click","li", function(event){

merci