Changing content of Custom HTML by means of a Menu Bar

Collapse
This topic is closed.
X
X
 
  • Filter
  • Time
  • Show
Clear All
new posts
  • 4eOutdoor
    Private

    • Mar 2011
    • 2

    Changing content of Custom HTML by means of a Menu Bar

    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
    General

    • Feb 2006
    • 8703

    #2
    Re: Changing content of Custom HTML by means of a Menu Bar

    You could do this using an iframe on the page. LINK
    Regards Chris.

    Collectables, Collecting, collectors-info.com

    www.chrismorris.co.uk

    House build project

    Comment

    • 4eOutdoor
      Private

      • Mar 2011
      • 2

      #3
      Re: Changing content of Custom HTML by means of a Menu Bar

      Originally posted by Collectors-info View Post
      You could do this using an iframe on the page. LINK
      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,

      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
      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.)
      1. 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 )
      2. Create a Menu Bar.
        let's assume you have two items in the Menu Bar: "Item1" and "Item2".
      3. 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.
      4. Repeat for "Item2"

      Comment

      • Collectors-info
        General

        • Feb 2006
        • 8703

        #4
        Re: Changing content of Custom HTML by means of a Menu Bar

        No problem! Its what ever works for you.

        Good luck.
        Regards Chris.

        Collectables, Collecting, collectors-info.com

        www.chrismorris.co.uk

        House build project

        Comment

        Working...
        X