By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,605 Members | 2,128 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,605 IT Pros & Developers. It's quick & easy.

Visibility of a particular area in the page

P: 21
Hi every one
i need a help from you
i had a page in which i had three links in the top of the page
and three tables below them.
actually those links are related to each of the table
when i press the first link the page control should go to first table
and when i go for the second one the visibility should go to second table on the page
vice versa.
cn any one plz suggest me how to solve this one
eagerly waiting for help

Thanks in advance.

kash
Aug 9 '08 #1
Share this Question
Share on Google+
5 Replies


P: 13
Hi,

it would really help if i had some source code for the page, but i think if you put the following in the <a> tag for the menu;

Expand|Select|Wrap|Line Numbers
  1. <a href="#" onclick="document.getElementById('mytableid').style.display= 'block'">First Table</a>
  2.  
and make sure that the original table has this style in the <table> tag

Expand|Select|Wrap|Line Numbers
  1. <table style="display:none;">
  2.  
Hope this helps, if not here is a good example of tab menu's;

http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm
Aug 9 '08 #2

P: 21
Thanq so much


kash
Aug 11 '08 #3

P: 21
Hi one n all
i had two anchor items Movies and Sports
when i click on the movies the control of the page should go to Movies table
and when i click on News the control of the page should go to News table
I am providing the html code for ur reference

HTML CODE:
--------------------

[HTML]<table>

<tr>
<td align="center"><a href="#">Movie News</a>|<a href="#">Sports News</a></td>
</tr>

<tr>
<td width="525" height="255">
[/HTML]
MOVIES TABLE:-
--------------------------

[HTML]<table align="center">
<ul>
<tr><td align="left" height="38"><li><a href="#" class="a">Chiranjeevi joins politics, dedicates life to serving people</a></li></td></tr>
<tr><td align="left" height="38" ><li><a href="#" class="a">King Kobra project will be set up at Saluru Forest area</a></li></td></tr>
<tr><td align="left" height="38"><li><a href="#" class="a">People looking for change: Chiranjeevi</a></li></td></tr>
<tr><td align="left" height="34"><li><a href="#" class="a">Andhra Pradesh CM to meet PM</a></li></td></tr>
<tr><td align="left" height="34"><li><a href="#" class="a">Congress MP resigns, to join Chiranjeevi party</a></li></td></tr>
</ul>
</table>


</td>
</tr>


<tr>
<td width="395" height="255" align="center">
[/HTML]
SPORTS TABLE:-
-------------------------

[HTML]<table id="sports">
<ul>
<tr><td width="237" height="38" align="left"><li><a href="#" class="a">Cricket News</a></li></td></tr>
<tr><td align="left" height="38" ><li><a href="#" class="a">Football News</a> </li></td></tr>
<tr><td align="left" height="38"><li><a href="#" class="a">Golf News</a> </li></td></tr>
<tr><td align="left" height="34"><li><a href="#" class="a">Tennis News</a></li></td></tr>
<tr><td align="left" height="34"><li><a href="#" class="a">Olympics News</a></li></td></tr>
</ul>
</table>


</td>
</tr>
</table>
[/HTML]


Please help me towards the solution.
Thanks in advance

Kash
Aug 19 '08 #4

acoder
Expert Mod 15k+
P: 16,027
This can be solved with HTML only unless these tables are hidden by default and you want to display them when clicking the link. If it's simply scrolling to the relevant part of the page, use <a name="#movies"></a> and link to it with <a href="#movies" ...>
Aug 19 '08 #5

RamananKalirajan
100+
P: 607
Hi the way Mr. Acoder suggested will exactly matches ur requirement by setting the anchor name and set that in the anchor. But you are placing the both table News and Movies tables inside a table. That tables first row contains the News and Movies href link the successive rows contains the tables, do you really need to give an anchor. because anchor within the page will be usd when there needs a navigation but here in ur page i think the user can see all the three at the same place, why do u need a navigation. This is an example

[HTML]<html>
<body>
<a name="top">
<p align="right"><a href="#bottom">Go to Bottom</a></p>
</a>
<p>Naming conventions
//Here add some paragraph that enables scroll bar in ur browser
</p>
</a>
<a name="bottom">
<p align="right"><a href="#top">Go to Top</a></p>
</a>
</a>

</body>
</html>[/HTML]
Regards
Ramanan Kalirajan
Aug 21 '08 #6

Post your reply

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