friendsterTalk - Friendster Forum

Production: Class-S

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
preview

http://profiles.friendster.com/cip6192

Code: Step one:
put it in your css:

#switch1 { width:300px; }
#two, #three {display:none;}
.objbuttons {
width:20px;
background-color:transparent;
border:1px solid #ffffff;
font-family:Arial;
font-weight:bold;
font-size:12px;
color:#ffffff;
}
.objbuttons:hover {
background-color: #4DBD33;
cursor:pointer;
}

put it in your js:

function switch1(div)
{
if (document.getElementById('one'))
{
var option=['one','two','three'];
for(var i=0; i<option.length; i++) 
{ obj=document.getElementById(option[i]);
obj.style.display=(option[i]==div)? "block" : "none"; }
}
}
//

put this at the bottom of the onloadhandler

switch1('one');

if you dont know where can you find the onloadhandler.... probably this is where:

function onProfileLoad() {
some codes inside your onloadhandler here... so far so on...........
........................................
........................................

switch1('one'); <--- put it there
}  <--- end of the onloadhandler

__________________________________________
Applying: Step two
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:

<div id="switch1">
<div id="one">CONTENT 1 HERE</div>
<div id="two"><p>CONTENT 2HERE</div>
<div id="three">CONTENT 3HERE</div></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')"/></div>

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_____________

How to add more content's?
click the spoiler to view.....

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