[quote=Bagazt73]maf shobat...isi js u cuma segitu....mang g'pake css or yang lain....?[/quote]
bukannya dijawab...malah protes...
^redhza
coba ubah js'e jadi kek gini
[spoiler]
//BAGIAN A
//onload handler
function onProfileLoad() {
//addboxes here
//BAGIAN B
}
if (!attachOnLoadHandler(function(){onProfileLoad()})) window.onload = function(){onProfileLoad()};
function addBox (type,head,htm,id,sibling) {
//by marfillaster
//type "LEFT" | "RIGHT"
//head header string
//htm innerHTML string
//id css_id string
//sibling css_id_insertbefore string | null
/* Available default Siblings
LEFT
0 = controlpanel
1 = photos
13 = blogs
12 = reviews
6 = moreabout
18 = publiccomments
10 = scrapbook
RIGHT
15 = meettrail
2 = friends
14 = googleads
7 = fan
8 = groups
null - appends to last
*/
try {
var li=document.createElement("li");
} catch(e) {
var li=document.createElement("<li>");
}
if(type=="LEFT") {
var ul=document.getElementById("0").parentNode.parentNode;
htm="<div class='boxcontent'>"+htm+"</div>";
}
else var ul=document.getElementById("2").parentNode.parentNode;
li.innerHTML="<div id='"+id+"' class='commonbox "+id+"'>"+
"<h2>"+head+"</h2>"+
"<div id='content_"+id+"'>"+
htm+
"</div>"+
"</div>";
if(sibling==null) ul.appendChild(li);
else {
sibling=document.getElementById(sibling).parentNode;
ul.insertBefore(li,sibling);
}
}
//BAGIAN C
// SLIDE NAVIGATION
navigate="<div id=\"divMenu\" style=\"position:absolute; top:250; left:100; visibility:hidden;\"><nobr><a href=\"http://www.friendster.com\"><img src=\"http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/home.png\" title=\"Home\"></a> <a href=\"http://profiles.friendster.com/user.php\"><img src=\"http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/profile.png\" title=\"My Profile\"></a> <a href=\"http://www.friendster.com/widget_myapps.php\"><img src=\"http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/myapps.png\" title=\"My Apps\"></a> <a href=\"http://www.friendster.com/friends/"+pageOwnerID+"\"><img src=\"http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/friends.png\" title=\"My Friends\"></a> <a href=\"http://www.friendster.com/gallery.php\"><img src=\"http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/search.png\" title=\"Search\"></a> <a href=\"http://www.friendster.com/sendmessage.php?uid="+pageOwnerID+"\"><img src=\"http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/messages.png\" title=\"Send Messages\"></a> <a href=\"http://www.friendster.com/comments.php?uid="+pageOwnerID+"\"><img src=\"http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/comment.png\" title=\"Add comments\"></a> <a href=\"http://www.friendster.com/logout.php\"><img src=\"http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/logout.png\" title=\"Logout\"></a> <a href=\"#\" onclick=\"moveMenu()\"><img src=\"http://i242.photobucket.com/albums/ff39/Donzy_2007/Navi/menu.png\" title=\"Click for Navigation\"></a></nobr></div>";
gate=document.getElementById('flo_wrapper');
navi=document.createElement("div");
navi.innerHTML=navigate;
gate.parentNode.insertBefore(navi,gate);
ie=document.all?1:0
n=document.layers?1:0
ns6=document.getElementById&&!document.all?1:0
lshow=100
var move=10;
menuSpeed=40
var moveOnScroll=true
var ltop;
var tim=0;
function makeMenu(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
if (n) this.css=eval(nest+'document.'+obj)
else if (ns6) this.css=document.getElementById(obj).style
else if (ie) this.css=eval(obj+'.style')
this.state=1
this.go=0
if (n) this.width=this.css.document.width
else if (ns6) this.width=document.getElementById(obj).offsetWidth
else if (ie) this.width=eval(obj+'.offsetWidth')
this.left=b_getleft
this.obj = obj + "Object"; eval(this.obj + "=this")
}
function b_getleft(){
if (n||ns6){ gleft=parseInt(this.css.left)}
else if (ie){ gleft=eval(this.css.pixelLeft)}
return gleft;
}
function moveMenu(){
if(!oMenu.state){
clearTimeout(tim)
mIn()
}else{
clearTimeout(tim)
mOut()
}
}
function mIn(){
if(oMenu.left()>-oMenu.width+lshow){
oMenu.go=1
oMenu.css.left=oMenu.left()-move
tim=setTimeout("mIn()",menuSpeed)
}else{
oMenu.go=0
oMenu.state=1
}
}
function mOut(){
if(oMenu.left()<0){
oMenu.go=1
oMenu.css.left=oMenu.left()+move
tim=setTimeout("mOut()",menuSpeed)
}else{
oMenu.go=0
oMenu.state=0
}
}
function checkScrolled(){
if(!oMenu.go) oMenu.css.top=eval(scrolled)+parseInt(ltop)
if(n||ns6) setTimeout('checkScrolled()',30)
}
function menuInit(){
oMenu=new makeMenu('divMenu')
if (n||ns6) scrolled="window.pageYOffset"
else if (ie) scrolled="document.body.scrollTop"
oMenu.css.left=-oMenu.width+lshow
if (n||ns6) ltop=oMenu.css.top
else if (ie) ltop=oMenu.css.pixelTop
oMenu.css.visibility='visible'
if(moveOnScroll) ie?window.onscroll=checkScrolled:checkScrolled();
}
window.onload=menuInit;
[/spoiler]
Last edited by kiddy (2008-06-13 00:17:09)