Style Sheet Switcher (v1.0)

[mrmesells]

1) Script Title:

Style Sheet Switcher (v1.0)

2) Script URL (on DD):

http://www.dynamicdrive.com/dynamicindex9/stylesheetswitcher.htm

3) Describe problem:

No Random or Rotating Stylesheet Option (w/cookie).
Example: http://wholives.com

[mrmesells]

PS:

Here is a php random/rotating selector version
that anyone is welcome to use or further develop.
http://ezportal.org/design/premium/a24/php3-a24/random.php

This is what I want the final to look like, see top left pulldown selector
with random, all cookied, even random:
http://ezportal.org

MikeE

[jigarshah]

Instead of using pulldown menu or radio box i am using images for selecting theme...something like this


<li><a href="#" type="image" name="color_image" id="red" onClick="chooseStyle(this.id, 60)"><img src="images/colors_red.jpg" alt="red" /></a></li>
<li><a href="#" type="image" name="color_image" id="green" onClick="chooseStyle(this.id, 60)"><img src="images/colors_green.jpg" alt="green" /></a></li>


and i use css to to indicate selected class="current"


<li><a href="#" type="image"class="current" name="color_image" id="green" onClick="chooseStyle(this.id, 60)"><img src="images/colors_green.jpg" alt="green" /></a></li>

But how do i change when selection changes?

[ddadmin]

Jigarshah:
In the future please start a new thread when you're asking a new question.



But how do i change when selection changes?


Can you elaborate? Change what when selection changes?

[jigarshah]

Oh i m sorry..i thought starting a newone will messup forum...

I want to change image transperancy
its css and actual code is like below


<div id="colormenu">
<ul>
<li><a href="#" type="image" name="color_image" id="blue" onClick="chooseStyle(this.id, 60)"><img src="images/colors_blue.jpg " alt="blue" /></a></li>
<li><a href="#" type="image" name="color_image" id="orange" onClick="chooseStyle(this.id, 60)"><img src="images/colors_orange.jpg" alt="blue" /></a></li>
<li><a href="#" type="image" name="color_image" id="red" onClick="chooseStyle(this.id, 60)"><img src="images/colors_red.jpg" alt="red" /></a></li>


for selected


<li><a class="current" href="#" type="image" name="color_image" id="red" onClick="chooseStyle(this.id, 60)"><img src="images/colors_red.jpg" alt="red" /></a></li>

css is


#colormenu a.current img {
background:#f0f0f0;
color:#505050;
border-right:1px solid #505050 ;
border-top:1px solid #505050 ;
border-bottom:1px solid #505050 ;
border-left:1px solid #505050 ;
padding:3px 3px 3px 3px;
opacity: 1;
filter: alpha(opacity=100);}


am i doing something wrong ?

[mailforhari]

hi jigarshah...

You told that opacitiy style for image is not working is it?

Instead of writing like this ...
'opacity: 1;
filter: alpha(opacity=100);}'

you please try this statement if it is for IE...it should be
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);

or if its for Mozilla Firefox, then it should be...
-moz-opacity: 0.4;
...

Please try this and let me know if the image transperancy doesn't works properly..

Thanks

Hari
abouthtmls.com - under construction