stunicholls.com

...exploring the possibilities

content

is

everything...

javascript & CSS

Tabbed pages » Comments

Stu:-
pipp, I have added several divs within the page and cannot get them to vanish. Although the routine searches for all divs it will only replace 'show' with 'hide' and 'on' with 'off'. Then it finds the div with the same id as the on/off div's title and changes this to 'show'.
(28.01.2008, 12:45)

Dave:-
Hi Stu-
great job on this and perfect for what I need.
I am having some troubles implementing this.
When I click on one of the tabs the entire page breaks
www.gsdrescue.org/adopt_zeta.html

Any help would be appreciated.

Thanks

Dave
(09.02.2008, 12:01)

Usman Ali:-
This is realyy fantastic scripts and nice all resources.....
Gooooooooooooood... i m happy
(13.02.2008, 04:15)

Ashkas:-
I had the same problem as Pipp and he has posted the fix (just repeating for others).

Replace this part of the code:

for (var z=0; z<getEls.length; z++) {
getEls[z].className=getEls[z].className.replace('show', 'hide');
getEls[z].className=getEls[z].className.replace('on', 'off');
}

With this:
for (var z=0; z<getEls.length; z++) {
if (getEls[z].className == 'on' || getEls[z].className == 'off' || getEls[z].className == 'show' || getEls[z].className == 'hide') {
getEls[z].className=getEls[z].className.replace('show', 'hide');
getEls[z].className=getEls[z].className.replace('on', 'off');
}
}

And it works. Cheers for that Pipp. BTW great script Stu, works a charm for me, although I had to add an event handler for multiple window.onload events.
(27.03.2008, 00:18)

Yangmarcus:-
Thank u to css play..i fell in love with this site since i knew abt it...Kip up..Yangmarcus in South Africa.
(26.05.2008, 10:20)

Douglass Davis:-
Related to previous comments, I had a div named contact and it was being changed to cofftact because the word "on" was being changed to "off". My JavaScript code looked a little different than what I just downloaded today, so maybe it has already been updated. However, I think the most simple solution is to change this code:
getEls[z].className=getEls[z].className.replace('show', 'hide'); getEls[z].className=getEls[z].className.replace('on', 'off');

to this:
getEls[z].className=getEls[z].className.replace(/^show$/i, 'hide');
getEls[z].className=getEls[z].className.replace(/^on$/i, 'off');

This code uses a regular expression that will only replace the entire word and is case insensitive.
(04.08.2008, 07:10)

Jay:-
Is their a way around the Active X controls in IE?
(19.09.2008, 14:51)

Jay:-
Ok, nevermind. Somehow it just went away!! But now for some reason when you view it in IE 7, after you click through the other tabs and return to the first one, its content disappears. Can't figure out why.
(19.09.2008, 16:53)

Jason:-
I love the tabbed pages, and am using it on my site www.findsoky.com. Is there a way to randomize the active tab each time the page is loaded or refreshed?
(19.01.2009, 10:45)

Gina:-
Your tabbed pages are excellent and they do work in IE BUT ONLY if you set a specific width value in the show state.

If you set width value to auto (since the area may already carry a specific width), then all your photos (and part of your tabbed data, if they are inside other divs in the tabs) are lost for good in IE7 and 6.
(02.07.2010, 05:23)

10 of 18 comments (part 1). [ » ] [ * ]



Post

Your comment:

Your Name:

Stu's First Name - 3 letters (required)

Thanks to Alex for this script.

Please enter your comments for this site page.
Please note that all posts are moderated.

Posting rules

HTML is turned off
Maximum word length is 80 characters.
Messages limited to 1200 characters.
Web links should not include 'http://'