Forum PHP.pl > Pole formularz

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Teleseil

5.04.2012, 19:45:10

Witam. Mam pytanie odnośnie formularza. Otóż chce zrobić pole Ilość i Cena, dla ilość daje 1, a dla ceny 2 i po kliknięciu na strzałkę w górę ilość się zwiększa i cena o 2 co kliknięcie, klikam strzałkę w dół cena zmniejsza się o 2. Szukałem w google, ale nie potrafię nic takiego znaleźć ;x

A dokładniej chodzi mi o coś takiego:
LINK

Prawy górny róg logowanie.
Login: test Hasło: 123

I po zalogowaniu, po lewej stronie klik w "La boutique".

Z góry dzięki za pomoc

toffiak

5.04.2012, 19:58:22

Szukaj pod jqueryui spinner lub jquery spinner, pewnie jest jakiś oddzielny plugin.

http://btburnett.com/spinner/example/example.html

Teleseil

6.04.2012, 16:03:44

Odświeżam ;/

d3ut3r

6.04.2012, 16:09:40

@toffiak podał Ci link gdzie znajdziesz to czego szukasz, co tutaj jeszcze odświeżać ?

Teleseil

8.04.2012, 08:42:32

Napisałem takie coś:

[PHP] pobierz, plaintext 
<html>
<head>
	<title>testowe</title>
	<link rel="stylesheet" type="text/css" href="ui.spinner.css" />
	<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/themes/ui-lightness/jquery-ui.css" />
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js"></script>
	<script type="text/javascript" src="ui.spinner.js"></script>
	<script type="text/javascript">
		jQuery().ready(function($) {
			$('#spinnerfast').spinner({ min: 0, max: 1000, increment: 'fast' });
		});
	</script>
</head>
<body>
 
<script type="text/javascript"> 
$(document).ready( 
 
function() 
{ 
$("#spinnerfast").keyup( 
 
function(){ 
var spinnerfast = $("#spinnerfast").val(); 
var cena = $("#cena").val(); 
var ilecena = 2; 
var koniec = $("#wynik"); 
 
if(spinnerfast == '0'){ 
$("#cena").val('0'); 
koniec.html('0'); 
} 
else if(spinnerfast < '0'){ 
$("#cena").val('0'); 
$("#spinnerfast").val('0'); 
koniec.html('0'); 
} 
else { 
$("#cena").val(Number(spinnerfast)*Number(ilecena)); 
koniec.html(Number(spinnerfast)*Number(ilecena)); 
} 
return true; 
} 
); 
}	
); 
</script> 
 
<input type="text" id="spinnerfast" name="spinnerfast" class="spinnerfast" value="0" />
<div id="wynik" name="wynik"></div>
[PHP] pobierz, plaintext

Lecz jak klikam na te strzałki, to wartość się nie zwiększa, dopiero jak wpisze się ręcznie.

KLIK

toffiak

8.04.2012, 09:29:08

Zamień keyup() na change()

Teleseil

9.04.2012, 15:54:15

Ok, śmiga. Dzięki za pomoc.

Mam jeszcze jedno pytanie. W JS jestem początkującym i naprawdę nie mam pojęcia jak to zrobić. Istnieje możliwość żeby nie kopiować całego kodu przy dodaniu większej liczby inputu i zmiany ceny dla tych inputów ? Bo będę miał sporo inputów i kopiować do każdego tyle kodu, to trochę nie optymalnie.

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.