OK after your pointers I got the brain in gear (and found stuff I never thought was 

I ended up writing the following

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
<title>Contacts System - Tourism Queensland</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Author" content="Taco Fleur ([EMAIL PROTECTED]) for Paxus">
<meta name="content-type" content="Contact Information">
<link href="/style/default.css" rel="stylesheet" type="text/css">
function replaceRule( objStyle, className, newClassName )
        var r = objStyle.rules
        for ( var i = 0; i < r.length; i++ )
                if( r[i].selectorText == className )
                        objStyle.removeRule( i );
                        objStyle.addRule( className, newClassName, i );

<a href="##" onClick="replaceRule( document.styleSheets[0], '.helpItem', 
'.helpItemDisplay' );">test</a>
<div class="helpItem">
<img src="#request.imageRoot#/iconHelp.gif" alt="Click here for help on this item"> 
Click on any item to display help.</div>

(This is a short version of the page)
The brain is out of juice now and can't figure out how to *easily* restore the old 
Any bright ideas?
The discussion list for http://webstandardsgroup.org/

Reply via email to