pulsante like stile facebook

cristina76

Nuovo Utente
23 Set 2008
4
0
0
modica
www.glweb.it
Salve, avrei un problema con uno script che carica i like tipo quelli di facebook.
Con un pulsante vorrei inserire il like e successivamente con un altro click, vorrei disinserirlo.
....
PHP:
<? if($righe!="") {  ?> //se l'utente ha già cliccato mi piace
<div id="bottonlike2"><span class="arancio"><i class="fa fa-heart"></i> 
<input type="button" id="bottone2" value="Ti Piace" class="mipiace"></span></div>
//se non è stato cliccato mi piace
<? } else { ?><div id="bottonlike"><span class="arancio"><i class="fa fa-heart"></i> <input type="button" id="bottone" value="Nice" class="mipiace"></span></div><? } ?>

<script type="text/javascript">
$(document).ready(function() {
  jQuery("#bottone").click(function(){
    var id = $("#id").val();
     jQuery.ajax({
      type: "POST",
      url: "like/mipiace.php",
      data: "act=like&id=" + id,
     success: function(html){
           
	  jQuery("#bottone").val('Ti piace');
	   jQuery("#bottone").attr('id','bottone2');
		
      },
      error: function()
      {
        alert("Chiamata fallita, si prega di riprovare...");
      }
    });
  });
  
  jQuery("#bottone2").click(function(){

    var id = $("#id").val();

    jQuery.ajax({
      type: "POST",
      url: "like/mipiace.php",
      data: "act=dislike&id=" + id,
      success: function(html){
      
	  jQuery("#bottone2").val('Nice');
	  jQuery("#bottone2").attr('id','bottone');
	
      },
      error: function()
      {
        alert("Chiamata fallita, si prega di riprovare..."); 
      }
    });
  });
  
});
</script>
Il mio problema è che cambia il valore del pulsante da Nice a Ti piace (l'inserimento nel db è ok), ma non cambia l'id o comunque non passa all'azione inversa! :crying:
Potreste aiutarmi per favore? Grazie
 
Ultima modifica di un moderatore:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, probabilmente hai già risolto, il problema è qui
var id = $("#id").val();
non esiste un tag con questo id
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Io mi concentrerei su fare una sola funzione javascript, usando il selettore class per l'evento onlick e l'oggetto this per recuperare il value.
Codice:
var id = $(this).val();
Come fai a capire se l'utente ha gia cliccato ? con una query ?
Che parametro usi in like/mipiace.php per filtrare ? ti basi sulla stringa del value ?

piu o meno senza averlo testato
PHP:
<?php
if ($righe != "") {
    $value = "Nice";
}
?>
<div>
    <span class="arancio">
        <i class="fa fa-heart"></i>
        <input type="button" value="<?php echo $value; ?>" class="mipiace">
    </span>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        jQuery(".mipiace").click(function () {
            var bottone = $(this);
            jQuery.ajax({
                type: "POST",
                url: "like/mipiace.php",
                data: "act=like&id=" + bottone.val(),
                success: function (html) {
                    
                    /**
                     * in base al response della chiamata ajax reimposti il valore del button
                     * jQuery("#bottone").val('Ti piace');
                     */
                    
                },
                error: function ()
                {
                    alert("Chiamata fallita, si prega di riprovare...");
                }
            });
        });
    });
</script>
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
J disabilitare pulsante Java 0
A pulsante di update campo mysql con javascript Javascript 2
D Pulsante aggiungi al carrello nello slider prodotti in offerta WordPress 2
F Passare variabile a pulsante in finestra modale PHP 2
D un pulsante salva per ogni ID jQuery 10
S spostare il pulsante menu dropdown HTML e CSS 8
A Come creare pulsante donazione PayPal HTML e CSS 5
Cosina Aggiungere pulsante pause/play a slideshow Javascript 0
M [MS Access] Pulsante su maschera che esegue azioni su altra maschera MS Access 3
M [PHP] [HTML] Centrare in verticale un pulsante in una tabella PHP 3
S [Javascript] click su pulsante Javascript 1
A [MS Access] Pulsante per inserire allegati in campo maschera MS Access 0
M [MS Access] pulsante inattivo MS Access 10
C [PHP] Aggiungere pulsante paypal PHP 2
C [PHP] Creare un Pulsante che ricopia valori di un campo in altro record PHP 4
L [Javascript]Aprire div con click e chiuderlo con altro pulsante Javascript 2
spider81man [PHP] Pulsante SUBMIT per download diretto dei file PHP 9
Francesco Oliviero Aggiungere comando a pulsante HTML HTML e CSS 1
V Ciclo for per Pulsante in JavaScript Javascript 7
ste80 [MS Access] Impossibile aprire una maschera da pulsante MS Access 2
A [Javascript] Alert su Pulsante Esci Javascript 0
L php - pulsante premuto che mostra #div PHP 3
D [HTML] come Creare questo pulsante a 3 strisce? HTML e CSS 2
X Wordpress woocommerce non compare pulsante acquista prodotto WordPress 1
M Creare tabella da pulsante php PHP 6
Occhioverde [PHP] Incrementare variabile al click di un pulsante PHP 5
B [WordPress] inserire pulsante like per ogni post WordPress 2
T [HTML] Problema pulsante scroll down su ecommerce CMS (Content Management System) 0
D [WordPress] [PHP] Pulsante per auto riempire i campi in un modulo WordPress 1
S [PHP] Abilitare un pulsante dopo scelta file... PHP 3
Z [PHP] Informazione al pulsante REFRESH PHP 2
webmachine [WOOCOMMERCE][WORDPRESS] Cambiare testo pulsante Acquista E-Commerce 0
L [Javascript] pulsante form "salva come" in acrobat Javascript 1
R [HTML] Pulsante con effetto dissolvenza (fading) HTML e CSS 10
deejayr Creare un link URL ad un pulsante di una pagina web. Javascript 4
A [Javascript] Pulsante condivisone Javascript 0
G Ciclo if php per far comparire un pulsante solo nel caso in cui una variabile sia 0 PHP 2
G Problema php relativo a funzione di un pulsante PHP 8
O cambio destinazione pulsante indietro del browser. HTML e CSS 0
D Creare pulsante cliccabile wordpress con lista a discesa WordPress 0
M Pulsante modifica HTML e CSS 20
M Creare pulsante condividi di fb alla propria pagina web Social Media Marketing 1
V Jquery non nasconde pulsante jQuery 1
E php problema incremento e decremento di 2 variabili con click da pulsante PHP 0
O Pulsante Share per Facebook PHP 0
A pulsante salva in pagina php PHP 5
L php/mysql - anteprima notizia con pulsante PHP 2
P Cambiare il valore di un campo tabella con un pulsante cliccabile PHP 2
M Pulsante chiudi pagina HTML mostrata in fullscreen da CD con autobot HTML e CSS 1
R pulsante "Add" Sviluppo app per Android 2

Discussioni simili