MooTools Like Button

zippy1992

Nuovo Utente
29 Feb 2012
1
0
0
Un saluto a tutti
Sto implementando una gallery con l'opzione del "Like button" in stile Facebook! Una volta premuta l'immagine del "pollice verso" viene gestito l'evento e inviata una richiesta AJAX al per aggiornare in database.
Sorge però un problema...ovviamente le immagini sono molte e utilizzo dei tag "class" per gestire i CSS. Come faccio però a selezionare un elemento per classe con MooTools? Inoltre: come faccio poi a sapere a quale elemento della classe dovrò poi andare ad aggiornare il valore del numero di "like"?

Posto un po' di codice

PARTE HTML

HTML:
<div class="plapoptions">
     <span class="plapoptionsn"><?php print $like->nlike; ?></span> 
     <img class="addlike" idFoto="<?php print $dati->idFotografia; ?>" src="http://forum.mrwebmaster.it/images/like.png" title="Mi piace!" />
</div>

PARTE JS CON MOOTOOLS

Codice:
window.addEvent('domready',function() { 	
   var myElement = document.id('addlike');   	
   var myRequest = new Request({ 		
      url: 'script/addlike.php', 		
      method: 'get', 		
      onSuccess: function(responseText){ 			   
          document.id('plapoptionsn').set('text', responseText); 		
      },
   }); 	  	

   document.id('addlike').addEvent('click', function(event){ 		
      event.stop(); 		
      myRequest.send('idFotografia=' + this.get('idFoto')); 	
   }); 
});

Attualmente nel JS gestisco la selezione dell'elemento tramite ID, ma è solo per prova!

Grazie mille a tutti per i suggerimenti
 
Ultima modifica:

Discussioni simili