[b]Credit[/b] : Angell de Ville & Crazy Davinci [b]Preview[/b] : [url]http://profiles.friendster.com/bangkanal[/url] (view with FF) [b]NB[/b] : Tidak bentrok dengan script mini maxi ataupun one colu
You are viewing a post by KaNaLiTnUk. View all 72 posts in [b]Credit[/b] : Angell de Ville & Crazy Davinci [b]Preview[/b] : [url]http://profiles.friendster.com/bangkanal[/url] (view with FF) [b]NB[/b] : Tidak bentrok dengan script mini maxi ataupun one colu.
2008-12-30 12:38:51
- KaNaLiTnUk
- » FTalkFreak
1911
0
1969-12-31
Re: [b]Credit[/b] : Angell de Ville & Crazy Davinci [b]Preview[/b] : [url]http://profiles.friendster.com/bangkanal[/url] (view with FF) [b]NB[/b] : Tidak bentrok dengan script mini maxi ataupun one colu
[b][u]Update[/u] :[/b]
[b]Additional credits :[/b] [i]Shakiro214 & Xinoxs[/i]
Bagi kalian yang ingin mengkombinasikan tombol load unloadnya dengan script floating image bisa juga kok yaitu dengan merubah script ini 
[spoiler]controlPanelButtons.innerHTML+="<li id='photoLink'><a href='javascript:loadphoto()'>View Photo Gallery</a></li>"
+"<li id='friendLink'><a href='javascript:loadfriend()'>View Friends</a></li>"
+"<li id='moreLink'><a href='javascript:loadmore()'>Read About Me</a></li>"
+"<li id='fanLink'><a href='javascript:loadfan()'>View Fans Of</a></li>"
+"<li id='groupLink'><a href='javascript:loadgroup()'>View Groups</a></li>"
+"<li id='commentLink'><a href='javascript:loadcomment()'>Read Comments</a></li>"[/spoiler]
Menjadi script ini
[spoiler]dude="<div align='center'><div id='divStayTopLeft' style='position:absolute;z-index:50;'>"
+"<a id='photoLink'><input type='button' value='View Photo Gallery' onClick='javascript:loadphoto()' class=\"xinoxs\" align='middle' style='display:inline;'></a><br>"
+"<a id='friendLink'><input type='button' value='View Friends' onClick='javascript:loadfriend()' class=\"xinoxs\" align='middle' style='display:inline;'></a><br>"
+"<a id='moreLink'><input type='button' value='Read About Me' onClick='javascript:loadmore()' class=\"xinoxs\" align='middle' style='display:inline;'></a><br>"
+"<a id='fanLink'><input type='button' value='View Fans Of' onClick='javascript:loadfan()' class=\"xinoxs\" align='middle' style='display:inline;'></a><br>"
+"<a id='groupLink'><input type='button' value='View Groups' onClick='javascript:loadgroup()' class=\"xinoxs\" align='middle' style='display:inline;'><a><br>"
+"<a id='commentLink'><input type='button' value='Read Comments' onClick='javascript:loadcomment()' class=\"xinoxs\" align='middle' style='display:inline;'></a></div></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="fromtop"
function BoyantDiv()
{
var startX = 15;
var startY = 85;
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();[/spoiler]
Setelah itu merubah JS utama load & unloadnya menjadi begini
[spoiler]function loadphoto(){
showhide("1")
photoLink.innerHTML="<input type='button' value='Hide Photo Gallery' onClick='javascript:unloadphoto()' class=\"xinox\" align='middle' style='display:inline;'>"
}
function loadfriend(){
showhide("2")
friendLink.innerHTML="<input type='button' value='Hide Friends' onClick='javascript:unloadfriend()' class=\"xinox\" align='middle' style='display:inline;'>"
}
function loadmore(){
showhide("6")
moreLink.innerHTML="<input type='button' value='Hide About Me' onClick='javascript:unloadmore()' class=\"xinox\" align='middle' style='display:inline;'>"
}
function loadfan(){
showhide("7")
fanLink.innerHTML="<input type='button' value='Hide Fans Of' onClick='javascript:unloadfan()' class=\"xinox\" align='middle' style='display:inline;'>"
}
function loadgroup(){
showhide("8")
groupLink.innerHTML="<input type='button' value='Hide Groups' onClick='javascript:unloadgroup()' class=\"xinox\" align='middle' style='display:inline;'>"
}
function loadcomment(){
showhide("18")
commentLink.innerHTML="<input type='button' value='Hide Comments' onClick='javascript:unloadcomment()' class=\"xinox\" align='middle' style='display:inline;'>"
}
function unloadphoto(){
showhide("1")
photoLink.innerHTML="<input type='button' value='View Photo Gallery' onClick='javascript:loadphoto()' class=\"xinoxs\" align='middle' style='display:inline;'>"
}
function unloadfriend(){
showhide("2")
friendLink.innerHTML="<input type='button' value='View Friends' onClick='javascript:loadfriend()' class=\"xinoxs\" align='middle' style='display:inline;'>"
}
function unloadmore(){
showhide("6")
moreLink.innerHTML="<input type='button' value='Read About Me' onClick='javascript:loadmore()' class=\"xinoxs\" align='middle' style='display:inline;'>"
}
function unloadfan(){
showhide("7")
fanLink.innerHTML="<input type='button' value='View Fans Of' onClick='javascript:loadfan()' class=\"xinoxs\" align='middle' style='display:inline;'>"
}
function unloadgroup(){
showhide("8")
groupLink.innerHTML="<input type='button' value='View Groups' onClick='javascript:loadgroup()' class=\"xinoxs\" align='middle' style='display:inline;'>"
}
function unloadcomment(){
showhide("18")
commentLink.innerHTML="<input type='button' value='Read Comments' onClick='javascript:loadcomment()' class=\"xinoxs\" align='middle' style='display:inline;'>"
}[/spoiler]
Dan yg terakhir adalah menambahkan script ini ke dalam CSS extension kalian
[spoiler].xinoxs{color:#ddd; font-family:'trebuchet ms',helvetica,sans-serif; font-size:100%; font-weight:bold; border-top:1px #888 solid; border-left:1px #666 solid; border-right:1px #222 solid; border-bottom:1px #000 solid; background-color:#4d4d4d; margin:3px; padding:0px 3px}
.xinoxs:hover{background-color:#666}
.xinox{color:#000000; font-family:'trebuchet ms',helvetica,sans-serif; font-size:100%; font-weight:bold; border-top:1px #E6E6FA solid; border-left:1px #E6E6FA solid; border-right:1px #E6E6FA solid; border-bottom:1px #E6E6FA solid; background-color:#F0F8FF; margin:3px; padding:0px 3px}
.xinox:hover{background-color:#E6E6FA}[/spoiler]
Selesai deh and happy tweaking FTI'ers 
[quote=meo0ong]bang bagi js mentah plz...
kirim ke e-mail ku ya
bhobby_sUck@yahoo.co.id[/quote]
OK deh nanti abang kirimkan ya
[spoiler]controlPanelButtons.innerHTML+="<li id='photoLink'><a href='javascript:loadphoto()'>View Photo Gallery</a></li>"
+"<li id='friendLink'><a href='javascript:loadfriend()'>View Friends</a></li>"
+"<li id='moreLink'><a href='javascript:loadmore()'>Read About Me</a></li>"
+"<li id='fanLink'><a href='javascript:loadfan()'>View Fans Of</a></li>"
+"<li id='groupLink'><a href='javascript:loadgroup()'>View Groups</a></li>"
+"<li id='commentLink'><a href='javascript:loadcomment()'>Read Comments</a></li>"[/spoiler]
Menjadi script ini
[spoiler]dude="<div align='center'><div id='divStayTopLeft' style='position:absolute;z-index:50;'>"
+"<a id='photoLink'><input type='button' value='View Photo Gallery' onClick='javascript:loadphoto()' class=\"xinoxs\" align='middle' style='display:inline;'></a><br>"
+"<a id='friendLink'><input type='button' value='View Friends' onClick='javascript:loadfriend()' class=\"xinoxs\" align='middle' style='display:inline;'></a><br>"
+"<a id='moreLink'><input type='button' value='Read About Me' onClick='javascript:loadmore()' class=\"xinoxs\" align='middle' style='display:inline;'></a><br>"
+"<a id='fanLink'><input type='button' value='View Fans Of' onClick='javascript:loadfan()' class=\"xinoxs\" align='middle' style='display:inline;'></a><br>"
+"<a id='groupLink'><input type='button' value='View Groups' onClick='javascript:loadgroup()' class=\"xinoxs\" align='middle' style='display:inline;'><a><br>"
+"<a id='commentLink'><input type='button' value='Read Comments' onClick='javascript:loadcomment()' class=\"xinoxs\" align='middle' style='display:inline;'></a></div></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="fromtop"
function BoyantDiv()
{
var startX = 15;
var startY = 85;
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();[/spoiler]
Setelah itu merubah JS utama load & unloadnya menjadi begini
[spoiler]function loadphoto(){
showhide("1")
photoLink.innerHTML="<input type='button' value='Hide Photo Gallery' onClick='javascript:unloadphoto()' class=\"xinox\" align='middle' style='display:inline;'>"
}
function loadfriend(){
showhide("2")
friendLink.innerHTML="<input type='button' value='Hide Friends' onClick='javascript:unloadfriend()' class=\"xinox\" align='middle' style='display:inline;'>"
}
function loadmore(){
showhide("6")
moreLink.innerHTML="<input type='button' value='Hide About Me' onClick='javascript:unloadmore()' class=\"xinox\" align='middle' style='display:inline;'>"
}
function loadfan(){
showhide("7")
fanLink.innerHTML="<input type='button' value='Hide Fans Of' onClick='javascript:unloadfan()' class=\"xinox\" align='middle' style='display:inline;'>"
}
function loadgroup(){
showhide("8")
groupLink.innerHTML="<input type='button' value='Hide Groups' onClick='javascript:unloadgroup()' class=\"xinox\" align='middle' style='display:inline;'>"
}
function loadcomment(){
showhide("18")
commentLink.innerHTML="<input type='button' value='Hide Comments' onClick='javascript:unloadcomment()' class=\"xinox\" align='middle' style='display:inline;'>"
}
function unloadphoto(){
showhide("1")
photoLink.innerHTML="<input type='button' value='View Photo Gallery' onClick='javascript:loadphoto()' class=\"xinoxs\" align='middle' style='display:inline;'>"
}
function unloadfriend(){
showhide("2")
friendLink.innerHTML="<input type='button' value='View Friends' onClick='javascript:loadfriend()' class=\"xinoxs\" align='middle' style='display:inline;'>"
}
function unloadmore(){
showhide("6")
moreLink.innerHTML="<input type='button' value='Read About Me' onClick='javascript:loadmore()' class=\"xinoxs\" align='middle' style='display:inline;'>"
}
function unloadfan(){
showhide("7")
fanLink.innerHTML="<input type='button' value='View Fans Of' onClick='javascript:loadfan()' class=\"xinoxs\" align='middle' style='display:inline;'>"
}
function unloadgroup(){
showhide("8")
groupLink.innerHTML="<input type='button' value='View Groups' onClick='javascript:loadgroup()' class=\"xinoxs\" align='middle' style='display:inline;'>"
}
function unloadcomment(){
showhide("18")
commentLink.innerHTML="<input type='button' value='Read Comments' onClick='javascript:loadcomment()' class=\"xinoxs\" align='middle' style='display:inline;'>"
}[/spoiler]
Dan yg terakhir adalah menambahkan script ini ke dalam CSS extension kalian
[spoiler].xinoxs{color:#ddd; font-family:'trebuchet ms',helvetica,sans-serif; font-size:100%; font-weight:bold; border-top:1px #888 solid; border-left:1px #666 solid; border-right:1px #222 solid; border-bottom:1px #000 solid; background-color:#4d4d4d; margin:3px; padding:0px 3px}
.xinoxs:hover{background-color:#666}
.xinox{color:#000000; font-family:'trebuchet ms',helvetica,sans-serif; font-size:100%; font-weight:bold; border-top:1px #E6E6FA solid; border-left:1px #E6E6FA solid; border-right:1px #E6E6FA solid; border-bottom:1px #E6E6FA solid; background-color:#F0F8FF; margin:3px; padding:0px 3px}
.xinox:hover{background-color:#E6E6FA}[/spoiler]
Selesai deh and happy tweaking FTI'ers
[quote=meo0ong]bang bagi js mentah plz...
kirim ke e-mail ku ya
bhobby_sUck@yahoo.co.id[/quote]
OK deh nanti abang kirimkan ya
Last edited by KaNaLiTnUk (2008-12-30 12:43:20)
 |