Customized CSS

[dallen24]

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"
type="text/css">
<link href="main.css" media="screen" rel="STYLESHEET" title="main"
type="text/css">
<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]

hi dallen24

this might help :

crossbrowser style switcher

does it ?

[dallen24]

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?