homepage Welcome to WebmasterWorld Guest from 54.196.62.132
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Hardware and OS Related Technologies / Website Technology Issues
Forum Library, Charter, Moderators: phranque

Website Technology Issues Forum

    
URL slideshow question
Hunter




msg:674631
 7:25 am on Apr 19, 2002 (gmt 0)

Anyone have an ideas about how I could create a "url slideshow"?

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.

 

casualsub




msg:674632
 9:15 am on Apr 19, 2002 (gmt 0)

You could use refresh values in your http headers.

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 :)

Hunter




msg:674633
 4:29 pm on Apr 19, 2002 (gmt 0)

Thanks casualsub, now if I could just figure out a way to view them all using just one page. Ideally I would have them stacked on one page and cycling automatically down the list as I view the sites.

toadhall




msg:674634
 4:43 pm on Apr 19, 2002 (gmt 0)

Use your bookmarks.

Hunter




msg:674635
 5:00 pm on Apr 19, 2002 (gmt 0)

Hmmm...care to expand on that toadhall?

toadhall




msg:674636
 5:20 pm on Apr 19, 2002 (gmt 0)

Well, if I understand you correctly, you want to view the contents of those urls. What I'm left to suppose is you want some control over how long you spend at each (or is it a kiosk-like slideshow?). If you're just checking out these sites ala maintenance then "use your bookmarks" - navigation-wise it would amount to a page with a drop-down box holding the urls in a top frame with content below, fitting the "same page" criterion.
Or, if you want timed viewing, a real live "slide-show", The meta-refresh solution sounds right. Combined with something like OperaShow [opera.com] it could look great!

Hunter




msg:674637
 6:11 pm on Apr 19, 2002 (gmt 0)

Toadhall you rule!

a page with a drop-down box holding the urls in a top frame with content below, fitting the "same page" criterion.

The above should work but I still need to figure out the frames part...any ideas?

john316




msg:674638
 6:14 pm on Apr 19, 2002 (gmt 0)

iframe with the refreshes could work

toadhall




msg:674639
 6:18 pm on Apr 19, 2002 (gmt 0)

You'd just "target" the bottom frame from the top.

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?

Hunter




msg:674640
 6:55 pm on Apr 19, 2002 (gmt 0)

john316,

Thanks...great tip thats a great working solution and you may have saved my "mouse" hand from permanent damage.

toadhall,
Thanks again for all the help, I'm going to look into the frames solution later but i still don't get the "bookmarks for each url" part :)

toadhall




msg:674641
 4:26 am on Apr 23, 2002 (gmt 0)

Hunter,
It could be better but it does what you want - cycles through urls.

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>

upper.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>

lower.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>

start.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.

Marshall




msg:674642
 5:41 am on Apr 23, 2002 (gmt 0)

Hunter,

Go to the site in my profile and click on the scene design page. There are two slide shows there, one with and one without javascript. See if that works. Hate to admit it, but off hand, I don't remember if the code is easily accessed or not. If not, and it works for you, I can Email it.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Hardware and OS Related Technologies / Website Technology Issues
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved