XIBO - Auto Scroll webpage

**linkazoid** · 13th July 2011, 08:52 AM

Hi All,

I'm trying to get a word document that has been saved as a .mht to display in XIBO and continuously auto scroll.

I can get the file to show in an iframe but seems to be impossible for it to scroll automatically. I have also tried embedding the iframe in div tags but nothing.

Has any acheived this with XIBO or do you have a better way or doing it?

Thanks,

Michael

**reggiep** · 13th July 2011, 09:04 AM

I wanted to do something similar too. To display a webpage and then have it scroll down slowly. Not found anything yet myself, but thanks for raising the question.

**plexer** · 13th July 2011, 09:09 AM

Can you not split it onto 2 pages that fit the screen and then go between the 2?

Ben

**SimpleSi** · 13th July 2011, 10:49 PM

This code will scroll an iframe - maybe worth trying

Code:

<html>
<head>
	<script src="jquery.js"></script>
	<script src="jquery.scrollto.js"></script>
	<script type="text/javascript">
		<!-- BEGIN HIDING
		function loadorder() {
			var tid = setInterval(dayScroll, 12500);
			function dayScroll () {
				$("iframe").scrollTo( '0', 0, {duration:3000, easing:'linear'} ).scrollTo( '100%', 0, {duration:3000, easing:'linear'} ).scrollTo( '100%', 0, {duration:3000, easing:'linear'} ).scrollTo( '0', 0, {duration:3000, easing:'linear'} );
			};
			dayScroll ();
		};

    -->
   </script>

</head>
<body>
<iframe id="iframe" name="iframe" onload=loadorder() src="http://www.middleforth.lancs.sch.uk/index.php" width="100%" height="400px"></iframe>
</body>

</html>

You'll need to get the jquery.js file and the jquery.scrollto.js plugin and put them in same folder as this html file
See it in action at www.middleforth.lancs.sch.uk/cal/iscroll.html

regards

Simon

**linkazoid** · 14th July 2011, 08:23 AM

Hi Simon,

This looks like it should work, but no matter what I do it doesn't.

JQuery is a part of Xibo but it appears to be 1.4.1 - I have tried placing the jquery.scrollto.js plugin in the jquery folder on the server but it still wont scroll.

Can you recommend anything else to try?

Michael

**SimpleSi** · 14th July 2011, 08:37 AM

I'm at my Xibo school this afternoon so I try it out there.
JFI iscroll.html and the webpage your iframing MUST be on same domain i.e iscroll.html should be on website of the page your trying to scroll. (and I'd stick a copy of the jquery js files in same folder as well to keep things simple

)

regards

**reggiep** · 14th July 2011, 09:14 AM

I can get this to work if I create a html page on my desktop with your code, the two required js files are on my desktop and the html page, that the page you created calls, is on the desktop. However I can't work out how I can then do the same if I then put that somewhere like on my webserver. For example if you go to http://www.prentonhigh.wirral.sch.uk/testscroll.htm i have put the page and js scripts here but no scrolling?

Thanks for pointing this out to us but I'm scratching my head as to what I'm doing wrong?

**linkazoid** · 14th July 2011, 09:24 AM

One more bit of info from me...

I would like to be able to store the html page on a shared drive so that the file can be updated without anyone having to ftp it to the webserver. I can call the file in xibo from the shared drive and it displays correctly but don't know if the scrolling will work from there.

Regards,

Michael

**SimpleSi** · 14th July 2011, 09:43 AM

but I'm scratching my head as to what I'm doing wrong?

Lets get back to basics

Copy and paste my code and just change the iframe url and nothing else - that should eliminate syntax errors

Si

**SimpleSi** · 14th July 2011, 09:47 AM

I would like to be able to store the html page on a shared drive so that the file can be updated without anyone having to ftp it to the webserver

Thats going to take a lot more creativity as iscroll.html and the webpage yoru trying to scroll must be on same webserver.

Simon

**linkazoid** · 14th July 2011, 10:40 AM

I have managed to get it to scroll!

but not from the network share.

I was copying your code into the embed section on xibo. Thats why it wasn't working.

I copied your code into a new html doc and uploaded it to our webserver along with the 2 .js file and pointed the src to the other uploaded file on the webserver. Then in the region on xibo I added a webpage instead of embedded.

Regards,

Michael

LinkBack

Thread Tools

Search Thread

XIBO - Auto Scroll webpage

Thanks to SimpleSi from:

Thanks to linkazoid from:

Similar Threads

xibo Powerpoint 2007 Removing Scroll bar

Auto Create Users - User Management Resource Administrator

Auto Update Ceritificates

Form with Auto Response

Auto Response

Thread Information

Users Browsing this Thread

Posting Permissions