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