Forum PHP.pl > [js] +1 lub -1 do wartości pola input

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [js] +1 lub -1 do wartości pola input

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

3miel

13.03.2005, 16:05:15

Witam,

Mam cos takeigo (jest tam kawałek kodu JS wiec może to mieć znaczenie i dlatego to napisze):

Kod

<tr><td>Strona:</td><td>
<select name="strona'.$i.'" size="2" onchange="document.getElementById('nr').value=this.value=='l'?'$maxl':'$maxp'">
<option value="l" selected>lewa</option>
<option value="p">prawa</option>
</select>
Kolejno¶ć: <input id=nr type="text" name="nr'.$i.'" value="" size="3" maxlength="3" class="b"></td></tr>

i teraz chce zrobić 2 przyciski [+] i [-], obok pola kolejnośc, które bedą w zalerznosci dodawały 1 albo odejmowały od wartości tego pola.

Na JS nei znam się całkowicie wiec prosze o pomoc.

Mam nadzieję, że dla was to bedzie pestka:P

crash

13.03.2005, 16:34:42

Ja też praktycznie nie znam JS, ale zgadując:

[HTML] pobierz, plaintext 
<a href="javascript:window.nr'.$i.'.value++; return;">+</a>
<a href="javascript:window.nr'.$i.'.value--; return;">-</a>
[HTML] pobierz, plaintext

3miel

13.03.2005, 17:41:28

Twój kod nie działa

A jak to bedzie wyglądało np do <input type="button" ...

crash

13.03.2005, 18:17:50

Ja nie podaje niesprawdzonego kodu... Całość:

[HTML] pobierz, plaintext 
<input type="text" name="nrX" value="0"/>
<a href="javascript:window.nrX.value++; return;">+</a>
<a href="javascript:window.nrX.value--; return;">-</a>
[HTML] pobierz, plaintext

3miel

13.03.2005, 18:26:06

skopiowałem i nie działa. Musze cię rozczarować

Czekam na inny pomysł.

crash

13.03.2005, 18:42:26

Testowałem pod Operą i tam to działało. Cudne IE oczywiście spieprzone i pod tym względem...

[HTML] pobierz, plaintext 
<script type="text/javascript">
function plus()
{
	window.nrX.value++;
	return;
}
function minus()
{
	window.nrX.value--;
	return;
}
</script>
<input type="text" name="nrX" value="0"/>
<a href="javascript:plus();">+</a>
<a href="javascript:minus();">-</a>
[HTML] pobierz, plaintext

3miel

14.03.2005, 16:47:49

A dało by się to przerobić, zęby ten [+] i [-] był input type="button", bo chyab to bedzie inaczej.

revyag

15.03.2005, 09:43:14

Wystarczy że w zdarzeniu onclick inputa dasz to co teraz masz linku.

[HTML] pobierz, plaintext 
<input type="button" onclick="plus()">
[HTML] pobierz, plaintext

3miel

15.03.2005, 13:17:38

czyli mam teraz:

Kod

<input type="text" name="nrX" value="0"/>
<script type="text/javascript">
function plus()
{
window.nrX.value++;
return;
}
function minus()
{
window.nrX.value--;
return;
}
</script>
<input type="button" value=" + " onclick="plus()">
<input type="button" value=" - " onclick="minus()">

i nadal nie działa

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.