| 2712 | } |
| 2713 | |
| 2714 | function addResizeHandle(gui) { |
| 2715 | |
| 2716 | gui.__resize_handle = document.createElement('div'); |
| 2717 | |
| 2718 | common.extend(gui.__resize_handle.style, { |
| 2719 | |
| 2720 | width: '6px', |
| 2721 | marginLeft: '-3px', |
| 2722 | height: '200px', |
| 2723 | cursor: 'ew-resize', |
| 2724 | position: 'absolute' |
| 2725 | // border: '1px solid blue' |
| 2726 | |
| 2727 | }); |
| 2728 | |
| 2729 | var pmouseX; |
| 2730 | |
| 2731 | dom.bind(gui.__resize_handle, 'mousedown', dragStart); |
| 2732 | //dom.bind(gui.__closeButton, 'mousedown', dragStart); |
| 2733 | |
| 2734 | gui.domElement.insertBefore(gui.__resize_handle, gui.domElement.firstElementChild); |
| 2735 | |
| 2736 | function dragStart(e) { |
| 2737 | |
| 2738 | e.preventDefault(); |
| 2739 | |
| 2740 | pmouseX = e.clientX; |
| 2741 | |
| 2742 | //dom.addClass(gui.__closeButton, GUI.CLASS_DRAG); |
| 2743 | dom.bind(window, 'mousemove', drag); |
| 2744 | dom.bind(window, 'mouseup', dragStop); |
| 2745 | |
| 2746 | return false; |
| 2747 | |
| 2748 | } |
| 2749 | |
| 2750 | function drag(e) { |
| 2751 | |
| 2752 | e.preventDefault(); |
| 2753 | |
| 2754 | gui.width += pmouseX - e.clientX; |
| 2755 | gui.onResize(); |
| 2756 | pmouseX = e.clientX; |
| 2757 | |
| 2758 | return false; |
| 2759 | |
| 2760 | } |
| 2761 | |
| 2762 | function dragStop() { |
| 2763 | |
| 2764 | //dom.removeClass(gui.__closeButton, GUI.CLASS_DRAG); |
| 2765 | dom.unbind(window, 'mousemove', drag); |
| 2766 | dom.unbind(window, 'mouseup', dragStop); |
| 2767 | |
| 2768 | } |
| 2769 | |
| 2770 | } |
| 2771 | |