469,632 Members | 1,637 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,632 developers. It's quick & easy.

hiding or making detail data visible on clicking a link

what I actually want is there should be 2 links at tha top of the page Hide and show.

Default should be hide.
on clicking it the titled data should not show details and on clicking show, the title should show detail data. these options should be links not buttons.
for eg. in case of a shopping software,
the default page should show customer names and on clicking show it should show all the customers total items bought details which includes item , rate ,date and all
Jan 24 '07 #1
3 2436
r035198x
13,262 8TB
what I actually want is there should be 2 links at tha top of the page Hide and show.

Default should be hide.
on clicking it the titled data should not show details and on clicking show, the title should show detail data. these options should be links not buttons.
for eg. in case of a shopping software,
the default page should show customer names and on clicking show it should show all the customers total items bought details which includes item , rate ,date and all
I assume these pages you are talking about are html pages in which case you want to hide things using Javascript?
Jan 24 '07 #2
abctech
157 100+
what I actually want is there should be 2 links at tha top of the page Hide and show.

Default should be hide.
on clicking it the titled data should not show details and on clicking show, the title should show detail data. these options should be links not buttons.
for eg. in case of a shopping software,
the default page should show customer names and on clicking show it should show all the customers total items bought details which includes item , rate ,date and all
Hi,
Below is a very simple piece of code to hide an Html element(here I've used a dropdown for demonstration)

[HTML]<HTML>
<HEAD>
<script language = "javascript">
function hide(){
document.getElementById("Id").style.visibility = "hidden";
}
</script>
</HEAD>
<BODY>
<Form name = "Demo">
<select size="1" id = "Id" name="NamesDD" style="position: relative; width: 277; height: 277">
<option selected>Select</option>
<option>ABC</option>
<option>XYZ</option></select>
<input type="button" value="Hide" name="Hide" onClick = "return hide()">
</BODY>
</HTML>[/HTML]
Jan 24 '07 #3
r035198x
13,262 8TB
Hi,
Below is a very simple piece of code to hide an Html element(here I've used a dropdown for demonstration)

[HTML]<HTML>
<HEAD>
<script language = "javascript">
function hide(){
document.getElementById("Id").style.visibility = "hidden";
}
</script>
</HEAD>
<BODY>
<Form name = "Demo">
<select size="1" id = "Id" name="NamesDD" style="position: relative; width: 277; height: 277">
<option selected>Select</option>
<option>ABC</option>
<option>XYZ</option></select>
<input type="button" value="Hide" name="Hide" onClick = "return hide()">
</BODY>
</HTML>[/HTML]
Yeah it seems the OP wants Javascript so I'll move this to the Javascript forum
Jan 24 '07 #4

Post your reply

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

Similar topics

11 posts views Thread by Lorenzo Villari | last post: by
2 posts views Thread by c.anandkumar | last post: by
2 posts views Thread by Tim Graichen | last post: by
7 posts views Thread by Caroline Bradford | last post: by
2 posts views Thread by tshad | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.