Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Wyświetlenie się diva po wpisaniu liczby
JamalBIG
post
Post #1





Grupa: Zarejestrowani
Postów: 496
Pomógł: 1
Dołączył: 16.01.2008
Skąd: Świnoujście

Ostrzeżenie: (0%)
-----


Witam

Prosił bym o nakierowanie w jaki sposób mogę wyświetlić DIV pod polem INPUT gdy wartość w nim wpisana będzie mniejsza od 5?

Z góry dzięki za odpowiedź
Pozdrawiam
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
pitu
post
Post #2





Grupa: Zarejestrowani
Postów: 476
Pomógł: 96
Dołączył: 10.04.2008
Skąd: Koszalin

Ostrzeżenie: (0%)
-----


Proszę:
http://jsfiddle.net/yf3tB/6/
Go to the top of the page
+Quote Post
JamalBIG
post
Post #3





Grupa: Zarejestrowani
Postów: 496
Pomógł: 1
Dołączył: 16.01.2008
Skąd: Świnoujście

Ostrzeżenie: (0%)
-----


Dzięki wielkie za pomoc ale co robię źle?

Kod
<script src="http://code.jquery.com/jquery-1.8.2.js" type="text/javascript"></script>

<script type="text/javascript">
var div = $('#msg').hide();

$('#txt').keyup(function() {

    var value = this.value;

    if (value < 5) {
        div.fadeIn();
    } else {
        div.fadeOut();
    }

});​
</script>
<div id="msg">tekst</div>
<input type="text" id="txt"/>​
Go to the top of the page
+Quote Post
pitu
post
Post #4





Grupa: Zarejestrowani
Postów: 476
Pomógł: 96
Dołączył: 10.04.2008
Skąd: Koszalin

Ostrzeżenie: (0%)
-----


Musisz najpierw stworzyć diva, a dopiero go ukrywać. Teraz wywołujesz:
  1. var div = $('#msg').hide();

pomimo tego, że div o takim id jeszcze nie istnieje. (IMG:style_emoticons/default/smile.gif)

Kod
<script src="http://code.jquery.com/jquery-1.8.2.js" type="text/javascript"></script>

<div id="msg">tekst</div>
<input type="text" id="txt"/>
<script type="text/javascript">
var div = $('#msg').hide();

$('#txt').keyup(function() {

    var value = this.value;

    if (value < 5) {
        div.fadeIn();
    } else {
        div.fadeOut();
    }

});​
</script>


Ten post edytował pitu 4.12.2012, 21:29:59
Go to the top of the page
+Quote Post
JamalBIG
post
Post #5





Grupa: Zarejestrowani
Postów: 496
Pomógł: 1
Dołączył: 16.01.2008
Skąd: Świnoujście

Ostrzeżenie: (0%)
-----


Rzeczywiście, małe niedopatrzenie, dzięki za pomoc ale mam jeszcze pytanie natury technicznej - czy można ustawić skrypt tak aby sprawdzał pole INPUT kiedy tylko zajdzie w nim zmiana (wartość jest zmieniana za pomocą innego kodu javascript) - teraz aby tekst się wyświetlił muszę kliknąć na pole i wpisać wartość 'ręcznie'
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 21:57