Bonjour,
Je veux créer (tranformer) des éléments HTML d'une certaine class pour en faire des genres de sélecteurs évolués.
Pour se faire, je spécifie dans les attributs data de l'élément une fonction de callback qui sera appelé lorsqu'un élément sera sélectionné, et le sélecteur s'ouvre en réaction à un .on("click", ...
Ce que je veux, c'est que mon callback dont le prototype doit être et rester
function callback(event, json_returned_item)
modifie des attributs de l'élément HTML dans lequel il a été spécifié...
exemple :
1 2
| <div class="search_item" />Selecteur 1</div>
<div class="search_item" />Selecteur 2</div> |
1 2 3 4 5 6 7 8 9 10 11
| $('div.search_item')
.data('can_be_null', true)
.data('filtered', true)
.data('default_value', 1)
.data('my_callback', function(event, json_returned_item){
if(json_returned_item !== null){
alert(json_returned_item.id); // affiche l'ID de l'element selectionné, ça, ça marche
// ici, changer le .text() de l'élément div sur lequel on a cliqué
}
})
.on('click', OpenSelector); |
LE résultat devant être que quand je click sur un des 2 DIV, mon selecteur s'affiche (géré par openselector, pas de probleme là), et quand j'effectue une sélection dedans, il execute my_callback et modifie le texte de la dic pour afficher l'id de l'item selectionné par exemple... Et c'est là que ça pèche...
Comment accéder à cette DIV si j'ai pas d'ID (la ligne commenté du code) ?
En vous remerciant
Partager