Directions for drop down style swapper



sibyls simple stuff
March 29, 2024, 04:12:02 am
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Registration is DISABLED.   The forum is for storage purposes only.
 
  Home Help Search Arcade Login Register  

Open / Close Shoutbox

Pages: [1]
  Print  
Author Topic: Open / Close Shoutbox  (Read 2530 times)
simply sibyl
Admin
*
Gender: Female
Posts: 106



« on: September 03, 2007, 08:37:08 pm »

This goes in your Header:

Code:
<script language="javascript">
  function toggle_it(itemID){
      // Toggle visibility between none and inline
      if ((document.getElementById(itemID).style.display == 'none'))
      {
        document.getElementById(itemID).style.display = 'inline';
      } else {
        document.getElementById(itemID).style.display = 'none';
      }
  }
</script>


Place the code below in the Board description area:
(You could use this in your header or footer instead)

Place your shoutbox code where it says:   PLACE SHOUTBOX CODE HERE
You can change "Shoutbox" on the Header to whatever you wish.


Code:
 

<table width="200px" class="tborder" cellpadding="1" cellspacing="1">
  <tr>
     <td class="catbg" align="left">
        Shoutbox
      </td>
      <td  class="catbg" align="right">
       <center><a href="#shoutbox" onClick="toggle_it('prshoutbox')">[Open] </a></center>
       </td>
      </tr>
</table>
 

<div align="left" style="position: absolute;  z-index: 2; visibility: show;">
  <table class="tborder" width="200px" id="prshoutbox" style="display:none;"  align="left" border="0">
    <tr>
      <td class="catbg" align="right">
              <a href="#smileys" onClick="toggle_it('prshoutbox')">[Close]</a>
      </td>
   </tr>
   <tr>
     <TD class="windowbg2" align="center" >

        PLACE SHOUTBOX CODE HERE

    </td>
  </tr>
 </table>
</div>
</a>

 


Report Spam   Logged



Pages: [1]
  Print  
 
Jump to:  

Powered by EzPortal
Bookmark this site! | Upgrade This Forum
SMF For Free - Create your own Forum

Powered by SMF | SMF © 2016, Simple Machines
Privacy Policy