473,396 Members | 1,689 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,396 software developers and data experts.

Problem with anchor navigation in frames

Could somebody help me ? I believe this might be elementary, but I am not much familiar with HTML .In my page i have two frames. I have a number of anchor tags in right frame. Every anchor tag in left side is associated to some text and one anchor as header in right frame. When I click in left anchor tag it should focus the associated content in the right frame.
Below is main HTML page partly.
Expand|Select|Wrap|Line Numbers
  1. <frameset  cols="40%,60%">
  2.     <frame src="frame1.html" id="leftFrame1" name="leftFrame1">
  3.     <frame src="frame2.html" id="rightFrame1" name="rightFrame1">
  4. </frameset>
  5.  
And below is left frame's ( frame1.html) content.
Expand|Select|Wrap|Line Numbers
  1.  <BODY>
  2. <A HREF="#a1" target="rightFrame1">tag1</A>
  3. <A HREF="#a2" target="rightFrame1">tag2</A>
  4.  </BODY>
  5.  
And right frame's ( frame2.html) content.
Expand|Select|Wrap|Line Numbers
  1. <BODY>
  2.  <A HREF="" id="a1" name="a1">tag1</A>
  3.  <TABLE>
  4.  <TR>
  5.      <TD>1</TD>
  6.      <TD>2</TD>
  7.  </TR>
  8.  <TR>
  9.      <TD>3</TD>
  10.      <TD>4</TD>
  11.  </TR>
  12.  <TR>
  13.      <TD>5</TD>
  14.      <TD>6</TD>
  15.  </TR>
  16.  <TR>
  17.      <TD>7</TD>
  18.      <TD>8</TD>
  19.  </TR>
  20.   <TR>
  21.      <TD>7</TD>
  22.      <TD>8</TD>
  23.  </TR>
  24.  <TR>
  25.      <TD>7</TD>
  26.      <TD>8</TD>
  27.  </TR>
  28.   <TR>
  29.      <TD>7</TD>
  30.      <TD>8</TD>
  31.  </TR>
  32.  <TR>
  33.      <TD>7</TD>
  34.      <TD>8</TD>
  35.  </TR>
  36.   <TR>
  37.      <TD>7</TD>
  38.      <TD>8</TD>
  39.  </TR>
  40.  <TR>
  41.      <TD>7</TD>
  42.      <TD>8</TD>
  43.  </TR>
  44.   <TR>
  45.      <TD>7</TD>
  46.      <TD>8</TD>
  47.  </TR>
  48.  <TR>
  49.      <TD>7</TD>
  50.      <TD>8</TD>
  51.  </TR>
  52.   <TR>
  53.      <TD>7</TD>
  54.      <TD>8</TD>
  55.  </TR>
  56.  <TR>
  57.      <TD>7</TD>
  58.      <TD>8</TD>
  59.  </TR>
  60.   <TR>
  61.      <TD>7</TD>
  62.      <TD>8</TD>
  63.  </TR>
  64.  <TR>
  65.      <TD>7</TD>
  66.      <TD>8</TD>
  67.  </TR>
  68.   <TR>
  69.      <TD>7</TD>
  70.      <TD>8</TD>
  71.  </TR>
  72.  <TR>
  73.      <TD>7</TD>
  74.      <TD>8</TD>
  75.  </TR>
  76.   <TR>
  77.      <TD>7</TD>
  78.      <TD>8</TD>
  79.  </TR>
  80.  <TR>
  81.      <TD>7</TD>
  82.      <TD>8</TD>
  83.  </TR>
  84.   <TR>
  85.      <TD>7</TD>
  86.      <TD>8</TD>
  87.  </TR>
  88.  <TR>
  89.      <TD>7</TD>
  90.      <TD>8</TD>
  91.  </TR>
  92.   <TR>
  93.      <TD>7</TD>
  94.      <TD>8</TD>
  95.  </TR>
  96.  <TR>
  97.      <TD>7</TD>
  98.      <TD>8</TD>
  99.  </TR>
  100.   <TR>
  101.      <TD>7</TD>
  102.      <TD>8</TD>
  103.  </TR>
  104.  <TR>
  105.      <TD>7</TD>
  106.      <TD>8</TD>
  107.  </TR>
  108.   <TR>
  109.      <TD>7</TD>
  110.      <TD>8</TD>
  111.  </TR>
  112.  <TR>
  113.      <TD>7</TD>
  114.      <TD>8</TD>
  115.  </TR>
  116.   <TR>
  117.      <TD>7</TD>
  118.      <TD>8</TD>
  119.  </TR>
  120.  <TR>
  121.      <TD>7</TD>
  122.      <TD>8</TD>
  123.  </TR>
  124.   <TR>
  125.      <TD>7</TD>
  126.      <TD>8</TD>
  127.  </TR>
  128.  <TR>
  129.      <TD>7</TD>
  130.      <TD>8</TD>
  131.  </TR>
  132.   <TR>
  133.      <TD>7</TD>
  134.      <TD>8</TD>
  135.  </TR>
  136.  <TR>
  137.      <TD>7</TD>
  138.      <TD>8</TD>
  139.  </TR>
  140.   <TR>
  141.      <TD>7</TD>
  142.      <TD>8</TD>
  143.  </TR>
  144.  <TR>
  145.      <TD>7</TD>
  146.      <TD>8</TD>
  147.  </TR>
  148.   <TR>
  149.      <TD>7</TD>
  150.      <TD>8</TD>
  151.  </TR>
  152.  <TR>
  153.      <TD>7</TD>
  154.      <TD>8</TD>
  155.  </TR>
  156.   <TR>
  157.      <TD>7</TD>
  158.      <TD>8</TD>
  159.  </TR>
  160.  
  161.  </TABLE>
  162. <A HREF="" id="a2" name="a2">tag2</A>
  163.  </BODY>
  164.  
