What's Here?
- Members: 131,107
- Replies: 468,509
- Topics: 72,573
- Snippets: 2,532
- Tutorials: 661
- Total Online: 2,140
- Members: 69
- Guests: 2,071
Who's Online?
|
custom tag used to load css based on screen resolution, operating system, and browser
|
Submitted By: wiredwizard
|
|
|
Rating:
|
|
Views: 1,194 |
Language: ColdFusion
|
|
Last Modified: May 7, 2005 |
Instructions: will need style sheet for all of following
ie 800x600 = global.css
ie 1024 = globallg.css
netscape 800 = nglobal.css
and so forth |
Snippet
<script language="JavaScript" type="text/JavaScript">
var screen_width = screen.width;
var myflag = false
if(navigator.appName == "Microsoft Internet Explorer" && screen_width <= 800 && navigator.appVersion.indexOf("Win")!=-1) {
document.write("<link href=\"global.css\" rel=\"stylesheet\" type=\"text/css\" />");
myflag = true;
}
if(navigator.appName == "Microsoft Internet Explorer" && screen_width >= 1024 && navigator.appVersion.indexOf("Win")!=-1) {
document.write("<link href=\"globalLg.css\" rel=\"stylesheet\" type=\"text/css\" />");
myflag = true;
}
if(navigator.appName == "Netscape" && screen_width <= 824 && navigator.appVersion.indexOf("Win")!=-1) {
document.write("<link href=\"nglobal.css\" rel=\"stylesheet\" type=\"text/css\" />");
myflag = true;
}
if(navigator.appName == "Netscape" && screen_width >= 1024 && navigator.appVersion.indexOf("Win")!=-1) {
document.write("<link href=\"nglobalLg.css\" rel=\"stylesheet\" type=\"text/css\" />");
myflag = true;
}
if(navigator.appName == "Microsoft Internet Explorer" && screen_width <= 820 && navigator.appVersion.indexOf("Mac")!=-1) {
document.write("<link href=\"macglobal.css\" rel=\"stylesheet\" type=\"text/css\" />");
myflag = true;
}
if(navigator.appName == "Microsoft Internet Explorer" && screen_width >= 1024 && navigator.appVersion.indexOf("Mac")!=-1) {
document.write("<link href=\"macglobalLg.css\" rel=\"stylesheet\" type=\"text/css\" />");
myflag = true;
}
if(navigator.appName == "Netscape" && screen_width <= 824 && navigator.appVersion.indexOf("Mac")!=-1) {
document.write("<link href=\"macnglobal.css\" rel=\"stylesheet\" type=\"text/css\" />");
myflag = true;
}
if(navigator.appName == "Netscape" && screen_width >= 1024 && navigator.appVersion.indexOf("Mac")!=-1) {
document.write("<link href=\"macnglobalLg.css\" rel=\"stylesheet\" type=\"text/css\" />");
myflag = true;
}
if (myflag == false) {
document.write("<link href=\"global.css\" rel=\"stylesheet\" type=\"text/css\" />");
}
</script>
Copy & Paste
|
|
|
Programming
Web Development
Reference Sheets
Bye Bye Ads
Free DIC T-Shirt
Related Sites
Monthly Drawing
Partners
Top Contributors
Top 10 Kudos This Month
|