Printable View
I have an HTML page which at present is opening a different browser window for each link...so for example the HTML page has Link 1 that opens a page of graphs.....and Link 2 opens a page of data...etc
I am looking to put these graphs & tables on the same page but hide them all, and only show the appropriate table once that specific link has been clicked...
So is this possible, and if so, could someone help a newbie out with getting me started??
Thank you all...
Try something like this:
Code:<script language="JavaScript1.2">
function ShowIt(i_Name){
if(i_Name == "i_graph"){
document.all.i_graph.style.visibility = "visible"
document.all.i_data.style.visibility = "hidden"
} else {
document.all.i_graph.style.visibility = "hidden"
document.all.i_data.style.visibility = "visible"
}
}
</script>
<a href="javascript: ShowIt('i_graph')">Show Graph</a> | <a href="javascript: ShowIt('i_data')">Show Data</a><br>
<div id="i_graph" style="visibility: hidden; position:absolute">
<table bgcolor="red"><td>Test 1</td></table>
</div>
<div id="i_data" style="visibility: hidden">
<table bgcolor="blue"><td>Test 2</td></table>
</div>
I really appreciate your response!
I have a questions or two if you don't mind?
With regards to this function you sent me, I will have several data pages and a few graph pages....do I label them within the function?
For example you have -
Will I need to create individual If statements within this function for each page I wanted hidden?VB Code:
Also, I need the data or graph to show in the same position, much like a window on the page that will show the information...how do I write the position piece...
I hope that I have explained myself...I thank you for your time and consideration! :D
This might work better for you then. I've made a few changes such as it now loops through each "DIV" tag for you so you don't have to mess with the "if" statements. I also changed the style attribute to "display" instead of "visibility" this should take care of your positioning issues. Note that this only works in IE as far as I know, maybe the newest netscape (not sure if it supports "div" tags).
Let me know if you have any questions or need any more help.
Code:<script language="JavaScript1.2">
function ShowIt(i_Name){
var a_Divs = document.all.tags("div")
for(i=0;i<a_Divs.length;i++){
if(a_Divs[i].id != i_Name){
document.all[a_Divs[i].id].style.display = "none"
} else {
document.all[a_Divs[i].id].style.display = "block"
}
}
}
</script>
<a href="javascript: ShowIt('i_graph')">Show Graph</a> | <a href="javascript: ShowIt('i_data')">Show Data</a><br>
<div id="i_graph" style="display: none">
<table bgcolor="red"><td>Test 1</td></table>
</div>
<div id="i_data" style="display: none">
<table bgcolor="blue"><td>Test 2</td></table>
</div>
THIS IS GREAT!!!
I really am learning alot....but I still need a little more prodding to the old brain!
Ok, this is the code I am currently using...it uses a hide function for a menu style I have...My question is:
Can I incorporate the function you created into this code...meaning can I use the DIV tags from my code to
be used in your function...or am I way off :(
I can not stress enough how much help you have all ready provided!!!!VB Code:
Thank you!
Hello again!
I tested out the function you sent me, and I am unable to open the simple Test tables you created within the DIV ID tags...it looks like it is opening another page instead making the table visible on the same page....
Let me know if I am doing something wrong here....
Thank you.
I really need to figure this out...so I am hoping that anyone out there can assist me!!!
The following function will hide all DIV tags...this is my problem:
I need only to hide specific tags....VB Code:
For example I have DIV ID tags that are associated with a menu script which will fold and unfold the menu like so:
So can someone please show me how to change the first function so that only specific DIV tags are hidden???VB Code:
As it is now when I use the first function it will hide the other menu items and I can not get them back!!:eek:
I really appreciate any suggestions!