Problemino con jqery-ajax-php

[BerniBerat]

Buonasera Signori/e, sono un nuovo utente in questa Comunità (intendo come utente registrato, seguo questo sito da molti anni e penso che sia un ottimo strumento, per imparare sempre nuove nozioni per quanto riguarda il "mondo" della programmazione, e per aggiornarsi! Colgo quindi l'occasione per ringraziarvi per tutti i problemi che, senza saperlo, mi avete aiutato a risolvere ). Ho ventitre anni e sono uno studente universitario, a tempo pieno, di informatica.

Scusate la digressione, torniamo al dunque:

come da titolo, ho un problema specialmente con jquery; sto realizzando una sorta di bacheca (simile a quella di Facebook) in cui, con Php, stampo a video un commento dopo l'altro. Ovviamente ad ogni div assegno un id differente, per poi tenere traccia, nel database, di ogni singolo commento che l'utente inserisce.

Vorrei però inserire un bottone (accetto consigli su cosa inserire) che, una volta cliccato, la funzione jquery prenda l'id del div, lo mandi al mio motore php, il quale, in seguito, provvederà a cancellare dal db solo quel commento ed, infine, restituisca un messaggio all'utente.

Ho un'idea generale di come funziona jquery, ho anche realizzato dei lavoretti particolari e "carini, quindi ho avuto modo di provarlo. Ma con questo problema ho passato molte ore a ragionare su come realizzare questo applicativo senza alcun esito .

Ho un'ampia conoscenza del php, conosco però in maniera alquanto mediocre il jquery!

PS:
gli id dei div (che contengono i commenti) sono generati casualmente ed ovviamente non sono ricorrenti!

Se qualcuno avesse voglia di aiutarmi glie ne sarei grato!!!!
Grazie in anticipo.
Un saluto da Berni.

[Vindav]

il contesto è chiaro, ma precisamente quale difficoltà riscontri? non sai come effettuare una chiamata ajax? hai provato a buttare giù una bozza? hai del codice da farci vedere?

[tampertools]

Qualcosa tipo così

<div id="commenti">
  <div id="destreafhk">
    Ommmamia, ma qianto scrivi?
    <button>Elimina</button>
  </div>
  <div id="desjyddhj">
     Nom è che ti sto facendo un esercizio per l'università?  :p
    <button> Elimina </button>
  </div>
</div>

Beh, fin qui mi sembra tutto facile...

Poi, vediamo il jquery

$("#commenti button").click(function () {
  var comment = $(this).parent("div"); // Recupero il commento
  $.ajax({ // Chiamata ajax
    url: "elimina.php", // Url della pagina
    data: {"id_commento": commento.attr("id")}, // Parametri
    type: "post",
    success: function (result) { // Se il server risponde
       if (result == "deleted") { // Se nella pagina php era stampatu "deleted"
         comment.remove();
         alert("Commento eliminarto! :)");
       } else {
         alert ("Non sono riuscito a eliminare il commento :'(\n" + result);
       }
    }
  });
});

Visto che il php lo conosci... ti dico solo due cose

1. L'id lo recuperi con

   $_POST["id_commento"] 

2. Se cancelli con successo il commento dal db stampa "deleted" nella pagina, altrimenti puoi stampare un messaggio d'errore come ad esempio "Il commento non è presente nei nostri database"

[BerniBerat]

Salve signori =)
Anzitutto vi ringrazio per le risposte, specialmente a Tampertools !!!
Credo che sia propria la soluzione per il mio problema devo soltanto provare ad implementarlo!! =)
Vi farò sapere!! =)
Grazie mille!!

[BerniBerat]

div.png
Eccomi, ho testato il codice ma non riesco a farlo funzionare mmm... =)
Qui sopra potete vedere la gerarchia dei contenitori..
E qui sotto il codice che mi ha gentilmente consigliato il grande Tamper =)..

$("#main button").click(function () {
  var comment = $(this).parent("div"); // Recupero il commento
  alert(comment);
  $.ajax({ // Chiamata ajax
    url: "deleteCom.php", // Url della pagina
    data: {"id_commento": commento.attr("id")}, // Parametri
    type: "get",
    success: function (result) { // Se il server risponde
       if (result == "deleted") { // Se nella pagina php era stampatu "deleted"
         comment.remove();
         alert("Commento eliminarto! :)");
       } else {
         alert ("Non sono riuscito a eliminare il commento :'(\n" + result);
       }
    }
  });
});

Come dicevo, ho provato ma non funge il codice jqu!!! =)
Consigli ?? =)

[BerniBerat]

div.png
Eccomi, ho testato il codice ma non riesco a farlo funzionare mmm... =)
Qui sopra potete vedere la gerarchia dei contenitori..
E qui sotto il codice che mi ha gentilmente consigliato il grande Tamper =)..

$("#main button").click(function () {
  var comment = $(this).parent("div"); // Recupero il commento
  alert(comment);
  $.ajax({ // Chiamata ajax
    url: "deleteCom.php", // Url della pagina
    data: {"id_commento": commento.attr("id")}, // Parametri
    type: "get",
    success: function (result) { // Se il server risponde
       if (result == "deleted") { // Se nella pagina php era stampatu "deleted"
         comment.remove();
         alert("Commento eliminarto! :)");
       } else {
         alert ("Non sono riuscito a eliminare il commento :'(\n" + result);
       }
    }
  });
});

PS: all'interno di ogni contenitore "commento" è presente il button =)
Come dicevo, ho provato ma non funge il codice jqu!!! =)
Consigli ?? =)

[cavicchiandrea]

$(".comment button").click(function(){
var commento = $(this);// Recupero il commento
alert(commento);
$.ajax({// Chiamata ajax
url:"deleteCom.php",// Url della pagina
data:{"id_commento": commento.attr("id")},// Parametri
type:"get",
success:function(result){// Se il server risponde
if(result =="deleted"){// Se nella pagina php era stampatu "deleted"
comment.remove();
alert("Commento eliminarto! ");
}else{
alert ("Non sono riuscito a eliminare il commento :'(\n"+ result);
}
}
});
});

[cassano]

var commento = $(this);// Recupero il commento

Ma questo non recupera il riferimento al bottone ?

[tampertools]

Ups ho abagliato doveva essere
$(this).parent ();...
$(this)"e solo il button. ..

[cavicchiandrea]

Non sono sicuro (anche se è molto probabile) che this si riferisca al button invece che alla classe .comment prova con parent() o senza