collapsible frames

[djjohnnyb]

hi am looking how to make all the frames on index collapsible so ppl can close them down

any help would be gr8

[fireknight]

Add this to your JS files.

hideshow.js

function getObject(id)
{
      var obj = null;

      if(document.getElementById)
           obj = document.getElementById(id);
      else if(document.all)
           obj = document.all[id];
      else if(document.layers)
           obj = document.layers[id];

      return obj;
}


function toggleObject(id)
      {
      var obj = getObject(id);


      if(!obj)
           return false;

      if(obj.style.display == 'none')
      {
           obj.style.display = '';
      }

      else
      {
           obj.style.display = 'none';
      }

      return true;
}

In index.php

Add ( Change the location to suit where you keep your js files )

<script type="text/javascript" src="jsfiles/hideshow.js"></script>

Then for your index frames

Example Site Stats

<div align="center">Site Stats&nbsp;&nbsp;<a href="#" onclick="return !toggleObject('stats');">Show / Hide</a></div>
<div align="center" id="stats" style="display:none;">

Site stats code goes here

</div>

You can use this for any frame.
Just make sure that the, toggleObject name and the id name are the same.

!toggleObject('stats')
id="stats"

[djjohnnyb]

ty m8 a will give it ago now

it works fine on ma stats but cant get it going on the rest gives me a white page

here is ma index see what u think

[DND]

or could use java klappe

[fireknight]

I have done your online now and last 24 hours.
See if it works, if it does.
See how I have changed the name and id to match.
Just do the same for all your frames.

[djjohnnyb]

yip that works but when a try adding it to the rest its a white page am trying to add it to it all part from shout

[DND]

you are probably missing a </div> tag

[djjohnnyb]

am adding it like he said am just thick a think lol

[Chez]

Or you can try this:

PHP Code:

<script language="javascript">
<!--

var state = 'none';

function showhide(layer_ref) {

if (state == 'block') {
state = 'none';
}
else {
state = 'block';
}
if (document.all) { //IS IE 4 or 5 (or 6 beta)
eval( "document.all." + layer_ref + ".style.display = state");
}
if (document.layers) { //IS NETSCAPE 4 or below
document.layers[layer_ref].display = state;
}
if (document.getElementById &&!document.all) {
hza = document.getElementById(layer_ref);
hza.style.display = state;
}
}
//-->
</script> 
<b></b> <a href="javascript:;" onclick="showhide('div1');"><b>Click Heres&nbsp;[Show/Hide]</b></a>
<div id="div1" style="display: none;"> 


and after this ... add your content

[djjohnnyb]

av tryed that to and nothng a must just be really thick pmsl