Re: changing CSS values on the fly

["Milan Zdimal" <milanz@xxxxxxxxx>]

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.