Button onclick Opcje

[trebron]

Dzień dobry.
Posiadam w opisie pozycji muzycznej o nazwie pliku detale.php button dodawania do obserwowanych.
po kliknieciu wykonuje akcje z pliku obserwowany.php, pojawia się informacja ze utwor zostal dodany i zostaje strona odświeżona a button zmienia się na Usun z obserwowanych z godznie z poniższym kodem.

[PHP] pobierz, plaintext 
if (mysqli_num_rows($obserw) == 0){  
   $bookmarks = $bookmarks."<a href='obserwowany.php?utwor=$row[id]' class='altlink'><input type='button' value='Obserwuj' class='klawisz'></a>";
  }
   else {
   $bookmarks = $bookmarks."<a href='obserwowany.php?delobserwowany=$obserw[id]' class='altlink'><input type='button' value='Usuń z obserwowanych' class='klawisz'></a>";
   }
[PHP] pobierz, plaintext 

Moim celem jest aby była możliwość dodania utworow muzycznych do obserwowanych prosto z listy utworow, aby nie wchodzić w opis a po kliknięciu dodawało do obserwowanych i nie odświeżało strony.
W tym celu chcę dodać button onclick ale nie mogę sobie z nim poradzić bo nie za bardzo wiem jak to ma wyglądać.

[PHP] pobierz, plaintext 
<a href="#" onclick="?;return false;"><img border="0" alt="Obserwuj" title="Obserwuj" src="/pic/obserw.png"></a>
[PHP] pobierz, plaintext 

Można prosić o jakieś cenne wskazówki?

[Salvation]

Musisz napisać JS-a, który będzie "gadać" z PHP-em po AJAX-ie.

[trebron]

mam JS-a onclick zaznaczania tekstu w tekstarea i do rozwijania tekstu po kliknieciu ktorego otwiera się ramka z tekstem, ale tego nie wiem w jaki sposob napisac.

[Salvation]

To wrzuć to co już masz, a my poprawimy.

[Johnas]

robisz tak

[HTML] pobierz, plaintext 
<buton id="akcja" data-id="identyfikator">No nadajesz</button>
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
$("#akcja").on("click", function() {
   var id = $(this).data("id");
   $.ajax({
       url: '/endpoint', // Link z action forma
       method: 'POST', // Metoda POST lub GET
       data: {
           id: id, // parametry
           param2: 'value2',
       },
       success: function(response) { // Odpowiedz poprawna czyli nie koniecznie musi być sukcesem bo sam ustalasz co odpowie serwer gdy id nie bedzie
           console.log(response); // Możesz w odpowiedzi dać ok, albo zly parametr i wtedy dodajesz reszte warunków
       },
       error: function(xhr, status, error) { // Błędy typu 503, 404 i inne
           console.log(error);
       }
   });
 
});
 
[JAVASCRIPT] pobierz, plaintext