[MySQL][PHP] Zmiana obrazka bez przeładowania. Opcje

[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:

[HTML] pobierz, plaintext 
 
<a href="skrypt.php"><img src="kli1.gif" border="0" onmouseover="this.src='klik1.gif'" onmouseout="this.src='kli1.gif'"></a>
 
[HTML] pobierz, plaintext 

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 ^^

Ten post edytował Posio 7.04.2012, 22:21:40

[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 pozdrawiam

Ten post edytował Future 7.04.2012, 22:21:35

[GoldeNx3]

No właśnie nie znam się zbytnio na Ajaxie ani pochodnych.. Znalazłem na internecie takie coś:

[PHP] pobierz, plaintext 
<script type="text/javascript">
function wyslij() {
 f = $("#formularz") ;
 txt = getFormValues( f[0] )  ;
 txt = escape( txt ) ;
 $.ajax( {
   type: "POST",
   url: "skrypt_obslugujacy_wyslane_dane.php",
   data: "txt="+txt,
// 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
   success: function(result) {
     // tutaj obsługa odesłanych danych
     odbierz_dane( result ) ;
   }
 } ) ;
 return false ;
}
</script>
[PHP] pobierz, plaintext 

Tylko zbytnio nie rozumiem o co w tym chodzi i jak się za to zabrać.