how can I change property of all elements of some class?

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Nikolay I.Nikolskiy - 23 Aug 2004 15:38 GMT

Hello!
I have the following problem.
I have HTML with several elements of some class
<style>
.c1 {font-weight:normal;}
</style>
<span class=c1>text1</span>...
<span class=c1>text2</span>
I need to change dinamically (onclick some button) my class to make its
elements are bold.

is it possible?

Thanks,
Nikolay

Reply to this Message

Kody Brown - 30 Aug 2004 18:20 GMT

Here's a simple solution

<style>
.c1 {font-weight:normal;}
.c2 {font-weight:bold;}
</style>
<span class=c1 onclick="this.className='c2'">text1</span>...

Here's a mouseover, as well

<span class=c1 onmouseover="this.className='c2'"
onmouseout="this.className='c1'">text2</span>

Signature

-Kody
kody at weekendtech dot net
"Custom ASP.Net Web Controls"

> Hello!
> I have the following problem.
[quoted text clipped - 11 lines]
> Thanks,
> Nikolay

Reply to this Message

Agoston Bejo - 31 Aug 2004 08:39 GMT

> Here's a simple solution
>
[quoted text clipped - 3 lines]
> </style>
> <span class=c1 onclick="this.className='c2'">text1</span>...

I think what he wanted was that the style of all elements that have class
'c1' change. This way only this particular SPAN element's style will change.
So this won't do.

I couldn't find a solution for this up to now, either, except iterating over
all the elements in the document, checking their className attribute, and
change them where appropriate. This is quite inefficient, though.

> Here's a mouseover, as well
>
[quoted text clipped - 16 lines]
> > Thanks,
> > Nikolay

Reply to this Message

Webmaster Forum / Browsers / Internet Explorer / August 2004

how can I change property of all elements of some class?