Button na obrazek. Opcje

[GoldeNx3]

Witam! Korzystam z tego skryptu:

http://www.webskrypty.pl/2010/dodawanie-re...-pomoca-jquery/

Ale mam do Was pytanie, jak zamiast buttona wrzucić swój obrazek?

[tolomei]

Witaj.

Skrypt jest zrobiony tak, aby formularz działał zarówno przy włączonym jak i wyłączonym JavaScript.
Obrazek <img ... /> można przemieścić lub osadzić w divie jeśli tego potrzebujesz - najważniejsze, aby posiadał nadane id.

[PHP] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function(){
 $("form#submit").submit(function() {
  // Przechwytujemy wartości z formularza i przesyłamy je do pliku insert.php
  var imie = $('input[name=imie]');
  var nazwisko = $('input[name=nazwisko]');
 
  // Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu
  if(imie.val() == "") {
   $('div.blad').fadeIn(400);
   // Usuwamy wiadomość o błędzie po 4 sekundach
   setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000);
   return false;
  }
 
  // Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu
  if(nazwisko.val() == "") {
   $('div.blad').fadeIn(400);
   // Usuwamy wiadomość o błędzie po 4 sekundach
   setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000);
   return false;
  }
 
  var data = 'imie=' + imie.val() + '&amp;nazwisko=' + nazwisko.val();
 
  $.ajax({
   type: "POST",
   url: "insert.php",
   data: data,
   success: function(){
    // Usuwamy wpisane dane
    $('#imie').val('');
    $('#nazwisko').val('');
    // Wyświetlamy wiadomość o poprawnym dodaniu użytkownika
    $('div.dodano').fadeIn(400);
    // Usuwamy wiadomość o poprawnym dodaniu użytkownika po 4 sekundach
    setTimeout(function(){ $("div.dodano").fadeOut(400) }, 4000);
   }
 
  });
  return false;
 });
 
 $('button#submit').css('display', 'none');
 $('img#wyslij').click(function(){
    $("form#submit").trigger('submit');
 }).css('display', '');
 
});
</script>
[PHP] pobierz, plaintext 

[HTML] pobierz, plaintext 
<form id="submit" method="post" name="submit" action="">
   <fieldset>
    <legend>DODAJ UŻYTKOWNIKA</legend>
 
    <label for="imie">Imię:</label>
    <br />
    <input type="text" name="imie" id="imie" class="text" size="20" />
    <br />
    <label for="nazwisko">Nazwisko:</label>
    <br />
    <input type="text" name="nazwisko" id="nazwisko" class="text" size="20" />
    <br /><br />
    <img src="..." id="wyslij" style="display: none;" />
    <button type="submit" id="submit"> Dodaj użytkownika </button>
   </fieldset>
</form>
 
<div class="dodano" style="display:none;">
   <p><img class="tick" src="tick.png" alt="" />Użytkownik został dodany do bazy.</p>
</div>
<div class="blad" style="display:none;">
   <p><img class="error" src="error.png" alt="" />Uzupełnij pola w formularzu!</p>
</div>
[HTML] pobierz, plaintext 

Pozdrawiam.