Шаг в Resizable
Подскажите, пожалуйста.
Для элемента задано свойство Resizable, установлены его параметры, но при установке шага изменения, на страничке элемент меняет размеры без учета ограничения шага: $('#run_resise').resizable({ grid: [32,16], minHeight: 16, minWidth: 32 }); Причем ограничения на минимальные размеры работают. Спасибо |
Приводите конкретный пример и браузер. Например, если сделать так, то всё работает.
|
jsnb, действительно работает.
В этом же браузере! Зараза! ))) вот тут не хочет: http://ledagregator.ru/ Надо таскать за границы дурацкой картинки (чёренькая такая). |
Цитата:
|
jsnb, дык похоже проблема в другом. На глаз вроде бы оно скочет с учетом шага, но когда передаю значение resize в поле формы (на той же страничке поля над этой картинкой), то при умножении в форму передается какая-то хренатень:
$('#run_resise').resizable({ grid: [32,16], minWidth: 32, minHeight: 16, stop: function(event, ui) { $('#order_width').val(parseInt(ui.size.width)*10); $('#order_height').val(parseInt(ui.size.height)*10); } }); Во всяком случает контроль данных в форме сразу матерится: <input type="number" name="order_width" id="order_width" size="7" min="320" max="100000" step="320" /> |
Вместо ui.size.height/ui.size.width юзайте ui.helper.height()/ui.helper.width()
|
Veterinar,
:-? <!doctype html> <html> <head> <meta charset="utf-8"> <title>Resizable</title> <link type="text/css" rel="stylesheet" href="http://sven-soft.com/css/ui-lightness/jquery-ui-1.10.3.custom.min.css"> <style type="text/css"> *{ margin:0; padding:0; } #run_resise{ position:absolute; top:40px; height:16px; width:32px; background:#ccf; } </style> <script type="text/javascript" src="http://sven-soft.com/js/jquery-1.9.1.js"></script> <script type="text/javascript" src="http://sven-soft.com/js/jquery-ui-1.10.3.custom.min.js"></script> <script type="text/javascript"> $(function () { $('#run_resise').resizable({ grid: [32, 16], minWidth: 32, minHeight: 16, stop: function (event, ui) { $('#order_width').val(ui.size.width * 10); $('#order_height').val(ui.size.height * 10); } }); }); </script> </head> <body> <input type="number" name="order_width" id="order_width" size="7" min="320" max="100000" step="320" value="320"/> <input type="number" name="order_height" id="order_height" size="7" min="160" max="100000" step="160" value="160"/> <div id="run_resise" ></div> </body> </html> |
рони, не зря "профессор"! :)
Но тока я так нихрена не понял - отчего у вас работает, а у меня кажет какую-то дурь? |
Цитата:
|
рони, подскажите, может ли это быть из-за того, что в изменяемый див я впендюрил картинку?
|
Veterinar,
возможно нужно вам указать основание системы счисления parseInt(ui.size.height, 10) или неиспользовать parseInt |
jsnb, да, но в примере у Рони работает именно с этими же переменными!
|
Veterinar,
остальной код гадать? |
рони, да я уж попробовал без parseInt... толку - нуль! :)
|
рони, не, гадать не нужно. Я давал ссылку на всю страничку, но там накручено дохренища и Вам там ковыряться вряд ли понравится.
Но, на всяк случай снова: http://ledagregator.ru/ |
Veterinar,
ну ещё укажите value начальное :lol: танцы с бубнами начались |
Veterinar,
работает Цитата:
|
рони, над дураками смеяться грешно! :p
|
Veterinar,
только чтоб результат всегда был кратным нужно корректировать Math.ceil(ui.size.width/32) * 320 Math.ceil(ui.size.height/16) * 160 |
рони, неа. Нихрена оно не работает... гадство!
|
рони, О! Вероятно так, да. Спасибо!
|
рони, большое спасибо!
Всё отлично! Но неужели при использовании просто, без корректировки, могут возникать такие ошибки? Из-за чего? |
Veterinar,
возможно css влияет на конечный размер |
рони, но это удивительно...
Постараюсь в дальнейшем учитывать. |
Часовой пояс GMT +3, время: 18:05. |