Biasanya kita customize profile kan pke css..... Percaya atau ga kita bisa customize profil kita pake javascript dan tanpa css tapi terlihat seperti memakai css. Lho bingung kan...? [b]Recommended For Advanced JS User[/b] Okay, kita mulai aja tutorialnya: [quote]document.getElementById("[b]mainnav[/b]").getElementsByTagName("[b]div[/b]")[1].style.[b]display="none"[/b];[/quote] Kode diatas adalah contoh kodenya. Dan yang di bold dapat di edit sesuka hati. JavaScript diatas bisa bertindak sebagai css. Bisa dilihat dengan jelas dari script diatas. [quote][b] Penjelasan Lebih Lanjut:[/b] [quote]document.getElementById("[b]mainnav[/b]")[/quote] bertindak untuk mendapatkan elemen2 dari [b]mainav[/b] (id box). [quote]getElementsByTagName("[b]div[/b]")[/quote] berfungsi untuk mendapatkan elemen2 dari tag [b]div[/b] dan [quote]style.[b]display="none"[/b];[/quote] berfungsi untuk customize style dari box [b]"mainav"[/b] menjadi hidden.[/quote] Dan selain [quote]style.[b]display="none"[/b];[/quote] kita juga dapat menyisipkan innerHtml. Contoh: [quote]document.getElementBy[b]Id[/b]("[b]content_0[/b]").[b]innerHTML[/b]="[b]Kode HTML disini................[/b]";[/quote] [quote][b] content_0[/b]= id box [b]Kode HTML disini................[/b]= tempat untuk memasukan code html [b]innerHTML[/b]= script yg dapat dimasukkan selain .style[/quote] Variasi kode getElementBy: [quote]document.getElementBy[b]Id[/b] document.getElementBy[b]Tag[/b] document.getElementBy[b]Class[/b][/quote] Study More From Shirow Masamune: [quote=Shirow Masamune]Control Panel [quote]document.getElementById("content_0").innerHTML="PUT ANYTHING HERE";[/quote] Photos [quote]document.getElementById("content_1").innerHTML="PUT ANYTHING HERE";[/quote] Friends [quote]document.getElementById("content_2").innerHTML="PUT ANYTHING HERE";[/quote] About Me [quote]document.getElementById("content_6").innerHTML="PUT ANYTHING HERE";[/quote] Fan of [quote]document.getElementById(content_"7").innerHTML="PUT ANYTHING HERE";[/quote] Groups [quote]document.getElementById("content_8").innerHTML="PUT ANYTHING HERE";[/quote] Media Box [quote]document.getElementById("content_10").innerHTML="PUT ANYTHING HERE";[/quote] Reviews [quote]document.getElementById("content_12").innerHTML="PUT ANYTHING HERE";[/quote] Google Ads [quote]document.getElementById("content_14").innerHTML="PUT ANYTHING HERE";[/quote] Meetrail(how we are connected) [quote]document.getElementById("content_15").innerHTML="PUT ANYTHING HERE";[/quote] Testimonials and comments [quote]document.getElementById("content_18").innerHTML="PUT ANYTHING HERE";[/quote] Main Navigation(home profile search etc...) [quote]document.getElementById("mainnav").innerHTML="PUT ANYTHING HERE";[/quote] Sub Navigation(Message Log out etc...) [quote]document.getElementById("subnav").innerHTML="PUT ANYTHING HERE";[/quote] Google Search [quote]document.getElementById("search").innerHTML="PUT ANYTHING HERE";[/quote] Friendster Logo(the smilie) [quote]document.getElementById("logo").innerHTML="PUT ANYTHING HERE";[/quote] Language Panel(Japanese Korean Spanish Chinese blah blah) [quote]document.getElementById("navLang").innerHTML="PUT ANYTHING HERE";[/quote] Surfer [quote]document.getElementById("surfer").innerHTML="PUT ANYTHING HERE";[/quote] Marketing(this is not a market lol) [quote]document.getElementById("marketing").innerHTML="PUT ANYTHING HERE";[/quote] For the lower part Footer [quote]document.getElementById('footer_container').innerHTML = "PUT ANYTHING HERE";[/quote] Control Panel Data(This will replace your login details including your URL, last login, hometown and more.) [quote]document.getElementById("0").getElementsByTagName("ul")[1].innerHTML="PUT ANYTHING HERE";[/quote] Recent Updates [quote]document.getElementById("0").getElementsByTagName("ul")[2].innerHTML="PUT ANYTHING HERE";[/quote] Shout Out Box [quote]document.getElementById('cpShoutoutBox').innerHTML="PUT ANYTHING HERE";[/quote] Control Panel Buttons [quote]document.getElementById("controlPanelButtons").innerHTML="PUT ANYTHING HERE";[/quote] For the view all links View All Comment/Post a comment link(upper part) [quote]document.getElementById('content_18').getElementsByTagName("div")[0].innerHTML="PUT ANYTHING HERE";[/quote] View All Comment/Post a comment link(lower part) [quote]document.getElementById('content_18').getElementsByTagName("div")[21].innerHTML="PUT ANYTHING HERE";[/quote] [/quote] Original Link: http://theftalk.com/t20552-Compilation-innerHTML-Replacement-Modules.html How to use Replacement Module With Nicer way: [quote][b]var ymm0t[/b] = "<div align='left'>Kakkakakakakka<a href='http://theftalk.com/' target='blank'>FriendsterTalk</a><br> Wkwkwkwkwkwk<img src='http://www.anikaos.com/anime_animated_gifs/hamtaro/serie/hamtaro_s_018.gif' alt='hamtaro'></div>"; document.getElementById("mainav").innerHTML="[b]"+ymm0t+"[/b]";[/quote] Nah cara diatas adalah cara yg paling bagus untuk membuat rapih js kita dan mempermudah kita buat ngedit. [b]Penjelasan:[/b] Lihat kode: [quote][b]var ymm0t[/b] = "<div align='left'>Kakkakakakakka<a href='http://theftalk.com/' target='blank'>FriendsterTalk</a><br> Wkwkwkwkwkwk<img src='http://www.anikaos.com/anime_animated_gifs/hamtaro/serie/hamtaro_s_018.gif' alt='hamtaro'></div>";[/quote] kode diatas itu adalah script variable. jadi maksudnya: variable ymm0t itu sama aja [quote]<div align='left'>Kakkakakakakka<a href='http://theftalk.com/' target='blank'>FriendsterTalk</a><br> Wkwkwkwkwkwk<img src='http://www.anikaos.com/anime_animated_gifs/hamtaro/serie/hamtaro_s_018.gif' alt='hamtaro'></div>[/quote] Trus lihat [quote]document.getElementById("mainav").innerHTML="[b]"+ymm0t+"[/b]";[/quote] nah "+ymm0t+" berarti kita menambahkan variable ymm0t kedalamnya jadi bisa dibilang ini:[quote]document.getElementById("mainav").innerHTML="[b]<div align='left'>Kakkakakakakka<a href='http://theftalk.com/' target='blank'>FriendsterTalk</a><br> Wkwkwkwkwkwk<img src='http://www.anikaos.com/anime_animated_gifs/hamtaro/serie/hamtaro_s_018.gif' alt='hamtaro'></div>[/quote] [/b]"; sama aja kayak [quote]document.getElementById("mainav").innerHTML="[b]"+ymm0t+"[/b]";[/quote] tapi lebih simple dan neat gitu. [b]CreateElement[/b] contoh kode yg menggunakan CreateElement: [quote]var myjs = [b]document.createElement("script");[/b] myjs.[b]type = "text/javascript";[/b] myjs.[b]src = "JS URL";[/b] [b]document.getElementsByTagName("head")[0][/b][b].appendChild(myjs);[/b][/quote] Itu dia contoh kodenya. Kode diatas biasa kita sebut sebagai: JS Injection [quote]var myjs = [b]document.createElement("script");[/b][/quote] berarti variabel myjs sama dengan membuat elemen [b]script[/b] [quote]myjs.[b]type = "text/javascript";[/b][/quote] Berarti type dari element tersebut: text/javascript [quote]myjs.[b]src = "JS URL";[/b][/quote] Berarti menambahkan source atau asal dari elemen yg ingin kita buat [quote][b]document.getElementsByTagName("head")[0][/b][b].appendChild(myjs);[/b][/quote] Nah klo yg ini kan sudah saya jelsakan di atas. Mari kita coba yg lain: [quote]var myjs = [b]document.createElement("iframe");[/b] myjs.[b]src = "url html source";[/b] [b]document.getElementsByTagName("body")[0][/b][b].appendChild(myjs);[/b][/quote] [quote]var myjs = [b]document.createElement("embed");[/b] myjs.[b]src = "swf url source";[/b][/quote] Jadi yg ingin saya sampaikan adalah Replacement Modules, Fungsi getElementBy, and CreateElement dapat dikombinasikan menjadi satu. That's all for now. Saya akan update lagi klo menemukan hal2 yang baru.

Last edited by ymm0t (2008-08-03 01:52:41)