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
Pełna wersja: Wyświetlenie się diva po wpisaniu liczby
Proszę:
http://jsfiddle.net/yf3tB/6/
http://jsfiddle.net/yf3tB/6/
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"/>
<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"/>
Musisz najpierw stworzyć diva, a dopiero go ukrywać. Teraz wywołujesz:
pomimo tego, że div o takim id jeszcze nie istnieje.
pomimo tego, że div o takim id jeszcze nie istnieje.
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>
<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>
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'
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.