Get Mouse Position

by vijayweb

HTML

<a href="#"><div id='online' style="backgroud=blue; width=20px; height-30px;">Online</div></a>

CSS

#online {
    background:blue;
    width:60px;
    height:40px;
    color:white;
    margin-top:40px;
    margin-left:30px;

}

JavaScript

$(document).click(function(eventObj) {
   
    
 var mospos =  eventObj.pageX + "|" + eventObj.pageY; 
 var resn = $(window).height() + "|" + $(window).width();
    
var x = eventObj.target;

  var domcds =   $(x).offset().left + "|" +
         $(x).offset().top + "|" +
    $(x).width() + "|" +
    $(x).height();
    
    

    function getClasses(obj){
        if (obj.className!=''){
            return '.'+obj.className.split(' ').join('.');
        }
        return '';
    }
    function getID(obj){
        if (obj.id!=''){
            return '#'+obj.id;
        }
        return '';
    }
    function getQualifiedSelector(obj){
        return obj.nodeName+getID(obj)+getClasses(obj)
    }
    var path = [getQualifiedSelector(eventObj.target)];
    $(eventObj.target).parents().each(function(){
        path.splice(0,0,getQualifiedSelector(this));
    })
    var dompath = (path.join('-'));
     
    
    var data = domcds + "|" + mospos + "|" + resn + "|" + dompath;
    alert(data);
    eventObj.stopPropagation();
    eventObj.preventDefault();
    return false;
    
    
   
    
   
})