Как сделать изменение размера рамки в реальном времени?

Question

[Stone-Studio]

fotooboikin.ru/neboskrebyi

Сейчас рамка появляется, если ввести размер в поля (ширина/высота) и провести мышкой по картинке. Как сделать так, что-бы при вводе в форму сразу изменялись размеры выделенной области (и не надо было для этого провести мышкой). Используется плагин imgSelectArea.
odyniec.net/projects/imgareaselect

$(document).ready(function () {

    var height = 0;
    var width = 0;

    var img_width = 0;
    var img_height = 0;

    var min_width = 0;
    var min_height = 0;

    var timer = $.timer(function() {

        height = $('input[name="height"]').val();
        width = $('input[name="width"]').val();

        coaf_get = $('select option:selected').val();
        kachestvo_get = $('input[name=browser]:checked').val();
        add_get = $('input[name=browse]:checked').val();

        img_width = $('.img-posts').width();
        img_height = $('.img-posts').height();

        ****************
        расчет цены
        ***************

        min_height = img_height;
        min_width = img_width;

        if(width > height)
            min_width = img_width;

        if(height > width)
            min_height = img_height;

        if(height == '' || width == '') {
            //alert('Введите высоту и ширину')
        } else {

            $('.img-posts').imgAreaSelect({
                aspectRatio: width + ':' + height,
                handles: true,
                parent: '.kart',
                show: true,
                minWidth: min_width,
                minHeight: min_height,
                keys: true
            });

        }

    });

    timer.set({ time : 1000 });

    timer.play();

});

В результате нужно реализовать как тут:
www.fotooboi4you.ru/masterskaya/4144
(обратите внимание что при вводе ширины и высоты размеры рамки изменяются автоматически)

P.S. Меня интересует что делать после события change. Как жестко задать размеры и расположение рамки?

Answer 1

[Everal]

событие charge
https://api.jquery.com/change/

Comments

[Stone-Studio]

Меня интересует что делать после события change? Как жестко задать размеры и расположение рамки.

[Everal]

Stone-Studio: вызвать эту функцию с нужными параметрами

$('.img-posts').imgAreaSelect({
                aspectRatio: width + ':' + height,
                handles: true,
                parent: '.kart',
                show: true,
                minWidth: min_width,
                minHeight: min_height,
                keys: true
            });