[b][i]Production: Class-S[/i][/b] Sorry for not updating this trick, but now i fixed it already, and just like they said in the post below.... it uses one function only okey lets start [b]preview[/b] [img]http://img158.imageshack.us/img158/9677/objectswitcherjb5.jpg[/img] [url]http://profiles.friendster.com/cip6192[/url] [b]Code: Step one:[/b] [u]put it in your css:[/u] <">[u]put it in your js:[/u] <">[u]put this at the bottom of the onloadhandler[/u] <">if you dont know where can you find the onloadhandler.... probably this is where: [quote]function onProfileLoad() { [b][i]some codes inside your onloadhandler here... so far so on...........[/i][/b] ........................................ ........................................ [b]switch1('one');[/b] [i]<--- put it there[/i] [b]}[/b] <--- [i]end of the onloadhandler[/i][/quote] __________________________________________ [b]Applying: Step two[/b] applying it is not a hard work, all you need is a sidebar generator that you can find inside this legendary forum sorry for this.... i dont know where can i find those generator's because i dont know the url's thats why okey generate this code on what generator you have: <">note!!!! Edit the capital letters inside, its for the content for each div's, just put it without editing its quote's because you will going to generate it. thats it your done! _____________end_____________ [b]How to add more content's?[/b] [i]click the spoiler to view.....[/i] [spoiler]its easy to add more contents instead of 3 contents only, configure the [b]Step one[/b] proceedure, at the js part you will notice some codes like this: [quote]var option=['one','two','three'];[/quote] theres a [b]'one','two','three'[/b] value, just simply apply another value to it, let say four: [quote]var option=['one','two','three'[color=red][b],'four'[/b][/color]];[/quote] Step one again at the css part , apply the id [b]#four[/b] because we created a new content above, and we named it four thats why the id is [b]#four[/b], we must apply [b]display:none;[/b] properties to it like this one below: [quote]#four {display:none;}[/quote] at the Step two proceedure we must create a new id and a new button for it to make it work, create one like this[i](remember that we named it [b]four[/b])[/i]: [u]note!! just do not forget to change the underlined parts[/u] [quote][color=red]<div id="[u]four[/u]">CONTENT 4 HERE</div>[/color] [color=blue]<input class="objbuttons" type="button" value="[u]4[/u]" onclick="switch1('[u]four[/u]')"/>[/color][/quote] and finally put it like this: [quote]<div id="switch1"> <div id="one">CONTENT 1 HERE</div> <div id="two">CONTENT 2HERE</div> <div id="three">CONTENT 3HERE</div> [color=red]<div id="[u]four[/u]">CONTENT 4 HERE</div>[/color]</div> <div align="right"><input class="objbuttons" type="button" value="1" onclick="switch1('one')" /><input class="objbuttons" type="button" value="2" onclick="switch1('two')" /><input class="objbuttons" type="button" value="3" onclick="switch1('three')"/>[color=blue]<input class="objbuttons" type="button" value="[u]4[/u]" onclick="switch1('[u]four[/u]')"/>[/color]</div>[/quote] done!! [/spoiler]

Last edited by cip6192 (2008-05-15 04:01:32)