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

I ended up writing the following

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd";>
<html>
<head>
<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">
<script>
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 );
                        return;
                }
        }
}
</script>
</head>

<body>
<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>
</body>
</html>

(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 
class.
Any bright ideas?
*****************************************************
The discussion list for http://webstandardsgroup.org/
*****************************************************

Reply via email to