Collapsible Right Custom Module?, No script that works...do u have one? Options

[wcd712]

I found in the Xanga Scripts forum this script for collapsible modules. The problem is this, it only works in the header.

How do I use this script so that I can put my collapsible modules as custom modules on the right of my Xanga?

[talcumpowder]

Move them in a div layer to the other side. Like so.

<!-- begin code provided by createblog.com --><br /><script type="text/javascript"><br />/***********************************************<br />* Switch Menu script- by Martial B of http://getElementById.com/<br />* Modified by Dynamic Drive for format & NS4/IE4 compatibility<br />* Visit http://www.dynamicdrive.com/ for full source code<br />***********************************************/<br /><br />if (document.getElementById){ //DynamicDrive.com change<br />document.write('<style type="text/css">\n')<br />document.write('.submenu{display: none;}\n')<br />document.write('</style>\n')<br />}<br /><br />function SwitchMenu(obj){<br /> if(document.getElementById){<br /> var el = document.getElementById(obj);<br /> var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change<br />  if(el.style.display != "block"){ //DynamicDrive.com change<br />   for (var i=0; i<ar.length; i++){<br />    if (ar[i].className=="submenu") //DynamicDrive.com change<br />    ar[i].style.display = "none";<br />   }<br />   el.style.display = "block";<br />  }else{<br />   el.style.display = "none";<br />  }<br /> }<br />}<br /><br /></script><br /><br /><!-- Keep all menus within masterdiv--><br /><div id="masterdiv" align="left" style="position:absolute; margin-top:-400; margin-left:600; width:120;"><br /><div class="menutitle" onclick="SwitchMenu('sub1')">Navigation</div><br /><span class="submenu" id="sub1"><br />This is your navigation. Leave it in, or you'll never be able to find anything. Please change all instances of USERNAME to your xanga username.<br><br /><a id="SubscriptionModule1_hplSub" onclick="javascript:window.open('/Private/SubscribeTo.aspx?user=USERNAME',<br />'subscriptions','width=470,height=455,scrollbars=1,resizable=1');return false;" href="/Private/SubscribeTo.aspx?user=<br />USERNAME"><span id="subSubTo">Subscribe to USERNAME</span></a><br /><a id="SubscriptionModule1_hplTrialSub" onclick="javascript:window.open('/Private/SubscribeTo.aspx?trial=1&amp;user=<br />USERNAME','subscriptions','width=470,height=455,scrollbars=1,resizable=1');return false;" href="/Private/SubscribeTo.aspx?<br />trial=1&amp;user=USERNAME"><span id="subTrialSubTo">Get trial subscription</span></a><br><br /><a href="http://xanga.com">Xanga Home</a><br><br /><a href="http://xanga.com/USERNAME">Refresh</a><br><br /><a href="http://www.xanga.com/private/home.aspx">Your Xanga</a><br><br /><a href="http://www.xanga.com/CLAF/default.asp">CLAF/Edit</a><br><br /><a href="http://www.xanga.com/profile.aspx?user=USERNAME">Profile-ness</a><br><br /><a href="http://www.xanga.com/guestbook.aspx?user=USERNAME">Sign the GuestBook</a><br><br /><a href="http://www.xanga.com/Private/subs.aspx">Your Subbies</a><br><br /><a href="http://www.xanga.com/signin.aspx">In</a><br><br /><a href="http://www.xanga.com/logout.aspx">Out</a><br><br /></span><br /><br /><div class="menutitle" onclick="SwitchMenu('sub2')">About</div><br /><span class="submenu" id="sub2"><br />Add anything you like about yourself into this here menu... You should use it to tell people about yourself.<br><br />Name....<br><br />Gender....<br><br />Age....<br><br />Likes....<br><br />Dislikes....<br><br /></span><br /><br /><div class="menutitle" onclick="SwitchMenu('sub3')">Music</div><br /><span class="submenu" id="sub3"><br />This is your music player. edit it as you see fit. Sankyuu~!<br /><script><br />function PlaySong(name)<br />{<br />  var text =<br />  "<embed src = \"" + name + "\" type = \"audio/x-bmx\" " +<br />  "backcolor = \"200, 200, 200\" " +<br />  "scrollspeed = 0 " +<br />  "infocolor = \"0, 140, 200\" " +<br />  "width = 0 height = 0" +<br />  ">";<br />  if (document.all)<br />  {<br />    // Internet explorer<br />    document.all.Plugin.innerHTML = text;<br />  }<br />  else<br />  {<br />    // Netscape<br />    document.Plugin.document.write(text);<br />    document.Plugin.document.close();<br />  }<br />}<br /></script><br /><div ID = "PlayList"><br />Pick your ear candy::<br><br />+ <a href = "javascript:PlaySong('MUSICURL')" title="TITLE">Song 1</a><br><br />+ <a href = "javascript:PlaySong('MUSICURL')" title="TITLE">Song 2</a><br><br />+ <a href = "javascript:PlaySong('MUSICURL')" title="TITLE">Song 3</a><br><br />+ <a href = "javascript:PlaySong('MUSICURL')" title="TITLE">Song 4</a><br><br />+ <a href = "javascript:PlaySong('MUSICURL')" title="TITLE">Song 5</a><br><br />+ <a href = "javascript:PlaySong('MUSICURL')" title="TITLE">Song 6</a><br><br />+ <a href = "javascript:PlaySong('MUSICURL')" title="TITLE">Song 7</a><br><br />+ <a href = "javascript:PlaySong('MUSICURL')" title="TITLE">Song 8</a><br><br />// <a href = "javascript:PlaySong('#')" title="No Music">TURN OFF</a>\\<br /></div><br><br />Hover over the links to see<br>the title and artist of the song.<br><br><br /></span><br /> <br /><div class="menutitle" onclick="SwitchMenu('sub4')">People</div><br /><span class="submenu" id="sub4"><br />Add your subbies here.... Or just people and/or places you like to go on the net.<br /></span><br /><br /><div class="menutitle" onclick="SwitchMenu('sub5')">Creditations</div><br /><span class="submenu" id="sub5"><br />These are the credits. Touch them, you're toast... I worked hard on conversion and such. Please... Allow me these. Sankyuu...<br><br />-><a href="http://www.freewebs.com/nyahxnek0">Nyah-chan</a> for coding and graphics<br><br />-><a href="http://www.shed-a-tear.org/truly-you/">Truly You</a> for original images.<br><br />-><a href="http://www.createblog.com">CB</a> for distribution<br><br />-><a href="http://www.dafont.com/en">DaFont</a> for the lovely fonts<br><br />-><a href="http://www.dynamicdrive.com/">Dynamic Drive</a> for these nifty modules<br /></span><br /></div><br /><br /><style type="text/css"><br />/* Forest Nymph */<br />/* By - Smothered Rose */<br />/* x_AkaixBaraxProductions_x @ Xanga [dot] com */<br />body {cursor: crosshair; background-color: #000000;overflow-x:none;}<br />//blogringdocument.write<br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />font:10px arial; color: #FFFFFF; text-align:justify;}<br />div.blogheader, .caption {<br />/* edits the dates */<br />font-family: verdana;text-transform:lowercaps;font-size:14px;font-weight:bold;<br />color:#DC143C;background-color: #Transparent;text-align: center; width:200;}<br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />color: #DC143C;font:10px arial;text-decoration: none;}<br />//blogring.document.write<br />a:visited, a.footernav:visited,  {<br />/* edits the links that the user has visited */<br />color:#DC143C;font:normal 10px arial;text-decoration: none;}<br />a:hover <br />/* edits when user mouseovers the links */<br />color:#FFFFFF;font:11px verdana;cursor: crosshair;text-decoration: none;}<br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px dashed #FFFFFF;font:10px arial;background-color: #Transparent;}<br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color: #Transparent;width: 200px;}<br />table.main{<br />/* the width of your blog with modules */<br />  width: 400px;}<br />hr {<br />/* horizontal divider */<br />  border: 1px dotted #FFFFFF;width:100;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, <br />table.left, table.left TH, table.left TD, table.navigation, table.footer<br />{display: none;}<br />div {<br />/* edits the div's scrollbar */<br />filter:chroma(color=#9370DB);<br />scrollbar-arrow-color: #FFFFFF;scrollbar-face-color: #9370DB;scrollbar-3dlight-color: #FFFFFF;scrollbar-darkshadow-color: #FFFFFF;<br />scrollbar-highlight-color: #FFFFFF;scrollbar-shadow-color: #FFFFFF;scrollbar-track-color: #9370DB;}<br />/* this changes the modules */<br />.menutitle{cursor:crosshair;margin-bottom: 5px;background-color:#FFFFFF;color:#000000;width:100px;padding:2px;<br />text-align:center;font-weight:bold;/*/*/border:1px solid #000000;/* */}<br />.submenu{margin-bottom: 0.5em;}<br /></style><br /><br /><div align="left" style="position:absolute; margin-top: 300; margin-left: -200;"><br /><!-- end code provided by createblog.com -->

You can have fun with that. It was/is a skin I made with the collapsable modules.