HTML / JavaScript help!

sweet17 · 01-26-2004, 02:38 AM

I'm volunteering at Parliment Hill, working on a website for a Nova Scotian M.P. I'm having some issues with HTML and JavaScript, however, that hopefully someone here will be able to help me clear up. I really don't know my ass from my elbow when it comes to JavaScript, so I guess what I'm looking for is a pre-existing script that will help me do what I want. Now let's see if I can set this up...

I'm using the very trite "folder look" for this one section, with four tabs on the top. The bottom half will employ an IFRAME to load pages when each of the images on the top is clicked. Easy enough--I just have to do an ImageMap. But my problem is that when each of the four tabs is clicked on, I want it to not only change the location of the IFRAME, but the image being used up top, as well. I guess I'll probably end up having to split the tabs (all one image) into four seperate ones, now that I consider it; that won't pose a problem. I just don't know what code to use in order to create a double event of sorts: both loading another image in its place and a link in the IFRAME.

Here are the images, in an attempt to help you see what I mean:

http://www.geocities.com/cherub_rock...folder-top.gif
http://www.geocities.com/cherub_rock...der-bottom.jpg

when, say, the House of Commons tab is clicked, I'd like it to display this image:
here. (a link to limit bandwidth used by people viewing this page)

Any help or pointing in the right direction would be tremendously appreciated. Also, if it's impossible, that's cool too. Just let me know so I can focus on another aspect of the page an redesign this one later. TIA!

phaedrus · 01-26-2004, 02:40 AM

Quote:

Originally posted by sweet17
RED Xs & BROKEN LINK

:erm I think a certain Nova Scotian MP should refuse your services.

sweet17 · 01-26-2004, 02:42 AM

-sighs- i hate Geocities. Whatever happened to good, reliable, free web hosting?

Here's the top image with the tabs.

sweet17 · 01-26-2004, 02:43 AM

Here's the one that the IFRAME will hover over.

ReadMusic · 01-26-2004, 02:43 AM

You are what the Latin would call a dorkus milorkus

sweet17 · 01-26-2004, 02:44 AM

And here's an example of how I'd like the tabs to change.

And I don't think they refuse volunteer services. I really wish it didn't have to be so complex myself, but I submitted my initial design and all I got was "could you do this? and change this? and add this? and..." etc etc. -sighs- I should've just said no.

sweet17 · 01-26-2004, 02:45 AM

Quote:

Originally posted by ReadMusic
You are what the Latin would call a dorkus milorkus

Yes, of course I am.

phaedrus · 01-26-2004, 02:49 AM

Quote:

Originally posted by sweet17

i'd help if i could, but sadly i cannot. hopefully somebody else can!!

sarasvati · 01-26-2004, 02:49 AM

Quote:

Originally posted by sweet17
Yes, of course I am.

awww.

sweet17 · 01-26-2004, 09:05 AM

Nimrod · 01-26-2004, 11:01 AM

OK your problem is actually easier to solve than you might think.

First, take a look at this script here:
http://www.tinyjavascript.com/scripts/frames/iframe.html

Notice that the scripts parameters and your parameters are completely different as far as whenre is header is placed.

DeviousJ · 01-26-2004, 11:57 AM

Hehe

Ok, try this:

Code:

Then your first tab looks like this:

Code:

And the others are all the same, except with the names tab2, tab3 etc (and their image tags need to point to the tabx_off.jpg versions since only the first tab is activated at first, if you get me). And of course you'll need an on and an off version of each tab

DeviousJ · 01-26-2004, 11:58 AM

Goddamn stupid VBulletin. Click the attachment instead

01-26-2004, 02:38 AM	#1
sweet17 Ownz Location: Toronto/Ottawa, Canada Posts: 745	HTML / JavaScript help! I'm volunteering at Parliment Hill, working on a website for a Nova Scotian M.P. I'm having some issues with HTML and JavaScript, however, that hopefully someone here will be able to help me clear up. I really don't know my ass from my elbow when it comes to JavaScript, so I guess what I'm looking for is a pre-existing script that will help me do what I want. Now let's see if I can set this up... I'm using the very trite "folder look" for this one section, with four tabs on the top. The bottom half will employ an IFRAME to load pages when each of the images on the top is clicked. Easy enough--I just have to do an ImageMap. But my problem is that when each of the four tabs is clicked on, I want it to not only change the location of the IFRAME, but the image being used up top, as well. I guess I'll probably end up having to split the tabs (all one image) into four seperate ones, now that I consider it; that won't pose a problem. I just don't know what code to use in order to create a double event of sorts: both loading another image in its place and a link in the IFRAME. Here are the images, in an attempt to help you see what I mean: http://www.geocities.com/cherub_rock...folder-top.gif http://www.geocities.com/cherub_rock...der-bottom.jpg when, say, the House of Commons tab is clicked, I'd like it to display this image: here. (a link to limit bandwidth used by people viewing this page) Any help or pointing in the right direction would be tremendously appreciated. Also, if it's impossible, that's cool too. Just let me know so I can focus on another aspect of the page an redesign this one later. TIA!

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

01-26-2004, 02:42 AM	#3
sweet17 Ownz Location: Toronto/Ottawa, Canada Posts: 745	-sighs- i hate Geocities. Whatever happened to good, reliable, free web hosting? Here's the top image with the tabs.

01-26-2004, 02:43 AM	#4
sweet17 Ownz Location: Toronto/Ottawa, Canada Posts: 745	Here's the one that the IFRAME will hover over.

01-26-2004, 02:43 AM	#5
ReadMusic Apocalyptic Poster Location: VALLEY RANCH Posts: 2,922	You are what the Latin would call a dorkus milorkus

01-26-2004, 02:44 AM	#6
sweet17 Ownz Location: Toronto/Ottawa, Canada Posts: 745	And here's an example of how I'd like the tabs to change. And I don't think they refuse volunteer services. I really wish it didn't have to be so complex myself, but I submitted my initial design and all I got was "could you do this? and change this? and add this? and..." etc etc. -sighs- I should've just said no.

01-26-2004, 09:05 AM	#10
sweet17 Ownz Location: Toronto/Ottawa, Canada Posts: 745

01-26-2004, 11:01 AM	#11
Nimrod Macho Business Donkey Wrestler Location: the cross i'm bearing home 'aint indicative of my place Posts: 5,410	OK your problem is actually easier to solve than you might think. First, take a look at this script here: http://www.tinyjavascript.com/scripts/frames/iframe.html Notice that the scripts parameters and your parameters are completely different as far as whenre is header is placed.

01-26-2004, 11:57 AM	#12
DeviousJ CORNFROST Location: GUREITO DESU YO Posts: 24,891	Hehe Ok, try this: Code: Then your first tab looks like this: Code: And the others are all the same, except with the names tab2, tab3 etc (and their image tags need to point to the tabx_off.jpg versions since only the first tab is activated at first, if you get me). And of course you'll need an on and an off version of each tab

01-26-2004, 11:58 AM	#13
DeviousJ CORNFROST Location: GUREITO DESU YO Posts: 24,891	Goddamn stupid VBulletin. Click the attachment instead