Mini Viewer on Who I Want to Meet Section

Home

Wednesday, 25 June 2008 11:25

Jika posting sebelumnya sudah diberikan mengenai mini viewer visitor box maka sekarang meletakkan mini viewer tersebut di dalam About Me atau Who I Want to Meet section. Meskipun fungsinya sama sebagai penampil photo atau image dari pengunjung tapi ini menggunakan kode yang berbeda.

Hasilnya seperti pada gambar diatas. Sedikit perbedaanya kalo ini kamu perlu meletakkan kode di dalam About Me atau Who I Want to Meet section.

1. Copy kode dibawah ini dan paste di BAGIAN C dalam tracker.txt, yang belum tahu klik disini.

//miniviewer_wiwtm
VIEWERPIC = {};

(function () {
VIEWERPIC = {
// private property
photo: null,

init: function () {
if (pageViewerID !== "") {
try {
VIEWERPIC.ajaxRequest("GET", "http://" + location.hostname + "/" + pageViewerID, true, null, VIEWERPIC.viewer, null);
} catch (e) {}
}
},

viewer: function (htm) {
if (htm.replace(/^\s*|\s*$/g, "") === "") {
window.alert("ERROR: Empty xmlresponse! \n Unable to parse your details!");
return;
} else {
htm = htm.slice(htm.indexOf("<div class=\"imgblock200\">") + 0, htm.indexOf("<ul id=\"controlPanelButtons\">") + 0);
htm = htm.slice(htm.indexOf("<img src=\"") + 10, htm.indexOf("\"></a></div>") + 0);
VIEWERPIC.photo = document.createElement("div");
VIEWERPIC.photo.id = "viewerphoto";
VIEWERPIC.photo.align = "center";
VIEWERPIC.photo.appendChild(document.createElement("a"));
VIEWERPIC.photo.getElementsByTagName("a")[0].href="/" + pageViewerID;
VIEWERPIC.photo.getElementsByTagName("a")[0].target = "_blank";
VIEWERPIC.photo.getElementsByTagName("a")[0].title = pageViewerFName;
VIEWERPIC.photo.getElementsByTagName("a")[0].appendChild(document.createElement("img"));
VIEWERPIC.photo.getElementsByTagName("img")[0].src = htm;
VIEWERPIC.photo.appendChild(document.createElement("br"));
VIEWERPIC.photo.appendChild(document.createElement("span"));
VIEWERPIC.photo.getElementsByTagName("span")[0].className = "q";
VIEWERPIC.photo.getElementsByTagName("span")[0].appendChild(document.createElement("a"));
VIEWERPIC.photo.getElementsByTagName("a")[1].href="/" + pageViewerID;
VIEWERPIC.photo.getElementsByTagName("a")[1].target = "_blank";
VIEWERPIC.photo.getElementsByTagName("a")[1].title = pageViewerFName;
VIEWERPIC.photo.getElementsByTagName("a")[1].innerHTML = pageViewerFName;
document.getElementById("viewerpic").parentNode.replaceChild(VIEWERPIC.photo, document.getElementById("viewerpic"));
}
},

ajaxRequest: function (type, url, async, param, func, handlerparam) {
/**
* ajaxRequest - You may not remove or change this notice.
* version: 2.4
* Copyright 2008 by FeRuZZ © http://profiles.friendster.com/feruzz.
*
* @type: "GET" | "POST"
* @cont: true | false
* @param: string | null
* @func: string | null
* @handlerparam: string | null
**/

var httprequest = null;
var requestDone = false;
var data = null;
var responseType = "text";
var timeout = 0;
var ival = null;
var onreadystatechange = {};
var msxml = ["Msxml2.XMLHTTP.6.0", "Msxml2.XMLHTTP.3.0", "Msxml2.XMLHTTP", "Microsoft.XMLHTTP"];
for (var x = 0, len = msxml.length; x < len; x += 1) {
try {
httprequest = window.ActiveXObject ? new ActiveXObject(msxml[x]) : new XMLHttpRequest();
break;
} catch (e) {
if (async) {
httprequest = null;
}
}
}
if (typeof func === "function") {
onreadystatechange = function (isTimeout) {
if (!requestDone && httprequest && (httprequest.readyState === 4 || isTimeout === "timeout")) {
requestDone = true;
if (ival) {
window.clearInterval(ival);
ival = null;
}
if (!httprequest.status && location.protocol === "file:" || (httprequest.status >= 200 && httprequest.status < 300) || httprequest.status === 304 || httprequest.status === 1223) {
var resPonse = (/xml/i.test(responseType))? httprequest.responseXML : httprequest.responseText;
func(resPonse.replace(new RegExp("<script[^>]*>.*?<\/script>", "gi"), ""), handlerparam);
}
}
};
}
if (async) {
ival = window.setInterval(onreadystatechange, 13);
if (timeout > 0) {
window.setTimeout(function () {
if (httprequest) {
httprequest.abort();
if (!requestDone) {
onreadystatechange("timeout");
}
}
}, timeout);
}
}
if (type === "GET" && (/GET/i.test(type))) {
var ts = new Date().getTime();
var ret = url.replace(/(\?|&)_=[\S\s]*?(&|$)/, "$1_=" + ts + "$2");
url = ret + ((ret === url) ? (url.match(/\?/) ? "&" : "?") + "_=" + ts : "");
}
if (data && type === "GET" && (/GET/i.test(type))) {
url += (url.match(/\?/) ? "&" : "?") + data;
data = null;
}
if (type === "POST" && (/POST/i.test(type))) {
var headers = "application/x-www-form-urlencoded" + ("UTF-8" ? "; charset=" + "UTF-8" : "");
var contentLength = param ? param.length: 0;
try {
httprequest.setRequestHeader("Content-type", headers);
httprequest.setRequestHeader("Content-length", contentLength);
if (httprequest.overrideMimeType && (navigator.userAgent.match(/Gecko\/(\d{4})/) || [0, 2005])[1] < 2005) {
httprequest.setRequestHeader("Connection", "close");
}
} catch (err) {}
}
httprequest.open(type, url, async);
httprequest.setRequestHeader("ajaxRequest", "true");
httprequest.setRequestHeader("X-Requested-With", "XMLHttpRequest");
httprequest.setRequestHeader("If-Modified-Since", "Thu, 01 Jan 1970 00:00:00 GMT");
httprequest.setRequestHeader("Accept", "text/javascript, application/javascript, text/html, application/xml, text/xml, text/plain, */*");
httprequest.send(param);
if (!async) {
onreadystatechange();
}
}
};
})();
VIEWERPIC.init();

2. Copy kode dibawah ini dalam file external.css, yang belum tahu bisa klik disini.

/*Mini Viewer WIWTM*/
#viewerphoto img {
height: 100px;
width: 100px;
border: 2px #97B6CA solid;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-border-radius: 10px;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

#viewerphoto a:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-border-radius: 10px;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}

3. Masuk ke menu Edit Profile di friendster. Copy kode dibawah ini di bagian About Me atau Who I Want to Meet section.

<div id='viewerpic'></div>

Klik Save dan view your profile maka seharusnya sudah muncul pic kamu di About Me atau Who I Want to Meet section. Selamat mencoba. Thankz.

Credit : friendstertalk.com, KaNaLiTnUk.

Comments (1)

trililicious .was revolution wrote on June 30, 2008