www.webdeveloper.com
Results 1 to 4 of 4

Thread: Trying to target a navigation DIV to another DIV on same page.

  1. #1
    Join Date
    Mar 2012
    Location
    Battle Ground, Washington
    Posts
    30

    Trying to target a navigation DIV to another DIV on same page.

    I have a website that is built with legacy frames. Its a typical content frame on the left so a person can click on links on the left and open pages in the main frame to the right
    in the main target frame of the page.

    I have for months been trying to figure out the best way to update my site so I can use newer technologies since regular
    frames are going to be deprecated soon. So here are my questions.....

    1) I have an accordion Navigation Menu built as a left side NAV DIV. So what should I use to target the main body of the webpage?
    Should I use IFrames or is there a way to target a DIV from another DIV?

    2) If I am able to click on a contents DIV and have the URL links open in another div on the page what sort of code do I use
    to tell the targeted DIV to open that URL based on the hyperlink being clicked on? Here is an example image of what I am trying to do

    explanation.jpg

  2. #2
    Join Date
    Feb 2013
    Posts
    16
    Can you post lik to present content?

    If you are just using links on thumbnails to display larger image version in another space on page, just name/id the large image holder (do NOT include width or height unless a large images are exact same measurement) and add onClick or orMouseOver to thumbnails
    Code:
     <img src="13-big.jpg" alt="holder" id="holder" name="holder">
    
    <img  src="12-001thumb.jpg"
          onMouseOver="document.holder.src='12-001big.jpg'"
          alt="12-001big" title="12-001big">

  3. #3
    Join Date
    Mar 2012
    Posts
    1,509
    For a more general target, just use #<target> as in:

    <a href="#target">

    ...

    <div id="target">

    but to open an external web page inside the page you need an IFRAME and target=<target> as in:

    <a href="www.site.html/" target="#target">


    <iframe id="target">
    Last edited by jedaisoul; 02-12-2013 at 01:15 PM.

  4. #4
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,463
    Hi there Schmit43,

    You could use a php include for this.

    Check out the attachment to see a working example.

    coothead
    Attached Files Attached Files

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles