tapi mungkin temen2 dah pada tau masukin code html
[quote]document.getElementById("mainnav").innerHTML="<div class=\"primary_links\"><div style='background-color:[b]transparent[/b];width:[b]500px[/b];height:[b]50px[/b];background-image: url([b]BG_IMAGE[/b]);'><table width='[b]500[/b]' height='[b]50[/b]' border='2' border-color='[b]snow[/b]' cellspacing='0' cellpadding='0'><tr><td align='center'><a href='javascript:loadPhotos()'><b><font color='[b]black[/b]' size='[b]2[/b]'>View Photo Gallery</b><font></a> | <a href='javascript:loadMore()'><b><font color='[b]black[/b]' size='[b]2[/b]'>Read About Me</b></font></a> | <a href='javascript:loadFans()'><b><font color='[b]black[/b]' size='[b]2[/b]'>View Fans List</b></font></a> | <a href='javascript:loadGroups()'><b><font color='[b]black[/b]' size='[b]2[/b]'>View Groups</b></font></a> | <a href='javascript:loadComments()'><b><font color='[b]black[/b]' size='[b]2[/b]'>Read Testimonial & Comments</b></font></a></td></tr></table></div>";[/quote]
Edit bagian yang bercetak tebal
Last edited by anoer (2008-08-04 07:28:11)
Last edited by ymm0t (2008-08-04 08:47:47)

