lil bit of help needed

thintin · May 19th, 2008, 10:28 AM

Hi.

I'm trying to use some code to hide/unhide divs that occupy the same space on the screen so that the content is selected by clicking a relevant link in another div.

it's working, sort of, but I need to add some script to close the last unhidden div when another link is clicked.

currently the new unhidden divs appear below the previous ones unless they are re-clicked to close em :-S

the page in question is here: http://www.philtinsley.com/about.html
(i've just sent the updated pages to the server but if you get 'under construction' writen in the middle of the page, you're seeing the old one)

any help very much appreciated :-)

CloudedVision · May 19th, 2008, 06:12 PM

How you would do that would to first cycle through all the other divs and hide those before showing the correct one. If I'm right in assuming that you have very basic javscript skills, I'll run you through this step by step.

First, lets make the function

Code:

function show(div_id) {

it looks like the div "blank_space" is the parent of all those other divs, so we'll get that.

Code:

parent = document.getElementById("blank_space");

Next, we need to cycle though all the child divs of that object and hide that

Code:

i = 0;
while(cur_item = parent.childNodes[i]) {
  cur_item.style.display = 'none';
  i++;
}

Then lets unhide the div that you want to show.

Code:

document.getElementById(div_id).style.display = '';

Done! Let's put it all together

Code:

function show(div_id) {
parent = document.getElementById("blank_space");
i = 0;
while(cur_item = parent.childNodes[i]) {
  cur_item.style.display = 'none';
  i++;
}
document.getElementById(div_id).style.display = '';
}

Edit: I haven't tested this. Any errors just hit the "Post Reply" button.

thintin · May 20th, 2008, 04:15 AM

"If I'm right in assuming that you have very basic javscript skills" on the head! (didn't think it would be that obvious :-)

Sounds good and thanks for your time and effort.

Do I add that script onto the script I already have? and if so, does it matter where I add it?

~thanks, Phil.

CloudedVision · May 20th, 2008, 08:37 AM

Just replace the unhide() function with the show() function that I gave you

thintin · May 20th, 2008, 10:14 AM

Thanks. I've replaced my 'unhide' code with your 'show' one. But now no divs appear... do I have to change anything in the <body> code?

thintin · May 20th, 2008, 10:19 AM

tried changing the references in the <body> from 'unhide' to 'show' but it hasn't changed anything?

CloudedVision · May 20th, 2008, 04:28 PM

I went to the page, but don't see the show() function anywhere.