View Full Version : Customized CSS

02-07-2004, 03:24 AM
Hi. I have a web site that allows the user to customize the cascading style sheet they want to use. Every htm page starts with:

<link href="print.css" media="print" rel="STYLESHEET" title="main"
<link href="main.css" media="screen" rel="STYLESHEET" title="main"
<script LANGUAGE="JavaScript" TYPE="text/javascript">
<!-- Beginning of JavaScript -------------------
// main style sheet
if (typeof(top.topcss) == "string" && top.topcss != "") {
document.write('<link href="'+top.topcss+'.css" rel="STYLESHEET"
media="screen" title="main" type="text\/css">')

This scheme seems compatible with eariler browsers. The user can select from a variety of style sheets, yet still be able to print any given page. Now I've just tried with with Opera 7.23, doesn't work. No matter what top.topcss is set to, the screen style sheet remains at main.css.

I'm thinking I'll need to activate the top.topcss sheet somehow. Any advice would be appreciated...Dennis

clair de lune
02-07-2004, 08:48 AM
hi dallen24

this might help :

crossbrowser style switcher (http://www.alistapart.com/articles/alternate/)

does it ? :)

02-07-2004, 11:58 PM
Useful web site.

I figured out my own problem. top.topcss was empty. In my index.htm I had a document.stylesheets test, which in Opera returns false. If Opera can do style sheets, what would be a good test?