изменяемые размеры слева, а не справа - PullRequest
Новая
       4

изменяемые размеры слева, а не справа

1 голос
/ 02 февраля 2011

Функция mootools makeResizable позволяет вам указать дескриптор, что означает, что я могу установить дескриптор слева от элемента, размер которого я хочу изменить. Но операция перетаскивания позволяет тянуть только справа налево, а не слева направо.

Есть ли способ изменить функцию, чтобы я мог это сделать? Я хотел бы иметь возможность использовать ручку слева и справа от моего элемента.

Edit: Кроме того, я установил изменяемый размер для другого элемента для вертикального изменения размера. И логика кажется перевернутой. Я должен прокрутить до максимального элемента меньше. С чего бы это? Абсолютное положение элемента установлено на bottom:0; left:0; (внутри относительного контейнера)

1 Ответ

1 голос
/ 02 февраля 2011

хороший вопрос! Насколько я знаю, обработка как левых, так и правых невозможна напрямую с использованием makeResizable. Кстати, пытаясь сделать некоторые трюки, используя makeDraggable, вы можете установить элемент для изменения размера и 2 перетаскивателя (1 влево, 1 вправо) и перетаскивая каждый элемент, вы можете установить свойства left / width элемента-to -be-изменения размера. т.е.

HTML: 

<div id="resizable">
    <div class="fakeHandler" id="leftHandler">
    </div>
    <div class="fakeHandler" id="rightHandler">
    </div>
</div>

CSS: 

#resizable{
    width:100px;
    height:100px;
    background:red;
    border:1px solid #787878;
    position:absolute;
    left:100px;
    bottom:100px;
}
.fakeHandler{
    height:100px;
    width:10px;
    position:absolute;
}
#leftHandler{
    left:0;
    cursor:e-resize;
}
#rightHandler{
    right:0;
    cursor:w-resize;
}

js: проверить эту скрипку

Этот пример - просто набросок , который необходимо улучшить. Однако я думаю, что это хорошая отправная точка или идея;)

...