JavaScript drag and Snap to browser window -


i want modify below function able not have drag bounds of browser window, "snap" when drag 15px away bounds.

zopim has in chat widget, see: http://zopim.com (click on chat icon on bottom right corner , start dragging widget end of browser window)

my current function here: http://jsfiddle.net/n6a4q/

code:

function enabledragging(ele) {      var dragging = dragging || false,         x, y, ox, oy,         current;      enabledragging.z = enabledragging.z || 1;     var grabber = ele;     grabber.onmousedown = function (ev) {         ev = ev || window.event;         var target = ev.target || ev.srcelement;         current = target.parentnode;         dragging = true;         x = ev.clientx ;         y = ev.clienty ;         ox = current.offsetleft;         oy = current.offsettop;         current.style.zindex = ++enabledragging.z;         // cached value         var viewportwidth = viewport().width;         var viewportheight = viewport().height;          document.onmousemove = function (ev) {             ev = ev || window.event;              if (dragging == true) {                 var sx = parsefloat(ev.clientx) - x + ox;                 var sy = parsefloat(ev.clienty) - y + oy;                 current.style.left = math.min(math.max(sx, math.min(viewportwidth - sx, 0)), viewportwidth - current.offsetwidth) + "px";                 current.style.top = math.min(math.max(sy, math.min(viewportheight - sy, 0)), viewportheight - current.offsetheight) + "px";             }         }          document.onselectstart = function () {             return false;         };          document.onmouseup = function (ev) {             ev = ev || window.event;             dragging && (dragging = false);             if (ev.preventdefault) {                 ev.preventdefault();             }         }          document.body.style.mozuserselect = "none";         document.body.style.cursor = "default";          return false;     }; }  function viewport() {     var e = window     , = 'inner';     if ( !( 'innerwidth' in window ) ) {         = 'client';         e = document.documentelement || document.body;     }     return { width : e[ a+'width' ] , height : e[ a+'height' ] } }

how make snap the bounds of window in same way?

any ideas?


Comments

Post a Comment

Popular posts from this blog

php - Wordpress website dashboard page or post editor content is not showing but front end data is showing properly -

Image
recently have uploaded wordpress site onto server. have uploaded wordpress site in sub-folder under root folder ../root(domain root folder)/wordpress (where host wordpress folder). now problem content data in page or post in dashboard of wordpress admin panel not showing - see image. but data showing in front view - see image. if not browser cache issue , not issue happened tinymce editor during upgrade; try add config file: define('concatenate_scripts', false);
Read more

How to get the ip address of VM and use it to configure SSH connection dynamically in Ansible -

i trying ip address of vm , trying use establish ssh vm. following script: --- - hosts: localhost become: yes connection: local gather_facts: false serial: 1 vars_files: - createvmvars.yml tasks: - name: gathering vm info. vsphere_guest: vcenter_hostname: "{{vcenter_hostname}}" username: "{{vcenter_username}}" password: "{{vcenter_password}}" guest: "{{guest_name}}" vmware_guest_facts: yes register: var - debug: msg="{{var.ansible_facts.hw_eth0.ipaddresses[0]}}" - name: establishing ssh connection. script: /home/shasha/devops/scripts/ssh_configure.sh "{{var.ansible_facts.hw_eth0.ipaddresses[0]}}" following content of ssh_configure.sh : #!/bin/sh ssh-keygen -t rsa ssh-copy-id $1 but when running playbook, getting following error while executing third task: error! 'var' undefined but debug module(second task) printin
Read more

javascript - Get parameter of GET request -

i make request: createxhrrequest( "get", fileurl, function( err, response ) { if( err ) { alert( "error get!" ); } alert(response); }); and full response: { "status" : "ok", "message" : "jvberi0xljqkjdduxdgkmy how can jvberi0xlj ? i try response.message , response["message"]. nothing works. just simple access this: var json = json.parse(response); json.message
Read more