/    Sign up×
Community /Pin to ProfileBookmark

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

Copy linkTweet thisAlerts:
Feb 11.2013

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

[ATTACH]15381[/ATTACH]

[canned-message]attachments-removed-during-migration[/canned-message]

to post a comment
HTML

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@webdoerFeb 11.2013 — 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
<i>
</i> &lt;img src="13-big.jpg" alt="holder" id="holder" name="holder"&gt;

&lt;img src="12-001thumb.jpg"
onMouseOver="document.holder.src='12-001big.jpg'"
alt="12-001big" title="12-001big"&gt;
Copy linkTweet thisAlerts:
@jedaisoulFeb 12.2013 — 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">
Copy linkTweet thisAlerts:
@cootheadFeb 13.2013 — Hi there Schmit43,

You could use a [b]php include[/b] for this. ?

Check out the attachment to see a working example.

[i]coothead[/i]

[canned-message]attachments-removed-during-migration[/canned-message]
×

Success!

Help @Schmit43 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.4,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...