[b]LINKERS UPDATED: JUNE 05, 2008[/b]
[b]Crossbrowser Linker for JS[/b]
by:Angell de Ville
[quote]<style type='text/css'>@impo\rt url(http://wavegirlsdesigns.com/loader/linker.css);</style><a href=[color=orange]'LINK OF JS URL' [/color]id='cradle'></a>[/quote]
[b]CSS and JS Linkers[/b]
[url=http://the-cradle.users-board.com/index.htm]by Angell de Ville[/url]
http://the-cradle.users-board.com/index.htm
[b]CSS LINKERS[/b]
ASCII Linkers
The following linkers revert to their normal states after you have saved it in your media box. You need to repaste them again if you are going to edit your media section
[quote]<style type='text/css'>@i\mport url([color=orange]LINK OF YOUR CSS FILE[/color]);</style>[/quote]
[quote]<style type='text/css'>@i\mport url([color=orange]LINK OF YOUR CSSFILE[/color]);</style>[/quote]
[quote]<style type='text/css'>@i\mport url([color=orange]LINK OF YOUR CSS FILE[/color]);</style>[/quote]
[quote]<style type='text/css'>@i\mport url([color=orange]LINK OF YOUR CSS FILE[/color]);</style>[/quote]
[quote]<style type='text/css'>@i\mport url([color=orange]LINK OF YOUR CSS FILE[/color]);</style>[/quote]
[quote]<style type='text/css'>@i\mport url([color=orange]LINK OF YOUR CSS FILE[/color]);</style>[/quote]
[b]Backslashed Linkers[/b]
The following linkers are the best to use for those who always edit their media box.
[quote]<style type='text/css'>@\import url([color=orange]LINK OF YOUR CSS FILE[/color]);</style>[/quote]
[quote]<style type='text/css'>@i\mport url([color=orange]LINK OF YOUR CSS FILE[/color]);</style>[/quote]
[quote]<style type='text/css'>@im\port url([color=orange]LINK OF YOUR CSS FILE[/color]);</style>[/quote]
[quote]<style type='text/css'>@imp\ort url([color=orange]LINK OF YOUR CSS FILE[/color]);</style>[/quote]
[b]JS LINKERS[/b]
ASCII Linkers
The following linkers revert to their normal states after you have saved it in your media box. You need to repaste them again if you are going to edit your media section.
[quote]<style type='text/css'>@import url(http://wavegirlsdesigns.com/loader/linker.css);</style><a href='[color=orange]LINK OF YOUR JS FILE[/color]' id='cradle'></a>[/quote]
[quote]<style type='text/css'>@import url(http://wavegirlsdesigns.com/loader/linker.css);</style><a href='[color=orange]LINK OF YOUR JS FILE[/color]' id='cradle'></a>[/quote]
[quote]<style type='text/css'>@import url(http://wavegirlsdesigns.com/loader/linker.css);</style><a href='[color=orange]LINK OF YOUR JS FILE[/color]' id='cradle'></a>[/quote]
[quote]<style type='text/css'>@import url(http://wavegirlsdesigns.com/loader/linker.css);</style><a href='[color=orange]LINK OF YOUR JS FILE[/color]' id='cradle'></a>[/quote]
[b]Backslashed Linkers[/b]
The following linkers are the best to use for those who always edit their media box.
[quote]<style type='text/css'>@\import url(http://wavegirlsdesigns.com/loader/linker.css);</style><a href='[color=orange]LINK OF YOUR JS FILE[/color]' id='cradle'></a>[/quote]
[quote]<style type='text/css'>@i\mport url(http://wavegirlsdesigns.com/loader/linker.css);</style><a href='[color=orange]LINK OF YOUR JS FILE[/color]' id='cradle'></a>[/quote]
[quote]<style type='text/css'>@im\port url(http://wavegirlsdesigns.com/loader/linker.css);</style><a href='[color=orange]LINK OF YOUR JS FILE[/color]' id='cradle'></a>[/quote]
[quote]<style type='text/css'>@imp\ort url(http://wavegirlsdesigns.com/loader/linker.css);</style><a href='[color=orange]LINK OF YOUR JS FILE[/color]' id='cradle'></a>[/quote]
[size=18]How To Create Your Own Linker?[/size]
Important: This will work perfectly for single-themed layouts
Step 1: Delete your css injection code from your js file.
Step 2. Used any of the AScii Css Linkers above and paste it in your media box:
That would be the only linker in your media box.
Step 4. Paste the link of your js file in the code below then save it at ripway as jsloader.swf
[quote]<?xml version="1.0"?>
<bindings xmlns="http://www.mozilla.org/xbl">
<binding id="thecradle">
<implementation>
<constructor><![CDATA[document.write('<script src=[color=orange]Your JS URL[/color]></script>')]]></constructor>
</implementation>
</binding>
</bindings>[/quote]
Step 5. Modify the code below then just add in your css file
[quote]body {
-moz-binding:url("[color=orange]LINK OF YOUR JSLOADER.SWF[/color]#thecradle");
width:expression(
function load(){
get=document.createElement("script");
get.type="text/javascript";
get.src="[color=orange]LINK OF YOUR JS FILE[/color]";
document.getElementsByTagName("head")[0].appendChild(get);}
window.onload=load);
}[/quote]
[b]Having a problem in their WVM in IE?[/b]
Try this:
Modify the code below ( Be sure you have no other wvm codes in your main js file )
[quote]selectBrowser=navigator.appName
forFX="[color=orange]URL OF YOUR WVM JS FILE FOR FIREFOX[/color]"
forIE="[color=orange]URL OF YOUR WVM JS FILE FOR INTERNET EXPLORER[/color]"
loadWVM=document.createElement("script")
loadWVM.type="text/javascript"
navBg.appendChild(loadWVM)
if(selectBrowser.indexOf("Netscape")!=-1){
loadWVM.src=forFX
}
else{
loadWVM.src=forIE
}[/quote]
Code to be Putted: Your JS main Files
ANOTHER solution:
Look for this part in your TRACKER.JS
[quote]if (!attachOnLoadHandler(function(){onProfileLoad()})) window.onload = function(){onProfileLoad()};[/quote]
and replace it with this
[quote]onProfileLoad()[/quote]
This will eliminate the onload function in your tracker.js but it will still load your tracker.js file
Note: For more INFORMATION visit:
http://the-cradle.users-board.com/
--------------------------------------------------------------------------------------------
[b]COMPILE JS and CSS in one file[/b]
codes provided by: Archer
[quote]var script = document.createElement("script");
script.type = "text/javascript";script.src = "[color=orange]JS URL HERE[/color]";
document.getElementsByTagName("head")[0].appendChild(script);
var css = document.createElement("link");
css.type = "text/css";
css.rel = "stylesheet";css.href = "[color=orange]CSS URL HERE[/color]";
css.media = "screen, print";document.getElementsByTagName("head")[0].appendChild(css);[/quote]
Last edited by adrizz_ndezo (2008-06-06 02:14:11)