Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Button onclick
Forum PHP.pl > Forum > Przedszkole
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.

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


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ć.

  1. <a href="#" onclick="?;return false;"><img border="0" alt="Obserwuj" title="Obserwuj" src="/pic/obserw.png"></a>


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

  1. <buton id="akcja" data-id="identyfikator">No nadajesz</button>


[JAVASCRIPT] pobierz, plaintext
  1. $("#akcja").on("click", function() {
  2. var id = $(this).data("id");
  3. $.ajax({
  4. url: '/endpoint', // Link z action forma
  5. method: 'POST', // Metoda POST lub GET
  6. data: {
  7. id: id, // parametry
  8. param2: 'value2',
  9. },
  10. success: function(response) { // Odpowiedz poprawna czyli nie koniecznie musi być sukcesem bo sam ustalasz co odpowie serwer gdy id nie bedzie
  11. console.log(response); // Możesz w odpowiedzi dać ok, albo zly parametr i wtedy dodajesz reszte warunków
  12. },
  13. error: function(xhr, status, error) { // Błędy typu 503, 404 i inne
  14. console.log(error);
  15. }
  16. });
  17.  
  18. });
  19.  
[JAVASCRIPT] pobierz, plaintext
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.