go to next page function

[ruthann]

Hello,

I have been trying to find a function that will

1. load the starting page in the iframe when link is clicked
2. load the next page in order when clicked again, and so on through all the pages
3. When the last page is loaded in the iframe and the next is clicked again the loading page will be the first page which starts the process again.

Kind of like having a 'slideshow' for html pages being loading into an iframe instead of images being shown in a viewer.

Does anyone know of such a script? I have tried to search but none of the searches I've done has resulted in anything remotely like this.

Any help will be appreciated.

Ruth

[Till]

Well, here are some ideas:

1)
Create an array in JavaScript with names of the pages you want to have in your slideshow.

2)
Use a variable to keep track of the page you currently display. You could either use the page name (= same as in the array), or the index of the current page in the array.

3)
Write a script to iterate through your array.


For starters, some code to set an iframe's "src":

<iframe id="your_iframe" src="start.html"></iframe>
<script language="JavaScript" type="text/javascript">
<!--
function changePage()
{
  var e = document.getElementById('your_iframe');
  e.src = 'http://www.htmlcenter.com/';
}
//-->
</script>
<span style="text-decoration:underline;" onclick="javascript:changePage();">Change iframe to HTMLCenter</span>

Just a quick draft to get you started - no guarantees.

Hope that helps you!
Till