Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [MySQL][PHP] Zmiana obrazka bez przeładowania.
Forum PHP.pl > Forum > Przedszkole
GoldeNx3
Witam Was! Pytanie kieruje do Was. Jak zrobić, że jestem na stronie, klikam na obrazek i on zmienia kolor (Lub po prostu obrazek zmieni się na inny) bez przeładowywania strony i w tym czasie wykona się zapis czegoś do bazy danych?
vifus
Np. tak:


  1.  
  2. <a href="skrypt.php"><img src="kli1.gif" border="0" onmouseover="this.src='klik1.gif'" onmouseout="this.src='kli1.gif'"></a>
  3.  


A co dodawania do bazy to trzeba mysql_fetch_row
GoldeNx3
W ten sposób strona mi się nie odświeży?
vifus
Obrazek się zmieni bez odświeżenia strony, a żeby dodać do bazy bez odświeżenia to będziesz potrzebował Jquery.
Posio
do wykonania zapytania bez przeładowania jest Ci potrzebny AJAX - poczytaj na google. A do zmiany obrazka na inny po prostu onmouseover albo onClick - Podstawy JS


@up - chyba się spóźniłem ^^
Future
Polecam zainteresować się javascriptem, a dokładniej to biblioteką jQuery.
Jeszcze dokładniej? $.ajax

(skrypt zapisu do bazy umieszczasz sobie wtedy w oddzielnym pliku, który będzie wywoływany przez ww. metodę)

edit: ups, może nie pierwszy ale próbowałem pomóc smile.gif pozdrawiam
GoldeNx3
No właśnie nie znam się zbytnio na Ajaxie ani pochodnych.. Znalazłem na internecie takie coś:

  1. <script type="text/javascript">
  2. function wyslij() {
  3. f = $("#formularz") ;
  4. txt = getFormValues( f[0] ) ;
  5. txt = escape( txt ) ;
  6. $.ajax( {
  7. type: "POST",
  8. url: "skrypt_obslugujacy_wyslane_dane.php",
  9. data: "txt="+txt,
  10. // dane mogą być także przesłane bez "txt="+ i bez escape, wtedy każde pole z formularza będzie szło jako osobna zmienna
  11. success: function(result) {
  12. // tutaj obsługa odesłanych danych
  13. odbierz_dane( result ) ;
  14. }
  15. } ) ;
  16. return false ;
  17. }
  18. </script>


Tylko zbytnio nie rozumiem o co w tym chodzi i jak się za to zabrać.
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.