[b]Old Tricks in Flash[/b] (credit goes to [b]Marfillaster[/b] and [b]Feruzz[/b] ) [b]1. Membuat Box Baru Berisi Flash Image[/b] Pertama-tama kita buat dulu Flash yang ingin kita tampilkan ke dalam FS kita. Sebagai contoh aku gunakan situs [url]www.slide.com[/url]. Setelah kita buat flashnya (disini aku buat flash slide sederhana menggunakan 3 pic), kita akan mendapat script seperti di bawah ini : [quote]<p style="visibility:visible;"><object type="application/x-shockwave-flash" data="http://widget-ca.slide.com/widgets/slideticker.swf" height="200" width="200" style="width:200px;height:200px"><param name="movie" value="http://widget-ca.slide.com/widgets/slideticker.swf" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="salign" value="l" /><param name="wmode" value="transparent"/> <param name="flashvars" value="cy=ms&il=1&channel=1080863910569394890&site=widget-ca.slide.com"/></object>[b]<p><a href="http://www.slide.com/pivot?cy=ms&ad=0&id=1080863910569394890&map=1" target="_blank"><img src="http://widget-ca.slide.com/p1/1080863910569394890/ms_t000_v000_a000_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=ms&ad=0&id=1080863910569394890&map=2" target="_blank"><img src="http://widget-ca.slide.com/p2/1080863910569394890/ms_t000_v000_a000_f00/images/xslide2.gif" border="0" ismap="ismap" /></a></p></p>[/b][/quote] Lihat script yang tebal diatas. Buang script tersebut karena itu tidak akan diperlukan Jadi nanti scriptnya akan menjadi : [quote]<p style="visibility:visible;"><object type="application/x-shockwave-flash" data="http://widget-ca.slide.com/widgets/slideticker.swf" height="200" width="200" style="width:200px;height:200px"><param name="movie" value="http://widget-ca.slide.com/widgets/slideticker.swf" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="salign" value="l" /><param name="wmode" value="transparent"/> <param name="flashvars" value="cy=ms&il=1&channel=1080863910569394890&site=widget-ca.slide.com"/></object>[/quote] Setelah itu, copy pastekan script tersebut ke dalam Notepad. Ganti semua tanda ([b]"[/b]) dengan ([b]\"[/b]). Caranya, buka Notepad klik edit klik replace Nah sekarang kita sudah dapatkan variabel JS nya. Sekarang utk menempatkan variabel JS tersebut menjadi box baru, kita tambahkan ID variabelnya lalu tambahkan script addBox. Maka script variabel akhitnya akan menjadi begini : [quote]var slide = "<p style=\"visibility:visible;\"><object type=\"application/x-shockwave-flash\" data=\"http://widget-ca.slide.com/widgets/slideticker.swf\" height=\"200\" width=\"200\" style=\"width:200px;height:200px\"><param name=\"movie\" value=\"http://widget-ca.slide.com/widgets/slideticker.swf\" /><param name=\"quality\" value=\"high\" /><param name=\"scale\" value=\"noscale\" /><param name=\"salign\" value=\"l\" /><param name=\"wmode\" value=\"transparent\"/> <param name=\"flashvars\" value=\"cy=ms&il=1&channel=1080863910569394890&site=widget-ca.slide.com\"/></object>"; addBox("[b]RIGHT[/b]","ADDITIONAL FRIENDS",slide,"flash",[b]null[/b]);[/quote] Edit RIGHT ke LEFT atau sebaliknya utk menempatkan box baru kamu ke kiri atau ke kanan. Edit NULL lalu ganti dengan div ID box sesuai dengan posisi utk box baru kamu ini OK. Ingat bahwan posisi NULL tidak menggunakan tanda kutip. Beda dengan div ID box > [b]null[/b] = Benar > [b]"null"[/b] = Salah utk div ID box : > [b]"15"[/b] = Benar > [b]15[/b] = Salah Setelah itu masukkan variabel JS tersebut ke dalam [b]BAGIAN B[/b] (lihat postingan paling awal di thread ini) [b]2. Mengganti Primary Pic Dengan Flash[/b] Prinsipnya sama dengan nomor 1 di atas jadi biar lebih simple kita pakai variabel JS dari nomor 1. Lalu pakai script ini : [quote]if (!attachOnLoadHandler(function() { primaryImg();})) window.onload = function() { primaryImg();}; function primaryImg() { PRIMARYIMAGE.init(); } if (typeof PRIMARYIMAGE == "undefined") { PRIMARYIMAGE = {}; } PRIMARYIMAGE = { HTML: [], sibling: [], init: function() { this.HTML = document.createElement("DIV"); this.HTML.innerHTML = "[b]ENTER HTML HERE[/b]"; this.sibling = this.getModuleByClassName(/imgblock200/i)[0]; this.sibling.parentNode.replaceChild(this.HTML,this.sibling); }, getModuleByClassName: function(sClass) { var elm = []; var els = document.getElementsByTagName("*") || document.all; for (var j=0,k=els.length;j<k;j++) { if (new RegExp(sClass).test(els[j].className))elm.push(els[j]); } return elm; } };[/quote] ENTER HTML HERE ganti dengan variabel JS seperti nomor 1 jadi hasil scriptnya menjadi begini : [quote]if (!attachOnLoadHandler(function() { primaryImg();})) window.onload = function() { primaryImg();}; function primaryImg() { PRIMARYIMAGE.init(); } if (typeof PRIMARYIMAGE == "undefined") { PRIMARYIMAGE = {}; } PRIMARYIMAGE = { HTML: [], sibling: [], init: function() { this.HTML = document.createElement("DIV"); this.HTML.innerHTML = "<p style=\"visibility:visible;\"><object type=\"application/x-shockwave-flash\" data=\"http://widget-ca.slide.com/widgets/slideticker.swf\" height=\"200\" width=\"200\" style=\"width:200px;height:200px\"><param name=\"movie\" value=\"http://widget-ca.slide.com/widgets/slideticker.swf\" /><param name=\"quality\" value=\"high\" /><param name=\"scale\" value=\"noscale\" /><param name=\"salign\" value=\"l\" /><param name=\"wmode\" value=\"transparent\"/> <param name=\"flashvars\" value=\"cy=ms&il=1&channel=1080863910569394890&site=widget-ca.slide.com\"/></object>"; this.sibling = this.getModuleByClassName(/imgblock200/i)[0]; this.sibling.parentNode.replaceChild(this.HTML,this.sibling); }, getModuleByClassName: function(sClass) { var elm = []; var els = document.getElementsByTagName("*") || document.all; for (var j=0,k=els.length;j<k;j++) { if (new RegExp(sClass).test(els[j].className))elm.push(els[j]); } return elm; } };[/quote] Masukkan script tersebut ke dalam [b]BAGIAN C[/b] (lihat postingan paling awal di thread ini). Semoga berguna [color=red][b]ADDITION[/b][/color] : Mungkin ada diatara FTI'ers yang bingung bagaimana merubah HTML menjadi variabel JS. Untuk mempermudahnya, use [b]Notepad[/b]. Ganti semua tanda ([b]"[/b]) dengan tanda ([b]\"[/b]). Dapat deh variabel JS nya (contohnya bisa dilihat di atas)

Last edited by KaNaLiTnUk (2007-11-12 13:41:24)