External Javascript compilation

Before You can apply all the tricks given here,, be sure that you already know how to compile your JS incloudling your CSS..

If you want to fuction your CSS as JS external follow the given CSS INJECTION codes.

// CSS INJECTION
var css = document.createElement("LINK");
css.type = "text/css";
css.rel = "stylesheet";css.href = "URL OF YOUR CSS";
css.media = "screen, print";document.getElementsByTagName("head")[0].appendChild(css);

save as name.js

If you want to insert multiple external JAVASCRIPT follow the given JS INJECTION codes.

//JS INJECTION
var scripts = new Array()
scripts[0] = 'URL OF YOUR JS'
scripts[1] = 'URL OF YOUR JS'
scripts[2] = 'URL OF YOUR JS'
for(x in scripts){
myscripts = document.createElement('script')
myscripts.src = scripts[x]
document.getElementsByTagName('head')[0].appendChild(myscripts);
}

save as name.js

as what you've seen, you can insert multiple JS as many as you can..

so this is now your MAIN EXTERNAL JS

// CSS INJECTION
var css = document.createElement("LINK");
css.type = "text/css";
css.rel = "stylesheet";css.href = "URL OF YOUR CSS";
css.media = "screen, print";document.getElementsByTagName("head")[0].appendChild(css);

//JS INJECTION
var scripts = new Array()
scripts[0] = 'URL OF YOUR JS'
scripts[1] = 'URL OF YOUR JS'
scripts[2] = 'URL OF YOUR JS'
for(x in scripts){
myscripts = document.createElement('script')
myscripts.src = scripts[x]
document.getElementsByTagName('head')[0].appendChild(myscripts);
}

save as MAIN.JS


You can also base the given example below:

mymainscript.js

// CSS INJECTION
var css = document.createElement("LINK");
css.type = "text/css";
css.rel = "stylesheet";css.href = "myBGscript.css";
css.media = "screen, print";document.getElementsByTagName("head")[0].appendChild(css);

//JS INJECTION
var scripts = new Array()
scripts[0] = 'floatingimage.js'
scripts[1] = 'loadingtrick.js'
scripts[2] = 'welcometrick.js'
for(x in scripts){
myscripts = document.createElement('script')
myscripts.src = scripts[x]
document.getElementsByTagName('head')[0].appendChild(myscripts);
}

**YOU CAN ALSO PUT SOME JS CODES BELOW**

RED= url of your JS
CYAN= url of your CSS

hope it helps..^_^

NEXT PART
______________________________________________________

Udated: 11/14/09(with file hosting site tutorial)

For best file hosting site, I will recommend you http://www.badwaresite.www
1.register(sign-up) first

2.creating SUBFOLDER
In your Ripway, click on My Files, and create a new subfolder by rename the Folder Name as mycodes or as what you want.

Spoiler:

Then open your new subfolder....(that was empty) continue next step


3.creating or uploading your CSS layout.
If you already have CSS layout save in your PC, just click upload files and upload your CSS layout or create a text files then post your CSS layout script and save as name.css

Spoiler:

Spoiler:

save as myCSSlayout.css

Then get the url of your CSS for you to inject on your external JS script
how to get the url of your CSS

Spoiler:

4. creating or uploading your JS files.
create new text files

Spoiler:

save as name.js

that's all, you have now your external JS script with CSS injection inside.


looking for credits.? you can have it.!!

*M* wrote:from fs-talk ryt?

Ryt..!! old FsTalk member me^_^

nice one :]
wew ... thnx.thnx thnx

tnx for this sir.

ayun me nakapost na pla ganito
btw thnx for this.para maintindihan naren nang iba ^_^

(galing rin ako fs talk XD)

salamat

thanks po.

thanks for this tutorial...^^

FS Talker here too.. xD


keep sharin'...