[RESOLVED] Dynamic css

@menewbeeSep 11.2008

hi All,
I am desperately seeking help regards my following problem 😮
In my website i want to give user a choice of background color selection. So lets say if he selects blue, the bgcolor becomes blue. I have used css div for page layout. Now I thought of creating different css and dynamically loading on the choice of user. But i am unable to do that. Can someone suggest how to solve this problem.

Thanks in advance

to post a comment

CSS

@dumb_progSep 11.2008 — #hi All,

I am desperately seeking help regards my following problem :eek:

In my website i want to give user a choice of background color selection. So lets say if he selects blue, the bgcolor becomes blue. I have used css div for page layout. Now I thought of creating different css and dynamically loading on the choice of user. But i am unable to do that. Can someone suggest how to solve this problem.

Thanks in advance[/QUOTE]

I would suggest you to use some kind of javascript or onclick event.

onclick="this.classname=' '" ( this will allows you to change your bgcolor based on your classname in your css)

@CentauriSep 12.2008 — #Couple of articles :

http://www.alistapart.com/articles/alternate/

http://alistapart.com/articles/phpswitch

@menewbeeauthorSep 15.2008 — #I tried calling javascript function.

<script language="JavaScript">

function startup(cssName) {

var headID = document.getElementsByTagName("head")[0];

var cssNode = document.createElement('link');

cssNode.type = 'text/css';

cssNode.rel = 'stylesheet';

cssNode.href = cssName;

cssNode.media = 'screen';

headID.appendChild(cssNode);

}</script>

[B]and calling this function as follow[/B]

<body onload='startup("layoutBlue.css")'>

<div id = "header">

Lets try dynamic css<br>

<A HREF="javascript:startup("layoutRed.css");">Click here to change bgcolor.</A>

</div>

</body>

[B]It takes layoutBlue.css file onload event but doesn't work when i call it in <a> tag. Can plz someone tell me where am i going wrong

Thanks in advace[/B]

@menewbeeauthorSep 15.2008 — #[B]I GOT THE ANSWER!

I was using wrong quotes.

It will be <A HREF='javascript: startup("layoutRed.css");'>Click here to change bgcolor.</A>[/B]

@magnum68Sep 17.2008 — #hi all,

Who could make me the syntax global of the css ???

@LeeUSep 17.2008 — #magnum68 : Don't hijack the thread. Open a new one for your questions.

[RESOLVED] Dynamic css

6 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

[RESOLVED] Dynamic css

6 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

6 Comments(s) _↴

Also in #CSS _↴