View Full Version : Changing content of Custom HTML by means of a Menu Bar

03-26-2011, 08:52 PM
I have embedded a Google map into my Web page (Custom HTML).

Can I change the content of the Custom HTML when an item on a Menu Bar is clicked?
I want to display different maps, depending on the selected item on a menu bar.

03-27-2011, 03:14 AM
You could do this using an iframe on the page. LINK (http://www.vodahost.com/vodatalk/adding-elements-your-website/9354-creating-iframe-your-bluevoda-webpage.html)

03-27-2011, 12:43 PM
You could do this using an iframe on the page. LINK (http://www.vodahost.com/vodatalk/adding-elements-your-website/9354-creating-iframe-your-bluevoda-webpage.html)

Thanks, but being relatively new to web page design (but not programming, and forums) I found that I had to delve a bit deeper.

The "Eureka" moment came after studying this thread, (http://www.vodahost.com/vodatalk/adding-elements-website/51027-create-dynamic-inline-frame.html)

and specifically DarrenC's post: (thanks, Darren!)

OK a bit fiddly but Ive done this and i'll try to explain how the best I can

- Insert an I-Frame and name it, say 'gifts'
- Assign a url to this I-Frame so there is something in it when published

- Make sure you have all the urls of all the pages or images you will be displaying in this I-Frame

- Highlight the text or double click the image. You need 'properties'

-Assign the url of the image or page that this link is going to relate to.
- Set 'Target' To open in new window or I-Frame
- Set value to 'gifts' (remember this is what I named the I-Frame)

- Add or create an event where the 'event' is set to 'onMouseOver', 'action' is set to 'Show' and 'target' is set to InLineFrame1

Then repeat for all your other links

Its been a while since I did this so I am hoping Ive covered this clearly. Here here is my example (http://www.imperialrfc.org.uk/player_profiles.php)I will document the procedure for "rookies" like me: (it might seem so obvious to 'old hands', but 'old hands' should remember that 'rookies' don't always understand the basic principles from day one).

(I used a Menu Bar to test this, but there are more ways of doing it, eg a series of images.)

Create an Inline Frame.
Set the name to eg 'TheFrame' (not important what you call it, but you will need the name in 3.(iii) below )
Create a Menu Bar.
let's assume you have two items in the Menu Bar: "Item1" and "Item2".
For "Item1" set the following attributes:
(i) Set 'Link Type:' to 'http:' (from the drop down menu)
(ii) Set 'URL:' to 'http://.......' (whatever URL you would like to be displayed in "TheFrame")
(iii) Set 'Target' to 'TheFrame' (the name of the inLine Frame, as defined in 1. above). Type the target name in (without the quotation marks!), it won't be in the drop down list.
Repeat for "Item2"

03-27-2011, 01:41 PM
No problem! Its what ever works for you.

Good luck.