Forum PHP.pl > Licznik jquery?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Gotowe rozwiązania > Szukam

Deen

18.09.2010, 23:44:19

Witam, jako ze sam nie umiem napisac prosze o podpowiedz gdzie moge znalezc gotowca aby rozwiazac moj problem oto jego opis:

KOD:

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl-PL">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
  <form>
   <input type="text" name="liczba1" value="" />
   <input type="text" name="liczba2" value="" />
    <input type="submit" value="dodaj" />
  </form>
</body>
</html>
[HTML] pobierz, plaintext

Skrypt na podstawie liczby1 ma sam wypisac liczbe2 bez odswiezania strony, schemat dzialania:

jezeli liczba1 >10 dla liczby2 przypisz liczbe1 + 4
jezeli jest liczba 1<10 dla liczby2 przypisz liczbe 1+5

liczba miala by byc wstawiona do pola liczba2 tak aby mozna bylo ja wyslac dalej do formularza.

Tyle, prosze o pomoc

wookieb

19.09.2010, 07:25:17

Problem rozwiążesz zapoznając się z kursem javascript oraz manualem jquery, bo nawet nic nie próbowałeś.

Deen

19.09.2010, 11:37:20

Czytałem o js i jquery ale najzwyczajniej w świecie tego nie ogarniam dlatego umieściłem to w tym temacie.
Jeżeli to dla kogoś nie problem nadal o to proszę.

markonix

23.09.2010, 22:20:10

Cytat(Deen @ 19.09.2010, 00:44:19 )

Witam, jako ze sam nie umiem napisac prosze o podpowiedz gdzie moge znalezc gotowca aby rozwiazac moj problem oto jego opis:

KOD:

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl-PL">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
  <form>
   <input type="text" name="liczba1" value="" />
   <input type="text" name="liczba2" value="" />
    <input type="submit" value="dodaj" />
  </form>
</body>
</html>
[HTML] pobierz, plaintext

[PHP] pobierz, plaintext 
<script>
$(document).ready(function(){	
	$("input[name=liczba1]").keyup(function(){
    var liczba2 = 0;
    var liczba1 = parseInt($(this).val());
    if (liczba1 < 10) {
      liczba2 = liczba1 + 5;
      $("input[name=liczba2]").val(liczba2);
    }
    else if (liczba1 > 10) {
      liczba2 = liczba1 + 4;
      $("input[name=liczba2]").val(liczba2);
    }
    else {
      $("input[name=liczba2]").val(liczba1);
    }
  });
});
</script>
[PHP] pobierz, plaintext

Pamiętaj o dołączeniu w head biblioteki JQuery.

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.