Solved

Using anchor link in active window to get to a target link in iframe.

Posted on 2003-11-13
5
397 Views
Last Modified: 2009-07-29
If I use a plain HTML in an active window only, I can easily whip out a HTML code to accomplish this task like this...

--snip--
<html>
  <body>
  <!-- To jump from a link like this to a target link: -->
  <a href="#A">Letter "A" (Go From Letter "A')</a>

  <!-- Blah Blah Blah of a long newspaper article in HTML fonts -->

  <!-- Define the target like this: -->
  <a name="A">Letter "B" (To This Letter "B")</a>

   <!-- Blah Blah Blah of a long newspaper article in HTML fonts -->
  </body>
</html>
--snip--

This is where the user can easily jump from the top to somewhere in the middle just like that.  I'm now working on a project that would require the use of JavaScript which isn't a difficult thing to do but using this feature from above with a Letter "A" link in a main window (or a pop-up window) to jump to a Letter "B" inside of the iframe window, (even if the article in the iframe is long with a similiar effect as the one from above).  I pretty much stumped on this one because I don't know what to look for to use a handle like this in JavaScript and in iframe.

Thanks,
 Scott Fletcher
0
Comment
Question by:fletchsod
  • 3
  • 2
5 Comments
 
LVL 2

Accepted Solution

by:
Codescripter earned 125 total points
Comment Utility
fletchsod try this:

-------------------------------------------------------------------------------------------
<script language="JavaScript">
function LoadSearch(strSearch) {
  doc.location = "http://www.yourserver.com/yourpage.htm#" + strSearch;
}
</script>


<iframe id="doc" name="doc" frameborder="1" scrolling="yes" width="100%" height="100%" src="http://www.yourserver.com/yourpage.htm"></iframe>

-------------------------------------------------------------------------------------------

  - or this -

-------------------------------------------------------------------------------------------
<a href="http://www.yourserver.com/yourpage.htm#strSearch" target="doc">Jump</a>

<iframe id="doc" name="doc" frameborder="1" scrolling="yes" width="100%" height="100%" src="http://www.yourserver.com/yourpage.htm"></iframe>
-------------------------------------------------------------------------------------------
0
 

Author Comment

by:fletchsod
Comment Utility
That does help.  From the look of the example posted by Codescripter.  It does work and it doesn't look too difficult, the bottom half work very nicely for a main window.  Was able to use the top half example and tweak it to work with the popup window and it does work. (Just convert it from PHP to HTML/JavaScript...) So, giving points to Codescripter right after this post.

--snip--
<!-- PopUp Window Script -->
<script type='text/javascript'>
parent.window.opener.document.getElementById('DivBillInfoIframe').innerHTML = 'One moment while Iframe is refreshing itself!!';
opener.parent.frames['BillingInfo_IFrame'].location.reload();
opener.parent.frames['BillingInfo_IFrame'].location.href='https://www.domain.com/billing_info_iframe.php#RowNum5';
</script>

<!- Iframe Window -->
<a href="#" name="RowNum5">Test</a>
0
 

Author Comment

by:fletchsod
Comment Utility
Thanks for your help!!!

Scott F.
0
 
LVL 2

Expert Comment

by:Codescripter
Comment Utility
Thanks for the points, fletchsod.  
From the look of your example code, you seem to know what you're doing.  =)

~Codescripter
0
 

Author Comment

by:fletchsod
Comment Utility
Been doing HTML, JavaScript and PHP for 4 years at my job.  :-)  Just came upon this situation and wasn't sure how to handle the link anchor.  Have been doing a lot of writing for popup window and iframes in the last 6 months, so they come in handy.  Cheers.

Scott F.
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

When you need to keep track of a simple list of numbers or strings, the Array object is your most direct tool.  As we saw in my earlier EE Article (http://www.experts-exchange.com/A_3488.html), typical array handling might look like this: (CODE) B…
In this article, we'll look how to sort an Array in JavaScript, including the more advanced techniques of sorting a collection of records either ascending or descending on two or more fields. Basic Sorting of Arrays First, let's look at the …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now