Forum Moderators: phranque
Here is the deal. I'm trying to find a miore efficient method to view multiple url's sequentially. I currently click on them one by one in a browser after stacking them as follows in an html doc:
1.<A href="http://www.no-url.org">click</A><P>
2.<A href="http://www.no-url.org">click</A><P>
3.<A href="http://www.no-url.org">click</A><P>
Any ideas?... if I could find an automated process for shuffling thru the url's so that I could view them "hands off" I would be a very happy web freak.
So for example page 1 (page1.htm) contains the tag:
<meta http-equiv="Refresh" content="60; URL=http://www.no-url.org/page2.htm">
Page 2 then contains the tag:
<meta http-equiv="Refresh" content="60; URL=http://www.no-url.org/page3.htm">
And so on.
Then in your last page link back to page 1 with the same tag. Thus you will cycle thru all your pages pausing for 1min on each one.
I hope this makes you a happy freak :)
But what I meant is the work's already been done for you. If you just write bookmarks for each url and jimmy the nickname to keep them at the top of the bookmarks list, then you have the equivalent of the frames solution.
I just add a space to the front of the nickname, or an "a-" to keep them at the top.
Am I making sense?
Set the view time and shut off switch, and place your urls in the array (all in upper.html).
index.html:
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>index</title>
<!-- April 19, 2002 -->
<style type="text/css">
<!--
frameset {font-family:verdana,helvetica,sans-serif; font-size:11.4px;background:#c8e0d8;line-height: 1.3}
-->
</style>
</head>
<!-- URL Slideshow -->
<frameset rows="10%,*" frameborder="0" scrolling="no">
<frame name="upperframe" src="upper.html">
<frame name="lowerframe" src="lower.html">
</frameset>
</html>
<html>
<head>
<title>upper</title>
<!-- April 19,22, 2002 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
body {font-family:verdana,helvetica,sans-serif; font-size:11.4px;background:#c8e0d8;line-height: 1.3}
-->
</style>
<script language="JavaScript">
<!--
// Place the urls in this array
var urls = new Array("http://www.ibm.com","http://www.webmasterworld.com","http://www.yahoo.com");
// Add more thus
//var urls = urls.concat("http://www.econstruction.bc.ca","http://www.google.com");
// Set the number of seconds you want to view each page. I've set 6 seconds as default.
var viewfor = 6;
// Set the Safety Switch. Will shut off after so many minutes. Decimals OK, ie, 3.75 minutes
var safe = 3.75;
////
function changeurl(){
parent.lowerframe.location.href=urls[mark];
mark+=1;// increments the mark variable (array element)
if (mark==urls.length){
mark=0;// returns to urls[0] at the end of the array count
}
}
////
function die(){// for the Safety Switch and Stop button
window.clearInterval(stop);
}
// -->
</script>
</head>
<body>
<script language="JavaScript">
<!--// Display...
parent.lowerframe.location.href=urls[0];// starts with the first url in the array, urls[0]
var mark=1;// sets global variable to continue with the next url in the array, urls[1]
// This next line runs the cycle through
var stop=window.setInterval("changeurl()", viewfor * 1000);// the stop variable is used in the die() function//------ the rest of the page display is run by setInterval() running and re-running the changeurl() function ------- //
window.setTimeout("die()", safe * 60000);// Safety Switch
//-->
</script>
<a href="start.html" onClick="die();" target="upperframe">Stop</a><!-- Hang it up early -->
</body>
</html>
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>lower</title>
<!-- April 19, 2002 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
body {font-family:verdana,helvetica,sans-serif; font-size:11.4px;background:#c8e0d8;line-height: 1.3}
-->
</style>
</head>
<body>
...loading
</body>
</html>
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>start</title>
<!-- April 19, 2002 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
body {font-family:verdana,helvetica,sans-serif; font-size:11.4px;background:#c8e0d8;line-height: 1.3}
-->
</style>
<script language="JavaScript"></script>
</head>
<body>
<a href="index.html" target="_parent">Start</a>
</body>
</html>
Hope your clickin' finger doesn't get lonely.