Script untuk menambah objek di bagian atas/bawah box. Dalam contoh ini saya gunakan objek gambar. Preview : [url]http://profiles.friendster.com/nopathz[/url] [quote]function objek(boxnya){ try { var diatas=document.createElement("div"); var dibawah=document.createElement("div"); } catch(e) { var diatas=document.createElement("<div>"); var dibawah=document.createElement("<div>"); } //sebagai contoh, misal kita ingin menambah IMAGE diatas.innerHTML="<center><img src='[b]URL IMAGE_ATAS[/b]'></center>"; dibawah.innerHTML="<center><img src='[b]URL IMAGE_BAWAH[/b]'></center>"; kotakid=document.getElementById(boxnya); konten=document.getElementById("content_"+boxnya); //MENAMBAH OBJEK DI BAGIAN ATAS BOX konten.parentNode.insertBefore(diatas,konten); //MENAMBAH OBJEK DI BAGIAN BAWAH BOX kotakid.appendChild(dibawah); } objek("0"); //controlpanel objek("1"); //photos objek("13"); //blogs objek("12"); //reviews objek("6"); //moreabout objek("18"); //publiccomments objek("10"); //scrapbook //KHUSUS UNTUK BOX YANG TERLETAK DI SEBELAH KANAN, LETAKKAN DI DALAM FUNGSI ONPROFILELOAD if (!attachOnLoadHandler(function(){onProfileLoad()})) window.onload = function(){onProfileLoad()}; function onProfileLoad() { objek("2"); //friends objek("7"); //fanof objek("8"); //groups }[/quote] Ganti yang berhuruf tebal sesuai dengan URL image punya kamu. Kopas script tersebut ke bagian terbawah dari js. Kecuali kalau js kalian sudah ada fungsi onprofileload sebelumnya maka fungsi pemanggil diletakkan di dalam onprofileload yang sudah ada. Untuk menambah objek di sebelah [b]atas [/b]secara satu persatu : [quote]function objekatas(boxnya,urlnya){ try { var atas=document.createElement("div"); } catch(e) { var atas=document.createElement("<div>"); } atas.innerHTML="<center><img src='"+urlnya+"'></center>"; document.getElementById("content_"+boxnya).parentNode.insertBefore(atas,document.getElementById("content_"+boxnya)); } objekatas("0","[b]URL IMAGE_ATAS[/b]"); //controlpanel objekatas("1","[b]URL IMAGE_ATAS[/b]"); //photos objekatas("13","[b]URL IMAGE_ATAS[/b]"); //blogs objekatas("12","[b]URL IMAGE_ATAS[/b]"); //reviews objekatas("6","[b]URL IMAGE_ATAS[/b]"); //moreabout objekatas("18","[b]URL IMAGE_ATAS[/b]"); //publiccomments objekatas("10","[b]URL IMAGE_ATAS[/b]"); //scrapbook // KHUSUS UNTUK BOX YANG TERLETAK DI SEBELAH KANAN, BUAT FUNGSI ONPROFILELOAD DAN MASUKKAN KE DALAMNYA // (kalau dalam js sudah ada fungsi onprofileload, tinggal masukkan saja) if (!attachOnLoadHandler(function(){onProfileLoad()})) window.onload = function(){onProfileLoad()}; function onProfileLoad() { objekatas("2","[b]URL IMAGE_ATAS[/b]"); //friends objekatas("7","[b]URL IMAGE_ATAS[/b]"); //fanof objekatas("8","[b]URL IMAGE_ATAS[/b]"); //groups }[/quote] Untuk menambah objek di sebelah [b]bawah[/b] secara satu persatu : [quote]function objekbawah(boxnya,urlnya){ try { var bawah=document.createElement("div"); } catch(e) { var bawah=document.createElement("<div>"); } bawah.innerHTML="<center><img src='"+urlnya+"'></center>"; document.getElementById(boxnya).appendChild(bawah); } objekbawah("0","[b]URL IMAGE_BAWAH[/b]"); //controlpanel objekbawah("1","[b]URL IMAGE_BAWAH[/b]"); //photos objekbawah("13","[b]URL IMAGE_BAWAH[/b]"); //blogs objekbawah("12","[b]URL IMAGE_BAWAH[/b]"); //reviews objekbawah("6","[b]URL IMAGE_BAWAH[/b]"); //moreabout objekbawah("18","[b]URL IMAGE_BAWAH[/b]"); //publiccomments objekbawah("10","[b]URL IMAGE_BAWAH[/b]"); //scrapbook // KHUSUS UNTUK BOX YANG TERLETAK DI SEBELAH KANAN, BUAT FUNGSI ONPROFILELOAD DAN MASUKKAN KE DALAMNYA // (kalau dalam js sudah ada fungsi onprofileload, tinggal masukkan saja) if (!attachOnLoadHandler(function(){onProfileLoad()})) window.onload = function(){onProfileLoad()}; function onProfileLoad() { objekbawah("2","[b]URL IMAGE_BAWAH[/b]"); //friends objekbawah("7","[b]URL IMAGE_BAWAH[/b]"); //fanof objekbawah("8","[b]URL IMAGE_BAWAH[/b]"); //groups }[/quote] Untuk menambah objek di bagian atas dan bawah pada fungsi AddBox, cari bagian ini dalam fungsi AddBox dan tambahkan objeknya (disini saya tandai dengan berhuruf tebal) [quote]li.innerHTML="<div id='"+id+"' class='commonbox "+id+"'>"+ "<h2>"+head+"</h2>"+[b]"<center><img src='URL IMAGE_ATAS'></center>"+[/b] "<div id='content_"+id+"'>"+ htm+ "</div>"+[b]"<center><img src='URL IMAGE_BAWAH'></center>"+[/b] "</div>";[/quote] Lumayan untuk utak-atik js sambil menunggu perkembangan update FS ... Dan .. semoga berguna ..

Last edited by KaNaLiTnUk (2008-03-10 14:19:50)