Style Switcher like on vB.org

[MoMan]

I've written a simple JS function that can be used if you want to implement a style selector like on vB.org (using colored icons instead of a dropdown).

Simply add this to vbulletin_global.js, or include it in your footer template:

function switch_style(F)
{
E = "style";
if(F == "")
{
return;
}
var B=new String(window.location);
var A=new String("");
B=B.split("#");
if(B[1])
{
A="#"+B[1]
}
B=B[0];
if(B.indexOf(E+"id=")!=-1&&is_regexp)
{
var D=new RegExp(E+"id=\\d+&?");
B=B.replace(D,"")
}
if(B.indexOf("?")==-1)
{
B+="?"
}
else
{
lastchar=B.substr(B.length-1);
if(lastchar!="&"&&lastchar!="?")
{
B+="&"
}
}
window.location=B+E+"id="+F+A
}

Then, you'd use something like this in your footer template:

<a onclick="switch_style('9');return false;" href="$vboptions[bburl]/index.php?styleid=9" rel="nofollow"><img src="$vboptions[bburl]/images/redstyle.gif" alt="" title="Red Layout" border="0" width="13" height="13" class="inlineimg" /></a>

This will then switch your style to an ID of your choice (9 in the example above). You will have to have separate styles for each color you want to switch between.

Hope someone will find this useful! Enjoy!

[Silencer Groans]

thank

[Konstantinos]

and what happens with styles that are only viewable by admins ?

[Eduardo Leon]

you can give some screenshots ?

[MoMan]

and what happens with styles that are only viewable by admins ?
Nothing would happen- the style wouldn't be selected. You obviously don't want to be creating icons for styles that aren't public.

You can view a demo here on vB.org - just try the style switcher. My implementation is the same, except that it's JS-powered.

[8thos]

Gonna try this in vb4.1.4

[8thos]

Hmm. Doesn't work.

[HMBeaty]

Hmm. Doesn't work.
I could've told you that ;)

[8thos]

I could've told you that ;)

LOL Is there one like this for vb4?

[HMBeaty]

LOL Is there one like this for vb4?
I don't believe so.....not at the moment anyway.....

[8thos]

I'll PM MoMan then.

[great kitten]

screenshots please

[8thos]

screenshots please
Scroll down to the bottom of the page. Do you see the style switcher? That's what it looks like.

[8thos]

It works in vb4. He just gave bad directions, that's all.

Put this javascript in your headinclude or footer.

<script type="text/javascript" src="clientscript/vbulletin_global.js">
function switch_style(F)
{
E = "style";
if(F == "")
{
return;
}
var B=new String(window.location);
var A=new String("");
B=B.split("#");
if(B[1])
{
A="#"+B[1]
}
B=B[0];
if(B.indexOf(E+"id=")!=-1&&is_regexp)
{
var D=new RegExp(E+"id=\\d+&?");
B=B.replace(D,"")
}

if(B.indexOf("?")==-1)
{
B+="?"
}
else
{
lastchar=B.substr(B.length-1);
if(lastchar!="&"&&lastchar!="?")
{
B+="&"
}
}

window.location=B+E+"id="+F+A
}</script>

[8thos]

Same code but compressed to reduce page load time.

<script type="text/javascript"src="clientscript/vbulletin_global.js">function switch_style(F)
{E="style";if(F=="")
{return;}
var B=new String(window.location);var A=new String("");B=B.split("#");if(B[1])
{A="#"+B[1]}
B=B[0];if(B.indexOf(E+"id=")!=-1&&is_regexp)
{var D=new RegExp(E+"id=\\d+&?");B=B.replace(D,"")}
if(B.indexOf("?")==-1)
{B+="?"}
else
{lastchar=B.substr(B.length-1);if(lastchar!="&"&&lastchar!="?")
{B+="&"}}
window.location=B+E+"id="+F+A}</script>

[MoMan]

Of course it works- all this function does is it redirects your browser ;)

BTW, in your above code, you should get rid of the src="clientscript/vbulletin_global.js" attribute.

Does vb4 not use vbulletin_global.js?

[dany_danay]

Work in vb4?How can i get this on the header?