[PHP][JavaScript] Kliknięcie przycisku Opcje

[dudek90]

Witam,

Mam pytanie:
Czy możliwe jest aby poprzez JavaScript wywołać naciśnięcie przycisku typu submit ?

Chodzi o to, że mam formularz i gdy nacisnę przycisk to dane z formularza zapisywane są w bazie.
Chciałbym jednak do pól tekstowych w formularzu dodać zdarzenie typu onchange i przypisać mu kliknięcie tego przycisku odpowiedzialnego za zapisanie danych z formularza.
Dzięki temu po każdym przejściu do nowego pola tekstowego moja baza będzie aktualizowana.

Za wszelkie wskazówki i podpowiedzi bardzo dziękuję. (IMG:style_emoticons/default/smile.gif)

Edit:
Poszukałem trochę i znalazłem sposób z wysyłaniem formularza przez javascript jednak wszystko a potem sprawdzaniem zmiennej $_POST.
Odbywa się to jednak z przeładowaniem strony. Aby odbywało się bez przeładowania strony trzeba użyć chyba tego AJAXA.
Mógłby mi ktoś podać jakiś prosty przykład?

Ten post edytował dudek90 24.02.2012, 00:12:13

[Kostek.88]

Wydaje mi się, że najłatwiej jest to zrobić z jQuery...

1) na piechotę - trudniej

HTML:

[HTML] pobierz, plaintext 
<form id="formularz">
   <label for="cos">Cos do zapisania:</label>
   <input type="text" name="cos" id="cos" />
</form>
[HTML] pobierz, plaintext 

JS:

[PHP] pobierz, plaintext 
 
$('form#formularz :input').change(function(){
 
   var dane = JSON.stringify( $('form#formularz').serializeArray() );
 
   $.ajax({
      type: 'POST',
      url: 'sciezka_do/pliku.php?dane=' + dane,
 
      success: function(data) {
           console.log(data); // tu możesz wyświetlić sobie co dokładnie zostało zwrócone przez skrypt PHP, do którego się odwołujesz
           console.log('zapisano pomyslnie');
      },
 
      beforeSend() {
         console.log('wysylanie...');
      },
 
      error: function() {
         console.log('error...');
      }
   });
 
});
[PHP] pobierz, plaintext 

PHP

[PHP] pobierz, plaintext 
 
$dekodowane_dane = json_decode($_GET['dane']);
 
foreach($dekowane_dane as $dane) {
   $$dane["name"] = $dane["value"];
}
 
[PHP] pobierz, plaintext 

Powinieneś w ten sposób otrzymać nazwy zmiennych odpowiadające nazwom pól fomularza z wartościami odpowiadającymi... wartościom (IMG:style_emoticons/default/wink.gif) Pisane z pamięci, więc mogą być jakieś małe błędy, w każdym razie będzie Ci łatwiej znaleźć rozwiązanie.

2) przy pomocy pluginu:

http://jquery.malsup.com/form/ - sam używam i uważam, że to genialne rozwiązanie. Ma dużo możliwości i jest banalne w użyciu.

Ten post edytował Kostek.88 24.02.2012, 00:27:25