+ Post New Thread
Results 1 to 11 of 11
AV and Multimedia Related Thread, XIBO - Auto Scroll webpage in Technical; Hi All, I'm trying to get a word document that has been saved as a .mht to display in XIBO ...
  1. #1
    linkazoid's Avatar
    Join Date
    May 2007
    Location
    London
    Posts
    644
    Thank Post
    118
    Thanked 89 Times in 73 Posts
    Rep Power
    78

    XIBO - Auto Scroll webpage

    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

  2. #2
    reggiep's Avatar
    Join Date
    Apr 2008
    Location
    In the vast area of space and time
    Posts
    1,548
    Thank Post
    517
    Thanked 56 Times in 50 Posts
    Rep Power
    29
    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.

  3. #3

    plexer's Avatar
    Join Date
    Dec 2005
    Location
    Norfolk
    Posts
    13,343
    Thank Post
    624
    Thanked 1,584 Times in 1,421 Posts
    Rep Power
    414
    Can you not split it onto 2 pages that fit the screen and then go between the 2?

    Ben

  4. #4

    SimpleSi's Avatar
    Join Date
    Jun 2005
    Location
    Lancashire
    Posts
    5,809
    Thank Post
    1,476
    Thanked 592 Times in 444 Posts
    Rep Power
    168
    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

  5. Thanks to SimpleSi from:

    linkazoid (14th July 2011)

  6. #5
    linkazoid's Avatar
    Join Date
    May 2007
    Location
    London
    Posts
    644
    Thank Post
    118
    Thanked 89 Times in 73 Posts
    Rep Power
    78
    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

  7. #6

    SimpleSi's Avatar
    Join Date
    Jun 2005
    Location
    Lancashire
    Posts
    5,809
    Thank Post
    1,476
    Thanked 592 Times in 444 Posts
    Rep Power
    168
    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

  8. #7
    reggiep's Avatar
    Join Date
    Apr 2008
    Location
    In the vast area of space and time
    Posts
    1,548
    Thank Post
    517
    Thanked 56 Times in 50 Posts
    Rep Power
    29
    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?

  9. #8
    linkazoid's Avatar
    Join Date
    May 2007
    Location
    London
    Posts
    644
    Thank Post
    118
    Thanked 89 Times in 73 Posts
    Rep Power
    78
    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

  10. #9

    SimpleSi's Avatar
    Join Date
    Jun 2005
    Location
    Lancashire
    Posts
    5,809
    Thank Post
    1,476
    Thanked 592 Times in 444 Posts
    Rep Power
    168
    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

  11. #10

    SimpleSi's Avatar
    Join Date
    Jun 2005
    Location
    Lancashire
    Posts
    5,809
    Thank Post
    1,476
    Thanked 592 Times in 444 Posts
    Rep Power
    168
    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

  12. #11
    linkazoid's Avatar
    Join Date
    May 2007
    Location
    London
    Posts
    644
    Thank Post
    118
    Thanked 89 Times in 73 Posts
    Rep Power
    78
    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

  13. Thanks to linkazoid from:

    SimpleSi (14th July 2011)

SHARE:
+ Post New Thread

Similar Threads

  1. xibo Powerpoint 2007 Removing Scroll bar
    By fawkers in forum AV and Multimedia Related
    Replies: 4
    Last Post: 12th November 2010, 11:26 AM
  2. Replies: 4
    Last Post: 12th July 2006, 09:59 AM
  3. Auto Update Ceritificates
    By apeo in forum Web Development
    Replies: 8
    Last Post: 22nd March 2006, 02:16 PM
  4. Form with Auto Response
    By faza in forum Scripts
    Replies: 6
    Last Post: 10th January 2006, 03:41 PM
  5. Auto Response
    By faza in forum How do you do....it?
    Replies: 2
    Last Post: 15th December 2005, 03:02 PM

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •