вопрос по jquery
Есть вот:
<input id="size_x" type="text" size="10"/> х <input id="size_y" type="text" size="10"/> мм. к этой паре необходимо прикрутить функцию function pic_div (width,height){
$("#pic").css("width",width);
$("#pic").css("height",height);
}
И мне не нравятся вот эти 2 строки: $("#pic").css("width",width); $("#pic").css("height",height); Явно их можно в одну... Пробовал вот так onfocus="pic_div(this)" но почему то не меняется |
<input id="size_x" onblur="$('#pic').width(this.value)" type="text" size="10" /> х <input id="size_y" onblur="$('#pic').height(this.value)" type="text" size="10" />
Вы об этом? |
Я правильно понял, что здесь функция встроина прям в input?!?!?!
Че то не работает! У меня размеры определены через Стили |
Alex_dark74, да, при потере фокуса она срабатывает.
|
Вот ситуация!
Почему то реагирует только на 0. Но когда див становится размером 0 на 0, то он ни на что не реагирует. В принципе он и так ни на что не реагирует кроме 0... |
Alex_dark74,
:write: <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(function () {
$('[id^="size_"]')
.bind("change keyup",function () {
var width = $("#size_x").val(), height = $("#size_y").val();
width && height && $("#pic").css({"width": width,"height": height});
})
})
</script>
</head>
<body>
<img id="pic" src="http://bxslider.com/images/730_200/tree_root.jpg" /><br>
<input id="size_x" type="text" size="10"/> х <input id="size_y" type="text" size="10"/> мм.
</body>
</html>
|
Вот такая функция:
function temp (width){
$("#pic").css("width","200px");
}
Она работает. А вот так: function temp (width){
$("#pic").css("width",width);
}
не работает! Почему? |
Цитата:
а надо с "px" в конце |
function temp(width) {
$('#pic').css('width', width + 'px');
}
|
| Часовой пояс GMT +3, время: 09:40. |