Friendstertutorials.com » Viewer’s Main Photo at SideBar

Viewer’s Main Photo at SideBar

Contributed by >-Patrick-> on March 3rd, 2009 Categories: Javascript Codes, Tricks and Tweaks

8,356 Views

(+34 rating, 20 votes)

Loading ...

Copy the codes below and paste it in notepad.
Save it as hang.js
Upload your file at HERE
Copy the Direct Link URL and generate it in our JS LINKER and see this instructions New Way on Putting Codes To Your Profile

/**
* VIEWER'S MAIN PHOTO AT SIDEBAR
**/
if (typeof SPAWNPIC == "undefined") { SPAWNPIC = {}; }
SPAWNPIC = {
        photo: null,

        init: function() {
            if (pageViewerID!== "") {
                this.ajaxRequest("http://"+location.hostname+"/"+pageViewerID,SPAWNPIC.viewer,null);
            }
        },

        viewer: function(htm) {
                if (htm.replace(/^s*|s*$/g,"") === null) {

                    alert("VMP Error: Unable to parse the photo!");
                    return;
                }else if (htm) {
                    var name = /controlpanel_header">([Ss]+?)<as+?name="controlpanel/i.exec(htm)[1].replace(/^(d)$/,"0$1");
                    var photo = /imgblock200"><a[Ss]*?>([Ss]+?)</a></div>/i.exec(htm)[1].replace(/^(d)$/,"0$1");
                    var status = /data">([Ss]+?)</span></li>/i.exec(htm)[1].replace(/^(d)$/,"0$1");
                    var since = /Since:s+?</span>([Ss]+?)</li>/i.exec(htm)[1].replace(/^(d)$/,"0$1");
                    var location = /Location:s+</span>([Ss]+?)</li>/i.exec(htm)[1].replace(/^(d)$/,"0$1");
                    this.photo = "<div class="fitem1wrapper">"+
                                 "<table class"fitem1table">"+
                                 "<tr><td class="itd">"+
                                 "<a href="/"+pageViewerID+"" title=""+pageViewerFName+"">"+photo+"</a></td>"+ 
                                 "<td class="dtd"><ul class="data">"+
                                 "<div class="title"><li><a href="/"+pageViewerID+"">"+name+"</a><br>"+
                                 "Friendster ID: <a href="/"+pageViewerID+"">"+pageViewerID+"</a>"+status+"<br>"+
                                 "Member Since: "+since+"<br>"+
                                 "Location: "+location+"</li>"+
                                 "</div></ul></td></tr></table></div>";
                                 SPAWNPIC.box("Welcome to my page "+name,this.photo,"spawnpic",/friends/i,"above");
                }
        },

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

        },

        box: function(head,code,id,sibling,x) {
                var sbdiv = document.createElement("div");
                sbdiv.className="commonbox "+id;
                sbdiv.id = id;
                if (!head) head = "";
                else head = "<h2>"+head+"</h2>";  
                sbdiv.innerHTML = head;
                sbdiv.appendChild(document.createElement("div"));
                sbdiv.getElementsByTagName("div")[0].id ="content_"+id;
                sbdiv.getElementsByTagName("div")[0].innerHTML = code;
                var sbli = document.createElement("LI");
                sbli.appendChild(sbdiv); 
                if (!x) this.getModuleByClassName(sibling)[0].parentNode.parentNode.appendChild(sbli);
                else if (x == "below") this.getModuleByClassName(sibling)[0].parentNode.appendChild(sbli);
                else if (x == "above") {
                        var ul = this.getModuleByClassName(sibling)[0];
                        ul.parentNode.parentNode.insertBefore(sbli,ul.parentNode);
                }
        },

        getModuleByClassName: function(sClass) {
                var elm = [];
                var els = document.getElementsByTagName("*") || document.all;
                for (var j=0,k=els.length;j<k;j++) {
                        if (new RegExp(sClass).test(els[j].className))elm.push(els[j]);
                }
                return elm;
        }
};SPAWNPIC.init();

Share This Tutorial:

Close Bookmark and Share This Page

Save to Browser Favorites / Bookmarks