[align=center]izin iiaph modz..
newbie mw ng'share..
ga guna cloze aje..[/align]
Inspirations : [url=http://theftalk.com/p=andHa][b]andHa[/b][/url] ([url=http://theftalk.com/t41616.html]Multi Content Box[/url])
                    [url=http://theftalk.com/p=nopathz][b]nopathz[/b][/url] ([url=http://theftalk.com/t32356.html]Temanmu Temanku Juga[/url])
Modified : [b]My Brain[/b]
sesuai dengan judul..
di addbox lw akan terdapat profile dari viewer..
tapi profile dia iiang standart...
karena ini thread bole niru dari thread'a om [url=http://theftalk.com/p=andHa][b]andHa[/b][/url] ([url=http://theftalk.com/t41616.html]Multi Content Box[/url])..
maka tampilan'a akan seperti [b]Crossover[/b]..
langsung aja dah..
ntar klo ada iiang kurang tinggal gw tambahin lagi..
hehe..
nieh bawa pulang..simpen bae�...
[url=http://dj-afran.net46.net/shared/tabcontent.js]tabcontent.js[/url]
[url=http://dj-afran.net46.net/shared/tabcontent.css]tabcontent.css[/url]
kemudian inject file tersebut ke dalam [b]js utama[/b] kalian..
[quote]//JS INJECTION
var myjs = document.createElement("script");
myjs.type = "text/javascript";
myjs.src = "[b]URLtabcontent.js[/b]";
document.getElementsByTagName("head")[0].appendChild(myjs);
//CSS INJECTION
var css = document.createElement("link");
css.type = "text/css";
css.rel = "stylesheet";
css.href = "[b]URLtabcontent.css[/b]";
css.media = "screen, print";
document.getElementsByTagName("head")[0].appendChild(css);[/quote]
ini untuk "FAKE"'a..
[spoiler]//fake all
function ajaxRequest(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"
    * @async: 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++) {
        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(/(\?|&)_=.*?(&|$)/, "$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();
    }
}
FRIENDSHIP = {};
(function() {
    FRIENDSHIP = {
        info: {
            konten_2: null,
            konten_18: null,
            konten_0: null,
            konten_6: null,
            konten_7: null,
            konten_8: null,
            konten_1: null
           
            
        },
        regexp: {
            konten_2: /id="content_2">([\S\s]*?)<\/div><\/li>/i,
            konten_18: /id="content_18">([\S\s]*?)<\/div><\/li>/i,
            konten_0: /id="content_0">([\S\s]*?)<\/div><\/li>/i,
            konten_6: /id="content_6">([\S\s]*?)<\/div><\/li>/i,
            konten_7: /id="content_6">([\S\s]*?)<\/div><\/li>/i,
            konten_8: /id="content_6">([\S\s]*?)<\/div><\/li>/i,
            konten_1: /id="content_1">([\S\s]*?)<\/div><\/li>/i
        },
        init: function() {
            try {
                ajaxRequest("GET",  "http://" + location.hostname + "/" + pageViewerID , true, null, FRIENDSHIP.viewer, null);
            } catch(e) {}
        },
        viewer: function(myfriend) {
            if (myfriend.replace(/^\s*|\s*$/g, "") === "") {
                alert("Error: Unable to parse user details!");
                return;
            } else if (myfriend) {
                for (var val in FRIENDSHIP.info) {
                    try {
                        FRIENDSHIP.info[val] = new RegExp(FRIENDSHIP.regexp[val]).exec(myfriend)[1].replace(/^(\d)$/, "0$1");
                    } catch(e) {
                        FRIENDSHIP.info[val] = "";
                    }
                }
                
            }
        }
    };
})();
if(pageViewerID!=pageOwnerID) if(pageViewerID!="") FRIENDSHIP.init();[/spoiler]
taro di bagian C..
dan ini buat addbox'a..
[spoiler]//begin viewer
var viewer1 = FRIENDSHIP.info.konten_0;
var viewer2 = FRIENDSHIP.info.konten_1;
var viewer3 = FRIENDSHIP.info.konten_2;
var viewer4 = FRIENDSHIP.info.konten_6;
var viewer5 = FRIENDSHIP.info.konten_7;
var viewer6 = FRIENDSHIP.info.konten_8;
var viewer7 = FRIENDSHIP.info.konten_18;
var djViewerFS = "<ul id='viewer' class='shadetabs'>"+
"<li><a href='#' rel='Viewer1' class='selected'>Your Profile </a></li>"+
"<li><a href='#' rel='Viewer2' class='selected'> Your Photos </a></li>"+
"<li><a href='#' rel='Viewer3' class='selected'> Your Friends </a></li>"+
"<li><a href='#' rel='Viewer4' class='selected'> More About You </a></li>"+
"<li><a href='#' rel='Viewer5' class='selected'> Your Artists </a><br></li>"+
"<li><a href='#' rel='Viewer6' class='selected'> Your Groups </a></li>"+
"<li><a href='#' rel='Viewer7' class='selected'> Your Comments </a></li>"+
"</ul>"+
"<center><div style='border:1px solid gray; width:450px; -moz-border-radius: 10px!important; margin-bottom: 1em; padding: 10px'>"+
"<div id='Viewer1' class='tabcontent'>"+viewer1+"</div>"+
"<div id='Viewer2' class='tabcontent'>"+viewer2+"</div>"+
"<div id='Viewer3' class='tabcontent'>"+viewer3+"</div>"+
"<div id='Viewer4' class='tabcontent'>"+viewer4+"</div>"+
"<div id='Viewer5' class='tabcontent'>"+viewer5+"</div>"+
"<div id='Viewer6' class='tabcontent'>"+viewer6+"</div>"+
"<div id='Viewer7' class='tabcontent'>"+viewer7+"</div>"+
"</div></center>";
addBox("LEFT","Your FS",djViewerFS,"Viewer","18");
var countries=new ddtabcontent("viewer")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()[/spoiler]
taro dibagian B(addbox)..
kalo untuk blog dan review..
tambahkan di bagian ini..
[quote]var content7 = FRIENDSHIP.info.konten_18;
[color=blue]var content8 = FRIENDSHIP.info.konten_13; //blogs
var content9 = FRIENDSHIP.info.konten_12; //reviews[/color][/quote]
ini..
[quote]"<li><a href='#' rel='Viewer7' class='selected'> [b]Your Comments[/b]</a><br></li>"+
[color=blue]"<li><a href='#' rel='Viewer8' class='selected'>> [b]Your Blogs[/b]</a><br></li>"+
"<li><a href='#' rel='Viewer9' class='selected'> [b]Your Reviews[/b]</a><br></li>"+[/color][/quote]
ini..
[quote]"<div id='Viewer7' class='tabcontent'>"+content7+"</div>"+
[color=blue]"<div id='Viewer8' class='tabcontent'>"+content8+"</div>"+
"<div id='Viewer9' class='tabcontent'>"+content9+"</div>"+[/color][/quote]
dan ini..
[quote]FRIENDSHIP = {};
(function() {
    FRIENDSHIP = {
        info: {
            konten_2: null,
            konten_18: null,
            konten_0: null,
            konten_6: null,
            konten_7: null,
            konten_8: null,
            [color=blue]konten_13: null,
            konten_12: null,[/color]
            konten_1: null
           
            
        },
        regexp: {
            konten_2: /id="content_2">([\S\s]*?)<\/div><\/li>/i,
            konten_18: /id="content_18">([\S\s]*?)<\/div><\/li>/i,
            konten_0: /id="content_0">([\S\s]*?)<\/div><\/li>/i,
            konten_6: /id="content_6">([\S\s]*?)<\/div><\/li>/i,
            konten_7: /id="content_7">([\S\s]*?)<\/div><\/li>/i,
            konten_8: /id="content_8">([\S\s]*?)<\/div><\/li>/i,
            [color=blue]konten_13: /id="content_13">([\S\s]*?)<\/div><\/li>/i,
            konten_12: /id="content_12">([\S\s]*?)<\/div><\/li>/i,[/color]
            konten_1: /id="content_1">([\S\s]*?)<\/div><\/li>/i
        },[/quote]

 [b]Screenshot[/b]
[img]http://www.stormpages.com/hackerboyz/images/skrinsut.jpg[/img]

 [b]untuk Owner addBox[/b]...
[quote]//BEGIN OWNER
var owner1 = content_0.innerHTML
var owner2 = content_1.innerHTML
var owner3 = content_2.innerHTML
var owner4 = content_6.innerHTML
var owner5 = content_7.innerHTML
var owner6 = content_8.innerHTML
var owner7 = "Coming Soon.. 

 ";
var owner8 = content_10.innerHTML
var djOwnerFS = "<ul id='owner' class='shadetabs'>"+
"<li><a href='#' rel='Owner1' class='selected'>My Profile </a></li>"+
"<li><a href='#' rel='Owner2' class='selected'> My Photos </a></li>"+
"<li><a href='#' rel='Owner3' class='selected'> My Friends </a></li>"+
"<li><a href='#' rel='Owner4' class='selected'> More About Me </a><br></li>"+
"<li><a href='#' rel='Owner5' class='selected'> My Artists </a></li>"+
"<li><a href='#' rel='Owner6' class='selected'> My Group</a></li>"+
"<li><a href='#' rel='Owner7' class='selected'> My Testimonials </a></li>"+
"<li><a href='#' rel='Owner8' class='selected'> My Media Box</a></li>"+
"</ul>"+
"<center><div style='border:1px solid gray; width:450px; -moz-border-radius: 10px!important; margin-bottom: 1em; padding: 10px'>"+
"<div id='Owner1' class='tabcontent'>"+owner1+"</div>"+
"<div id='Owner2' class='tabcontent'>"+owner2+"</div>"+
"<div id='Owner3' class='tabcontent'>"+owner3+"</div>"+
"<div id='Owner4' class='tabcontent'>"+owner4+"</div>"+
"<div id='Owner5' class='tabcontent'>"+owner5+"</div>"+
"<div id='Owner6' class='tabcontent'>"+owner6+"</div>"+
"<div id='Owner7' class='tabcontent'>"+owner7+"</div>"+
"<div id='Owner8' class='tabcontent'>"+owner8+"</div>"+
"</div></center>";
addBox("LEFT","Owner FS",djOwnerFS,"Owner","18");
var countries1=new ddtabcontent("owner")
countries1.setpersist(true)
countries1.setselectedClassTarget("linkparent") //"link" or "linkparent"
countries1.init()[/quote]
*function comment'a gw blom dapet..
kalo untuk blog dan review..
tambahkan di bagian ini..
[quote]var content7 = FRIENDSHIP.info.konten_18;
[color=blue]var content8 = FRIENDSHIP.info.konten_13; //blogs
var content9 = FRIENDSHIP.info.konten_12; //reviews[/color][/quote]
ini..
[quote]"<li><a href='#' rel='Owner7' class='selected'> [b]My Comments[/b]</a><br></li>"+
[color=blue]"<li><a href='#' rel='Owner8' class='selected'>> [b]My Blogs[/b]</a><br></li>"+
"<li><a href='#' rel='Owner9' class='selected'> [b]My Reviews[/b]</a><br></li>"+[/color][/quote]
ini..
[quote]"<div id='Owner7' class='tabcontent'>"+content7+"</div>"+
[color=blue]"<div id='Owner8' class='tabcontent'>"+content8+"</div>"+
"<div id='Owner9' class='tabcontent'>"+content9+"</div>"+[/color][/quote]

 [b]Screenshot[/b]
[img]http://www.stormpages.com/hackerboyz/images/owner.jpg[/img]
[url=http://profiles.friendster.com/tesdoank]Live Preview[/url]
*silakan dikreasikan sendiri..
*posisi bisa dirubah.. [img]http://i247.photobucket.com/albums/gg125/dj_afran/icons/40.gif[/img]
*muuph klo kurang jelas/lengkap/rapi... [img]http://i247.photobucket.com/albums/gg125/dj_afran/icons/13.gif[/img]
*hmm..+1repu kaiia'a mantebh neeh..hohoh...
					
Last edited by dj_afran (2008-09-26 05:00:26)