Re: changing CSS values on the fly

Jeff,

Using JavaScript there are a couple of ways to do this.

1. Change the class name associated with an element. I.e.
<div id="mydiv"></div>
<script>
var oDiv = document.getElementById('mydiv');
oDiv.className = 'NewCssClassName';
</script>

2. Change the style attribute of an element:
<div id="mydiv"></div>
<script>
var oDiv = document.getElementById('mydiv');
oDiv.style.border = '1px solid red';
</script>

3. Attach multiple stylesheets to a document and enable or disable them as
required:
http://www.codelifter.com/main/javascript/changestyles.html

Hope this helps,
Milan Zdimal





On 1/22/07, Jeff Day <Jeff.Day@xxxxxxxx> wrote:

Hi,

To date, I've only worked with "hard-coded" CSS.  Recently, I've been
looking for a means of dynamically changing CSS values on the fly... ie.
create a link on the page, and when you click it, it runs some javascript
that changes the CSS.

Considering the number of items this would affect, using multiple CSS
files and switching between them won't work.

Does anyone know how to change CSS values on the fly? ... any ideas?

Thanks!
Jeff





**********************************************************************************************
If the reader of this email is not the intended recipient(s), please be
advised that any dissemination, distribution or copying of this information
is strictly prohibited. Johnson Matthey PLC has its main place of business
at 2-4 Cockspur Street, London (020 7269 8400). Whilst Johnson Matthey aims
to keep its network free from viruses you should note that we are unable to
scan certain emails, particularly if any part is encrypted or
password-protected, and accordingly you are strongly advised to check this
email and any attachments for viruses. The company shall NOT ACCEPT any
liability with regard to computer viruses transferred by way of email.

Please note that your communication may be monitored in accordance with
Johnson Matthey internal policy documentation.

**********************************************************************************************

This message has been scanned for viruses by MailControl -
www.mailcontrol.com
--
This is the Web Enabling the AS400 / iSeries (WEB400) mailing list
To post a message email: WEB400@xxxxxxxxxxxx
To subscribe, unsubscribe, or change list options,
visit: http://lists.midrange.com/mailman/listinfo/web400
or email: WEB400-request@xxxxxxxxxxxx
Before posting, please take a moment to review the archives
at http://archive.midrange.com/web400.