if (document.
createStyleSheet) { //IE ONLY
with ([Link]()) { //create stylesheet
addRule("P","font-family: verdana; font-size: 10pt; color: red"); //add rule
}
}
else if ([Link] && [Link]) { //NS6, OPERA
var head = [Link]("head")[0]; //locate <head>
//create <style>
var mystyle = [Link]("style");
[Link] = "text/css";
mystyle = [Link](mystyle);
//how do I add the rule??
}
-------------------
var myStyle = "<"+"style type=\"text\/css\""
myStyle += ">p {font-family:verdana} <
myStyle += "\/style>"
var head = [Link]("head")[0]
[Link]("beforeEnd",myStyle)
------------------------
function addCss(cssCode) {
var styleElement = [Link]("style");
[Link] = "text/css";
if ([Link]) {
[Link] = cssCode;
} else {
[Link]([Link](cssCode));
}
[Link]("head")[0].appendChild(styleElement);
}
-----------------------
Dynamically loading external JavaScript and CSS files
function loadjscssfile(filename, filetype){
if (filetype=="js"){ //if filename is a external JavaScript file
var fileref=[Link]('script')
[Link]("type","text/javascript")
[Link]("src", filename)
}
else if (filetype=="css"){ //if filename is an external CSS file
var fileref=[Link]("link")
[Link]("rel", "stylesheet")
[Link]("type", "text/css")
[Link]("href", filename)
}
if (typeof fileref!="undefined")
[Link]("head")[0].appendChild(fileref)
}
loadjscssfile("[Link]", "js") //dynamically load and add this .js file
loadjscssfile("[Link]", "js") //dynamically load "[Link]" as a
JavaScript file
loadjscssfile("[Link]", "css") ////dynamically load and add this .css file
---------------------------------
var filesadded="" //list of files already added
function checkloadjscssfile(filename, filetype){
if ([Link]("["+filename+"]")==-1){
loadjscssfile(filename, filetype)
filesadded+="["+filename+"]" //List of files added in the form
"[filename1],[filename2],etc"
}
else
alert("file already added!")
}
checkloadjscssfile("[Link]", "js") //success
checkloadjscssfile("[Link]", "js") //redundant file, so file not added
-----------------------------------
for modifying css through js
function detectBrowser()
{
var browser=[Link];
var b_version=[Link];
var version=parseFloat(b_version);
if ((browser=="Netscape"||browser=="Microsoft Internet Explorer") &&
(version>=4))
{
alert("Your browser is good enough!");
if ([Link])
{ //IE ONLY
with ([Link]())
{ //create stylesheet
addRule("#col-mid","height:340px; width:964px; margin:0px auto;
padding:0em; border:0px solid #000; padding:10px 0px 0px 0px;"); //add rule
}
}
}
else
{
alert("It's time to upgrade your browser!");
if ([Link])
{ //IE ONLY
with ([Link]())
{ //create stylesheet
addRule("#col-mid","min-height:340px; width:964px; margin:0px
auto; padding:0em; border:0px solid #000; padding:10px 0px 0px 0px;"); //add rule
}
}
}
}
<body onload="detectBrowser()">
