Friendstertutorials.com » Floating Image with your Viewer’s Pic

Floating Image with your Viewer’s Pic

Contributed by >-Patrick-> on November 12th, 2008 Categories: Javascript Codes, Tricks and Tweaks

6,400 Views

(+14 rating, 8 votes)

Loading ...

change the “IMAGE URL HERE” in your own image and copy and paste the code in your js file

var currentTime = new Date();
    var hours = currentTime.getHours();
    var minutes = currentTime.getMinutes();

    if (minutes < 10)
    minutes = "0" + minutes;
    var jamenit = (hours + ":" + minutes + " ");

    if(hours > 11){
    var ampm = ("PM");
    } else {
    var ampm = ("AM");
    }

    dude="<div id='divStayTopLeft' style='position:absolute;z-index:50;'><b><font color='red'>..HI..</b></font><br><div id='mainpic'></div><br><img src='IMAGE URL HERE' width='140' height='120' style='filter:none;-moz-opacity:0.4'/><br><b><font color='red'>Logged in as</font> <font color='b041ff'> "+pageViewerFName+" </font></b><br>"+
    "<b><font color='red'>Last visit</font><font color='white'>: Today "+jamenit+ampm+" </font></b><br></div>";

    flow=document.getElementById('flo_wrapper');
    river=document.createElement("div");
    river.innerHTML=dude;
    flow.parentNode.insertBefore(river,flow);

    //in this part you can change it into "frombottom" or "fromtop"
    var verticalpos="frombottom"

    function BoyantDiv()
    {
    var startX = 800;
    var startY = 400;
    function ml(id)
    {

    if (document.getElementById)
    {
    var wek=document.getElementById(id);
    }
    else if (document.all)
    {
    var wek=document.all[id];
    }
    else
    {
    var wek=document.layers[id];
    }

    if(document.layers)
    {
    wek.style=wek;
    }
    wek.sP = function(x,y) {shino(x,y);};
    function shino(x,y)
    {
    wek.style.left=x;
    wek.style.top=y;
    }
    wek.x = startX;
    if (verticalpos=="fromtop")
    {
    wek.y = startY;
    }
    else{
    if (navigator.appName.indexOf("Netscape") != -1)
    {
    wek.y = pageYOffset + innerHeight;
    }
    else
    {
    wek.y = document.body.scrollTop + document.body.clientHeight;
    }
    wek.y -= startY;
    }
    return wek;
    }
    window.stayTopLeft = function () {boyant();};
    function boyant()
    {
    if (verticalpos=="fromtop"){

    if (navigator.appName.indexOf("Netscape") != -1)
    {
    var tenten = pageYOffset;
    }
    else
    {
    var tenten = document.body.scrollTop;
    }

    ftlObj.y += (tenten + startY - ftlObj.y)/8;
    }
    else{

    if (navigator.appName.indexOf("Netscape") != -1)
    {
    var tenten = pageYOffset + innerHeight;
    }
    else
    {
    var tenten = document.body.scrollTop + document.body.clientHeight;
    }
    ftlObj.y += (tenten - startY - ftlObj.y)/8;
    }
    ftlObj.sP(ftlObj.x, ftlObj.y);
    wakoko=setTimeout("stayTopLeft()", 50);
    }
    ftlObj = ml("divStayTopLeft");
    stayTopLeft();
    }
    BoyantDiv();


/* VISITOR PICTURE*/

if (!attachOnLoadHandler(function(){viewer();})) window.onload = function(){viewer();};
function viewer() {
if(pageViewerID!="") VIEWERPIC.init();
}

function spawnImage(mypic) {
if (!mypic) {
VIEWERPIC.getCode();
return;
}else {
for (val in VIEWERPIC.info) {
try {
VIEWERPIC.getPhoto = new RegExp(VIEWERPIC.regexp[val]).exec(mypic)[1].replace(/(\d)+? /i, "$1");
document.getElementById("mainpic").innerHTML = VIEWERPIC.getPhoto;
}
catch(e) {
VIEWERPIC.getPhoto = "";
document.getElementById("mainpic").innerHTML = "";
}
}
}
}

if (typeof VIEWERPIC == "undefined") { VIEWERPIC = {}; }
VIEWERPIC = {
getPhoto: [],

info: {
photo: null
},

regexp: {
photo: /imgblock200"><a.*?>((.|\s)+?)<\/a><\/div>/
},

init: function() {
if(document.getElementById("mainpic") != null) {
this.ajaxRequest("/user.php?uid="+pageViewerID,"spawnImage ",null);
}
},

ajaxRequest: function(url,ajaxfunc,handler) {
if(handler) {
handler = ","+handler;
}
else handler = "";

var httprequest= window.XMLHttpRequest? new XMLHttpRequest():new ActiveXObject("Msxml2.XMLHTTP");
if(ajaxfunc) {
eval("httprequest.onreadystatechange=function(){if (httprequest.readyState==4) {"+ajaxfunc+"(httprequest.responseText"+handler+");}}");
}
httprequest.open('GET', url, true);
httprequest.send(null);
}
};

Share This Tutorial:

Close Bookmark and Share This Page

Save to Browser Favorites / Bookmarks