changing of text color and image background color using css and javascript

Question

i want to write a script for changing of text color and image color on click .. here i want to call the external style sheets (which i ll be creating) to the function .. each color ll be ve ng differnt .css page. so that when i click the orange color the text and the image background should change to to the orange color if i click to red it should change to red..can anyone pls help me out in dis.. any ideas or sugessions... thanks in advance.

Your English is hard to interpret. I gave up after reading 3 times. Please write normal sentences with full words and if necessary run a spellchecker. Good luck. — BalusC
– BalusC, Commented Jan 19, 2010 at 12:08

Adam Hopkinson · Accepted Answer · 2010-01-19 12:09:42Z

3

Define each colour as a class in your CSS:

.red {
color: red;
}

.blue {
color: blue;
}

Then set a click attribute in your HTML:

<p onclick="javascript: this.setAttribute('class', 'red');">Click to make me red</p>
<p onclick="javascript: this.setAttribute('class', 'blue');">Click to make me blue</p>

There are optimisations not described here - using unobtrusive javascript mainly - but this should give you a start.

answered Jan 19, 2010 at 12:09

Adam Hopkinson

28.9k9 gold badges74 silver badges105 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

changing of text color and image background color using css and javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related