PDA

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



4eOutdoor
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.

Collectors-info
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)

4eOutdoor
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

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

THE PAGES OR IMAGES TO BE DISPLAYED
- Make sure you have all the urls of all the pages or images you will be displaying in this I-Frame

LINKING TO THE I-FRAME
- Highlight the text or double click the image. You need 'properties'

LINK TAB
-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)

EVENTS TAB
- 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"

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

Good luck.