Skip to content

Instantly share code, notes, and snippets.

@projoomexperts
Last active August 29, 2015 14:17
Show Gist options
  • Save projoomexperts/3b7beb1b10766f9b00a3 to your computer and use it in GitHub Desktop.
Save projoomexperts/3b7beb1b10766f9b00a3 to your computer and use it in GitHub Desktop.
It was a joomla module. I am just putting the important parts of this script. You will have to customize it for your wordpress site.
First declare some variables.
echo '<script language="javascript">
var fan_page_url = "'.$params->get( 'fkbook_url' ).'";
var opacity = '.$params->get( 'fkbook_opacity' ).';
var time = '.$params->get( 'fkbook_time' ).';
var width = '.$params->get( 'fkbook_width' ).';
var height = '.$params->get( 'fkbook_height' ).';
</script>';
Then load like.js
echo '<script language="javascript" src="modules/mod_js_facebook_fans_generator/tmpl/js/like.js"></script>';
Here is the content of like.js
if((document.getElementById) && window.addEventListener || window.attachEvent){
(function(){
var hairCol = "#ff0000";
var d = document;
var my = -10;
var mx = -10;
var r;
var vert = "";
var idx = document.getElementsByTagName('div').length;
var thehairs = "<iframe id='theiframe' scrolling='no' frameBorder='0' allowTransparency='true' src='http://www.facebook.com/widgets/like.php?href=" + encodeURIComponent(fan_page_url) + "&amp;layout=standard&amp;show_faces=true&amp;width=320&amp;action=like&amp;colorscheme=light&amp;height=100' style='z-index:10000;margin-top:"+ width +"px;margin-left:"+ height +"px;position:absolute;width:320px;height:100px;overflow:hidden;border:0;opacity:" + opacity +";filter:alpha(opacity=" + opacity * 100+ ");'></iframe>";
document.write(thehairs);
var like = document.getElementById("theiframe");
document.getElementsByTagName('body')[0].appendChild(like);
var pix = "px";
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
if (domWw)
r = window;
else{
if (d.documentElement && typeof d.documentElement.clientWidth == "number" && d.documentElement.clientWidth != 0)
r = d.documentElement;
else{
if (d.body && typeof d.body.clientWidth == "number")
r = d.body;
}
}
if(time != 0){
setTimeout(function(){
document.getElementsByTagName('body')[0].removeChild(like);
if (window.addEventListener){
document.removeEventListener("mousemove",mouse,false);
}
else if (window.attachEvent){
document.detachEvent("onmousemove",mouse);
}
}, time);
}
function scrl(yx){
var y,x;
if (domSy){
y = r.pageYOffset;
x = r.pageXOffset;
}
else{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0) ? y:x;
}
function mouse(e){
var msy = (domSy)?window.pageYOffset:0;
if (!e)
e = window.event;
if (typeof e.pageY == 'number'){
my = e.pageY - 5 - msy;
mx = e.pageX - 4;
}
else{
my = e.clientY - 6 - msy;
mx = e.clientX - 6;
}
vert.top = my + scrl(0) + pix;
vert.left = mx + pix;
}
function ani(){
vert.top = my + scrl(0) + pix;
setTimeout(ani, 300);
}
function init(){
vert = document.getElementById("theiframe").style;
ani();
}
if (window.addEventListener){
window.addEventListener("load",init,false);
document.addEventListener("mousemove",mouse,false);
}
else if (window.attachEvent){
window.attachEvent("onload",init);
document.attachEvent("onmousemove",mouse);
}
})();
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment