Evénement clic sur un élément d'une liste
Bonjour,
je crée une liste a partir d'un JSON :
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
| <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:
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
