spazzwig
08-25-2003, 06:55 AM
Hi, very new here. I had some help getting this far so I don't fully understand the code below (I understand it as I read it, but not quite enough that I could write it from scratch).
Thanks to Lasse in comp.lang.javascript for helping me get this far.
Ok, here's what I have:
---
// Create an array of our tabs
var divArray = [];
function cacheDivs() {
var divs = document.getElementsByTagName("div");
for (var i=0;i<divs.length;i++) {
if (/^(tab\_overview|tab\_resources)/.test(divs[i].id)) {
divArray[divArray.length]=divs[i];
}
}
for (var i in divArray) {
divArray[i].style.display = (divArray[i].id == 'tab_'+tabname)?'block':'none';
}
}
// Find which tabs are set to open
var openTab;
function initialize() {
openTab = document.getElementById('tab_overview01');
} // ** need to change this so all 'overview' series tabs are open
// Function which actually swaps tabs
function changePopTab(tabname) {
openTab.style.display = 'none';
openTab = document.getElementById('tab_'+tabname);
openTab.style.display = 'block';
}
//need to change above so that just the selected ID and the "matching" ID get swapped (tab_overview09 <-> tab_resources09)
---
---
<body onload="initialize();">
<div id="popup01" .... >
<some content... >
<div id="poptabs">
<div ... >
<a href="javascipt:;" onclick="changePopTab('overview01');return
false;">Overview</a> |
<a href="javascipt:;"
onclick="changePopTab('resources01');return false">Resources & Links</a>
</div>
<div id="tab_overview01" ... >
<content... >
</div>
<div id="tab_resources01" ... >
<content... >
</div>
</div>
</div>
</body>
---
When the page loads, all 'tab_overviewXX' ID's are set as open. Then when 'changePopTab' is called the idea is just to switch the matching 'tab_overviewXX' with 'tab_resourcesXX' (i.e. tab_overview09 <--> tab_resources09). So the tabs are to toggle information in a pop-up 'layer', and there are several pop-up 'layers' in a page.
Hopefully this makes sense. I've learned a lot over the course of this, but much of it is a bit over my head.
Thanks!
Gabe
Thanks to Lasse in comp.lang.javascript for helping me get this far.
Ok, here's what I have:
---
// Create an array of our tabs
var divArray = [];
function cacheDivs() {
var divs = document.getElementsByTagName("div");
for (var i=0;i<divs.length;i++) {
if (/^(tab\_overview|tab\_resources)/.test(divs[i].id)) {
divArray[divArray.length]=divs[i];
}
}
for (var i in divArray) {
divArray[i].style.display = (divArray[i].id == 'tab_'+tabname)?'block':'none';
}
}
// Find which tabs are set to open
var openTab;
function initialize() {
openTab = document.getElementById('tab_overview01');
} // ** need to change this so all 'overview' series tabs are open
// Function which actually swaps tabs
function changePopTab(tabname) {
openTab.style.display = 'none';
openTab = document.getElementById('tab_'+tabname);
openTab.style.display = 'block';
}
//need to change above so that just the selected ID and the "matching" ID get swapped (tab_overview09 <-> tab_resources09)
---
---
<body onload="initialize();">
<div id="popup01" .... >
<some content... >
<div id="poptabs">
<div ... >
<a href="javascipt:;" onclick="changePopTab('overview01');return
false;">Overview</a> |
<a href="javascipt:;"
onclick="changePopTab('resources01');return false">Resources & Links</a>
</div>
<div id="tab_overview01" ... >
<content... >
</div>
<div id="tab_resources01" ... >
<content... >
</div>
</div>
</div>
</body>
---
When the page loads, all 'tab_overviewXX' ID's are set as open. Then when 'changePopTab' is called the idea is just to switch the matching 'tab_overviewXX' with 'tab_resourcesXX' (i.e. tab_overview09 <--> tab_resources09). So the tabs are to toggle information in a pop-up 'layer', and there are several pop-up 'layers' in a page.
Hopefully this makes sense. I've learned a lot over the course of this, but much of it is a bit over my head.
Thanks!
Gabe