Форум

Alex_dark74 · #1 (**permalink**) 05.09.2013, 12:40

Есть вот:

<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)"
но почему то не меняется

ruslan_mart · #2 (**permalink**) 05.09.2013, 13:06

<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" />

Вы об этом?

Alex_dark74 · #3 (**permalink**) 05.09.2013, 13:20

Я правильно понял, что здесь функция встроина прям в input?!?!?!
Че то не работает!
У меня размеры определены через Стили

ruslan_mart · #4 (**permalink**) 05.09.2013, 13:24

Alex_dark74, да, при потере фокуса она срабатывает.

Alex_dark74 · #5 (**permalink**) 05.09.2013, 13:37

Вот ситуация!
Почему то реагирует только на 0. Но когда див становится размером 0 на 0, то он ни на что не реагирует. В принципе он и так ни на что не реагирует кроме 0...

рони · #6 (**permalink**) 05.09.2013, 13:38

Alex_dark74,

<!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>

Alex_dark74 · #7 (**permalink**) 05.09.2013, 19:00

Вот такая функция:

function temp (width){
    $("#pic").css("width","200px");
  }

Она работает.
А вот так:

function temp (width){
    $("#pic").css("width",width);
  }

не работает! Почему?

Яростный Меч · #8 (**permalink**) 05.09.2013, 23:11

Сообщение от Alex_dark74

А вот так:
function temp (width){
$("#pic").css("width",width);
}

не работает! Почему?

наверно потому что width просто число
а надо с "px" в конце

ruslan_mart · #9 (**permalink**) 06.09.2013, 05:00

function temp(width) {
    $('#pic').css('width', width + 'px');
}

Форум

Справочник

Discord чат

Курсы javascript