| //here you place the ids of every element you want. |
| var ids=new Array('page_1','page_2','page_3','page_4','page_5','page_6','page_7','page_8','page_9','page_10','page_11','page_12','page_13','page_14','page_15'); |
|
|
| function switchid(id){ |
| hideallids(); |
| showdiv(id); |
| } |
|
|
| function hideallids(){ |
| //loop through the array and hide each element by id |
| for (var i=0;i<ids.length;i++){ |
| hidediv(ids[i]); |
| } |
| } |
|
|
| function hidediv(id) { |
| //safe function to hide an element with a specified id |
| if (document.getElementById) { // DOM3 = IE5, NS6 |
| document.getElementById(id).style.display = 'none'; |
| } |
| else { |
| if (document.layers) { // Netscape 4 |
| document.id.display = 'none'; |
| } |
| else { // IE 4 |
| document.all.id.style.display = 'none'; |
| } |
| } |
| } |
|
|
| function showdiv(id) { |
| //safe function to show an element with a specified id |
| |
| if (document.getElementById) { // DOM3 = IE5, NS6 |
| document.getElementById(id).style.display = 'block'; |
| } |
| else { |
| if (document.layers) { // Netscape 4 |
| document.id.display = 'block'; |
| } |
| else { // IE 4 |
| document.all.id.style.display = 'block'; |
| } |
| } |
| } |
| |