
Tutorial By: ymm0t

Credits: [b]Archer and ME[/b]
[color=red]Edited! 100% tested and working![/color]
Okay, sebenernya aku buat tutorial ini iseng-iseng aja..... Moga-moga bermanfaat!
JS Injection
[quote]var myjs = document.createElement("script");
myjs.type = "text/javascript";
myjs.src = "JS URL";
document.getElementsByTagName("head")[0].appendChild(myjs);[/quote]
CSS Injection
[quote]var css = document.createElement("link");
css.type = "text/css";
css.rel = "stylesheet";
css.href = "CSS URL";
css.media = "screen, print";
document.getElementsByTagName("head")[0].appendChild(css);[/quote]
Pasti sudah mengenal kode-kode diatas. Kedua kode diatas digunakan untuk inject file external (CSS & JS)
Nah, ini dia permasalahannya. Banyak orang yang ingin inject file js/css yg lebih dari 1. Ini dia kode yang mereka masukan:
[quote]var myjs = document.createElement("script");
myjs.type = "text/javascript";
myjs.src = "JS URL";
document.getElementsByTagName("head")[0].appendChild(myjs);
var myjs = document.createElement("script");
myjs.type = "text/javascript";
myjs.src = "JS URL";
document.getElementsByTagName("head")[0].appendChild(myjs);[/quote]
Nah, itu kan buang-buang tempat. Mendingan, kita simplify jadi:
[quote]rootFolder = '[b]
http://www.myhost.com/myfolder/myfiles/[/b]'
css.type = "text/css";
css.rel = "stylesheet";css.href = "[b]CSS HERE[/b]";
css.media = "screen, print";document.getElementsByTagName("head")[0].appendChild(css);
var sCount
var myscripts = new Array()
[b]myscripts[0] = 'myEnterPage.js'
myscripts[1] = 'myTracker.js'
myscripts[2] = 'myWhateverDohicky.js'[/b]
for(sCount in myscripts){
a=document.createElement('script')
a.src=rootFolder+myscripts[sCount]
navBg.appendChild(a)
}[/quote]
Ganti text bold dengan root folder dan lokasi file js kamu.
[b]Simplified CSS Injections[/b]:
[quote]var mycss = new Array()
[b]mycss[0] = 'mycss1.css'
mycss[2] = 'mycss2.css'
mycss[3] = 'mycss3.css' [/b]
for(x in mycss){
cssFile = document.createElement('link')
cssFile.rel = 'stylesheet'
cssFile.href = rootFolder+mycss[x]
document.getElementsByTagName('head')[0].appendChild(cssFile)
}[/quote]
tinggal ganti yg di bold dengan url css kmu!
[quote]mycss[0] = 'URL CSS KMU DISINI!'[/quote]
2nd Trick: Inject CSS in CSS file
[quote]/* Import Main Styles */
@import url(CSS URL);
/* End Import */[/quote]
Masukan di file css kamu.
Thx.
Last edited by ymm0t (2008-08-12 08:54:35)