Last edited by KaNaLiTnUk (2008-08-04 13:53:06)
Gile bener sekarang kemajuan coding anak2 FTI
on topic : Makasih banayk buat Master Kanal atas tutorialnya
[b]TS[/b]
wedew..
manteb banged neeh script...
klo di liad dari script crossover gw..
ini bisa di bilang..
[b]SIMPLE CROSSOVER[/b]..
nice thread om..
^_^
+1 repu deh...
hohoh...
[quote=anoer]Bang saya baru mo coba di FS saya, eh ternyata untuk side barnya ga bisa ya bang? berarti untuk pengguna 1 kolom aja ya bang?[/quote]
Gak juga kok bro Anoer
Tinggal diedit saja script utk repost (reposisi) boxnya
[quote=dj_afran]wedew..
manteb banged neeh script...
klo di liad dari script crossover gw..
ini bisa di bilang..
SIMPLE CROSSOVER..[/quote]
Iya abang juga aneh nih bro Afran Banyak yg bilang simple crossover
[b]BangKanal[/b]
Sorry bang asal copas aja, yup udah selesai masalah untuk 2 kolom....
Ada masalah lagi neh button mainnav yang kemaren saya post ternyata ada yang salah, saya juga bru coba
[sup]Sorry[/sup]
Post yang kemaren itu setelah saya coba ternyata cuman bisa view aja tapi ga bisa ngehide lagi. agar bisa di hide lagi jadi tambahin [b]<a id='xxx'>[/b] klo pake [b]<li id='xxx'>[/b] posisinya akan tetep berjejer ke bawah.
[b]contoh[/b]
[quote][b]<a id='photoLink'>[/b]<a href='javascript:loadPhotos()'>View Photo Gallery</a>[/quote]
Yang ini dah saya coba ko' bang
n berhasil show - hide, n posisinya melebar ke samping
[i]tapi kurangnya ko kita hide maka button hidenya muncul di samping view[/i]
Last edited by anoer (2008-08-05 14:11:49)
n berhasil show - hide, n posisinya melebar ke samping
[/quote]
Can I see the preview bro Noel
Atau ini link show & hide utk FS 2 kolom
Last edited by KaNaLiTnUk (2008-08-05 13:50:39)
Atau ini link show & hide utk FS 2 kolom
[/quote]
Lagi baru coba... klo ada kekurangannya tolong tambahin lagi soalnya saya juga mo make yang di mainnav
[url=http://profiles.friendster.com/41019915]TestProfile[/url]
[/quote]
Iya nih ada sedikit kekurangan bro Noel
Buttonsnya jadi double
Kayanya harus ada yg perlu diedit kembali . Abang tunggu hasilnya OK
[b]Bang kanal...[/b]
Untuk mainnav saya dapet jawabannya tapi sedikit merubah fungsi show hidenya, link hidenya saya taro di dalam contentboxnya, saya merubah ini coz post yang tadi itu menimbulkan double link ketika di view, klo saya tambahkan list tags show hide bekerja dengan sempurna tapi linknya berjejer ke bawah.
Credits 2 Bang Nopz
scriptnya saya ambil script dari [url=http://theftalk.com/t12904.html][b]bang nopz[/b][/url] dan mengeditnya kembali, ini contoh script show hidenya
[b]JS extension utk penambahan mainnav[/b]
sama seperti 1st post
[b]JS extension utk showhide (di sini saya robah semua)[/b]
[spoiler]function unloadPhotos(){
document.getElementById("1").style.display="none"
}
function unloadMore(){
document.getElementById("6").style.display="none"
}
function unloadFans(){
document.getElementById("7").style.display="none"
}
function unloadGroups(){
document.getElementById("8").style.display="none"
}
function unloadComments(){
document.getElementById("18").style.display="none"
}
function loadPhotos(){
document.getElementById("1").style.display="block"
photoLink.innerHTML="<a href='javascript:loadPhotos()'>View Photo Gallery</a>"
}
function loadMore(){
document.getElementById("6").style.display="block"
moreLink.innerHTML="<a href='javascript:loadMore()'>Read About Me</a>"
}
function loadFans(){
document.getElementById("7").style.display="block"
fanLink.innerHTML="<a href='javascript:loadFans()'>View Fans List</a>"
}
function loadGroups(){
document.getElementById("8").style.display="block"
groupLink.innerHTML="<a href='javascript:loadGroups()'>View Groups</a>"
}
function loadComments(){
document.getElementById("18").style.display="block"
commentsLink.innerHTML="<a href='javascript:loadComments()'>Read Testimonial & Comments</a>"
}[/spoiler]
silahkan tambahkan untuk box2 yang laen...!!! mengikut script di atas
[b]JS extension utk penambahan link hide dalam content[/b]
[spoiler]function tutup(boxnya,buttonname,urlnya){
try {
var link=document.createElement("div");
} catch(e) {
var link=document.createElement("<div>");
}
link.innerHTML="<br><div align='center'><center><input type='button'class='pencet' value='"+buttonname+"' onClick='"+urlnya+"'></center></div>";
document.getElementById(boxnya).appendChild(link);
}
tutup("1","Close Box My Photos","javascript:unloadPhotos()");
tutup("6","Close Box More About Me","javascript:unloadMore()");
tutup("18","Close Box My Comments","javascript:unloadComments()");
tutup("7","Close Box My Fans","javascript:unloadFans()");
tutup("8","Close Box My Groups","javascript:unloadGroups()");[/spoiler]
[b]css tambahan untuk tampilan hide link[/b]
[quote].pencet{cursor: hand; cursor: pointer; color:#[b]xxxx[/b]; font-family:'trebuchet ms',helvetica,sans-serif; font-size:100%; font-weight:bold; border-top: 1px #[b]xxxx[/b] solid; border-left: 1px #[b]xxxx[/b] solid; border-right: 1px #2[b]xxxx[/b] solid; border-bottom: 1px #[b]xxxx[/b] solid; background-color: #[b]xxxx[/b]; margin: 3px; padding: 0px 3px;}
.pencet:hover{
background-color: #[b]xxxx[/b];
}[/quote]
Karena Button Viewnya ada di mainnav so kita bisa menghilangkan semua box termasuk control panel, jadi yang tersisa cuman link shownya yang ada di mainnav.
[b]preipiu[/b] [url=http://profiles.friendster.com/][b]My Test Profile[/b][/url]
[sup]sorry[/sup] bang sementara ini saya blom menemukan jawaban menambah hide button dalam contentboxnya untuk addbox tambahan. coz untuk box tambahan tidak bisa memasukkan satu persatu button hidenya, Jadi khusus addbox gunakan script default dulu (yang di control panel)
Kemungkinan laen bisa menambah box + showhide tanpa menggunakan function addbox seperti My Credits di FS saya, tapi blom mencobanya
ato dengan cara menambahkan <input type='button' bla..bla..bla.. ke dalam variablenya, yang saya masih bingung untuk content tracker. [i]Tolong bantuannya bang..!!! :idea:[/i] Insya allah klo ada waktu lanjut lagi
Last edited by anoer (2008-10-06 08:31:03)