Solved

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

Posted on 2003-11-13
5
400 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
ID: 9741655
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
ID: 9742270
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
ID: 9742285
Thanks for your help!!!

Scott F.
0
 
LVL 2

Expert Comment

by:Codescripter
ID: 9742649
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
ID: 9744051
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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Sums of coloumns in html/java 15 67
SharePoint 2013 List with Ratings 6 36
Message not shown 5 33
CONVERT JAVASCRIPT BUTTON TO HYPERLINK TEXT 6 19
This article shows how to create and access 2-dimensional arrays in JavaScript.  It includes a tutorial in case you are just trying to "get your head wrapped around" the concept and we'll also look at some useful tips for more advanced programmers. …
In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed.  In this part, we'…
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…

920 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

12 Experts available now in Live!

Get 1:1 Help Now