In simple when I click link in left frame (i.e. link tag2 ), right frame should display tag2 on screen. And anchor's in right frame is only serve as heading's and has no target. If it is necessary javascript also I could use, like using window.scrollTo ( I am not sure) etc.
Sep 12 '07 #1
1 1771
drhowarddrfine
7,435 Expert 4TB
This cannot be done using html. You need to ask on the javascript board.
Sep 12 '07 #2

Sign in to post your reply or Sign up for a free account.

Similar topics

9
by: Theodore A. Jencks | last post by:
Hi All, I have a problem that is two fold. First a little about the enviroment I'm using; I am running Microsoft Windows XP with all security patches applied. I use Mozilla 1.6 for all testing...
0
by: Jason Rodman | last post by:
I have been working on a web app that uses IFrames for our edit screens. A main window contains static information, while an IFrame contains the editable page. I use javascript from the outer page...
4
by: Sandy.Pittendrigh | last post by:
I don't want to get into a frames discussion here. We all know they have numerous drawbacks, especially with search engine visibility. (Google, ironically, uses framesets for displaying individual...
10
by: elibol | last post by:
Hi, Is there an event that fires when the back or forward button on a browser is pressed? I need an event to fire when someone clicks the back or forward button after an anchor has been set. ...
8
by: knoxautoguy | last post by:
This problem has consumed a lot of my time, and I'm aftraid someone will tell me that my whole approach to this objective is wrong; however, I would like to know if there is a way to do this. I...
13
by: Giggle Girl | last post by:
Hi there, I am having a problem with the behavior of Firefox, where lefthand column content is not resized properly after it is "collapsed" and then "re-expanded". An online demo is available...
18
by: len.hartley | last post by:
Hi, I am trying to pop-up a window when the user clicks on an image. The problem is that when the user clicks on the image and the window pops up OK, but the window underneath also proceeds to...
2
by: gvrajkumar | last post by:
Hi We are developing an Ajax based application. In this application the URL is fixed and as user navigates on the application we will change Anchor on the URL so that user can bookmark the url...
4
by: naveenmurthy | last post by:
Hello All, I have created a .mht file in following format. 1. The .mht file contains following htmls. a. MHTLinkingProblem.html b. Left.html c. Right.html d. Start.html
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.