Forum PHP.pl > [JavaScript]zmiana inputa po odkliknięciu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]zmiana inputa po odkliknięciu

Randallmaster

14.01.2013, 12:35:05

Witam,

Nie wiem jak dokładnie to wytłumaczyć, ale mam nadzieję że zrozumiecie.

Posiadam takie coś:

no i tak.

Uznajemy że pozostało do zapłaty: 111 zł
teraz klikam na pole pokaz_zaplacono i wpisuje: 12 zł

Po kliknięciu enter chciałbym aby pozostało do zapłaty automatycznie się zmieniło na 99 zł

W jaki sposób mogę osiągnąć ten wynik?

tvister

14.01.2013, 12:51:42

Podczas eventu onkeypress (lub coś takiego ) należy rozpoznać jaki to klawisz(kod) został naciśnięty oraz ustawić na niego akcje.

Randallmaster

14.01.2013, 12:54:51

Zapomniałem dodać że pracuje na jquery ;/
no i generalnie ucze się jquery

tvister

14.01.2013, 13:00:47

http://stackoverflow.com/questions/1160008...key-with-jquery

Randallmaster

14.01.2013, 13:06:05

czemu nie działa??

[PHP] pobierz, plaintext 
	$("pokaz_zaplacono").keydown(function(){
	var zap = $('#pokaz_zaplacono').val();
	zaplacono = eval(123 - zap);
		$("pozostalo").val(zaplacono);
	});  
[PHP] pobierz, plaintext

SmokAnalog

14.01.2013, 13:08:17

Bo "pokaz_zaplacono" to nie tag

Powinno być $("#pokaz_zaplacono").

b4rt3kk

14.01.2013, 13:17:03

Jeśli opakujesz ten input i submit w form to wtedy możesz za pomocą jQuery przechwycić wysłanie formularza (czyli wciśnięcie ENTER), inny sposób:

[HTML] pobierz, plaintext 
$(function() {
  $('#pokaz_zaplacono').keyup(function() {
    $('#pozostalo').html(111 - parseInt($(this).val()));
  });
});
[HTML] pobierz, plaintext

Sposób z form:

[HTML] pobierz, plaintext 
<form action="#" method="POST" id="formularz">
<input id="pokaz_zaplacono" type="text" />
<input type="submit" />
</form>
<p id="pozostalo"></p>
 
<script type="text/javascript">
$(function() {
  $('#formularz').submit(function() {
  $('#pozostalo').html(111 - parseInt($('#pokaz_zaplacono').val()));
 
  return false;
  });
});
</script>
[HTML] pobierz, plaintext

Randallmaster

14.01.2013, 13:55:27

hmm wciśnięcie enter może źle to napisałem, klikam w pole w pisuje np. 12 i klikam gdziekolwiek indziej poza tym polem i od razu mi wylicza..

b4rt3kk

14.01.2013, 14:50:08

Cytat(Randallmaster @ 14.01.2013, 13:55:27 )

hmm wciśnięcie enter może źle to napisałem, klikam w pole w pisuje np. 12 i klikam gdziekolwiek indziej poza tym polem i od razu mi wylicza..

Więc ta funkcja spełni Twoje oczekiwania:

[HTML] pobierz, plaintext 
$(function() {
  $('#pokaz_zaplacono').blur(function() {
    $('#pozostalo').html(111 - parseInt($(this).val()));
  });
});
[HTML] pobierz, plaintext

Randallmaster

14.01.2013, 15:40:08

Cytat(b4rt3kk @ 14.01.2013, 14:50:08 )

Więc ta funkcja spełni Twoje oczekiwania:

[HTML] pobierz, plaintext 
$(function() {
  $('#pokaz_zaplacono').blur(function() {
    $('#pozostalo').html(111 - parseInt($(this).val()));
  });
});
[HTML] pobierz, plaintext

hmmm. twoja funkcja niestety nie spełnia moich oczekiwań.. natomiast prawie udało mi się zrobić ale popełniam gdzieś głupi błąd. Mój kod:

[PHP] pobierz, plaintext 
	$("#pokaz_zaplacono").focusout(function() {
	var zap = $('#pokaz_zaplacono').val();
		$("#pozostalo").val(eval(zap.val()+2));
	});
[PHP] pobierz, plaintext

w polu $('#pokaz_zaplacono') wpisuje np. 5 a w polu pozostało pokazuje mi 52 czyli dodaje liczby ale nie do siebie tylko tak jakby traktuje jako tekst...

b4rt3kk

14.01.2013, 15:45:21

Cytat(Randallmaster @ 14.01.2013, 15:40:08 )

hmmm. twoja funkcja niestety nie spełnia moich oczekiwań.. natomiast prawie udało mi się zrobić ale popełniam gdzieś głupi błąd. Mój kod:

[PHP] pobierz, plaintext 
	$("#pokaz_zaplacono").focusout(function() {
	var zap = $('#pokaz_zaplacono').val();
		$("#pozostalo").val(eval(zap.val()+2));
	});
[PHP] pobierz, plaintext

w polu $('#pokaz_zaplacono') wpisuje np. 5 a w polu pozostało pokazuje mi 52 czyli dodaje liczby ale nie do siebie tylko tak jakby traktuje jako tekst...

[HTML] pobierz, plaintext 
var zap = parseInt($('#pokaz_zaplacono').val());
$("#pozostalo").val(eval(zap+2));
[HTML] pobierz, plaintext

Randallmaster

14.01.2013, 15:51:20

Bartek Powodzenie! W końcu działa

Widzę że nie znałem tylko jednej pozycji: parseInt() do czego jest ta funkcja??

b4rt3kk

14.01.2013, 17:22:17

Cytat(Randallmaster @ 14.01.2013, 15:51:20 )

Bartek Powodzenie! W końcu działa

Widzę że nie znałem tylko jednej pozycji: parseInt() do czego jest ta funkcja??

Jest to funkcja JS, wymusza typ zmiennej, w tym przypadku INTEGER. Jeśli będziesz używał liczb zmiennoprzecinkowych wtedy użyj parseFloat().

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.