selfhtml.de - Alles für den Webmaster!

 

Empfehlung:

wix.com

Kostenlose Homepage

Besuchen Sie auch:

Jobs:

Bildschirmschoner HTML

Autor: ASonnert
Datum: 02.04.2014 17:18:14

Hallo User,

ich habe folgendes Problem:
Undzwar benötige ich ein Script welches als Bildschirmschoner auf einer Webpage auf einem aktullem Browser funktioniert.

Ich habe bereits Google befragt und nichts funktionierendes gefunden.

Dieses Script soll nach einer Definierbaren Zeit ohne Berührung des Touchscreens (Klick) starten und auf eine andere HTML(5) Seite umleiten.


Gruß André



Re: Bildschirmschoner HTML

Autor: Freddy
Datum: 02.04.2014 20:11:39

Hallo,

> Undzwar benötige ich ein Script welches als
> Bildschirmschoner auf einer Webpage auf einem
> aktullem Browser funktioniert.

Was ist denn ein Bildschirmschoner auf einer Webpage (für Dich)? Ich kann mir da gerade nix vorstellen.


> Dieses Script soll nach einer Definierbaren Zeit
> ohne Berührung des Touchscreens (Klick) starten [...]

Was starten?
Guck Dir "window.setTimeout()" an.


> und auf eine andere HTML(5) Seite umleiten.

Guck Dir "window.location.href" an.
Aber ehrlich gesagt verstehe ich nicht, was Du überhaupt erreichen möchtest.


Gruß,
Freddy



Re: Bildschirmschoner HTML

Autor: ASonnert
Datum: 03.04.2014 10:06:30

Hallo Freddy, ich habe ein Projekt auf einer Ausstellung auf der ein Touchscreen mit einem Mac an der Wand hängt auf dem Opera im Kiosk Mode läuft.
Auf diesem wird eine lokale Homepage gezeigt welche allerdings sobald niemand mehr klickt nach 10 Minuten auf eine HTML Seite springen welche als Bildschirmschoner fungiert.

Gruß André



Re: Bildschirmschoner HTML

Autor: Freddy
Datum: 03.04.2014 11:45:15

Hallo,

> Auf diesem wird eine lokale Homepage gezeigt
> welche allerdings sobald niemand mehr klickt nach
> 10 Minuten auf eine HTML Seite springen welche
> als Bildschirmschoner fungiert.

Folgendes Script wechselt 10 Minuten nach dem letzten Klick nach Google (das könntest Du ja mit Deinem "Screensaver" ersetzen):

    
    <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
    <script type="text/javascript">
        function now() {
            return new Date().getTime();
        }
        
        var last_time_moved = now(),
            show_screensaver_after = 1000 * 60 * 10,
            check_every = 1000,
            screensaver = 'http://www.google.de/';
        
        $(function() {
            $(window).on('click', function() {
                last_time_moved = now();
            });
        });
        
        window.setInterval(function() {
            if ((last_time_moved + show_screensaver_after) < now()) {
                window.location.href = screensaver;
            }
        }, check_every);
    </script>

Es könnte allerdings ein Problem geben, und zwar das ein Touchscreen-Klick kein jQuery-click-event erzeugt. Bei Smartphones und Tablets wird dieser Event zwar gefeuert, ob das bei Deinem Device auch so ist, weiß ich nicht. Ggfs. einfach die jQuery Events durchgehen (und die Zeit runterstellen).


Gruß,
Freddy



Re: Bildschirmschoner HTML

Autor: ASonnert
Datum: 03.04.2014 12:00:28

> Hallo,
>
> > Auf diesem wird eine lokale Homepage
> gezeigt
> > welche allerdings sobald niemand mehr klickt
> nach
> > 10 Minuten auf eine HTML Seite springen
> welche
> > als Bildschirmschoner fungiert.
>
> Folgendes Script wechselt 10 Minuten nach dem
> letzten Klick nach Google (das könntest Du ja mit
> Deinem "Screensaver" ersetzen):
>
>     
>     <script
> type="text/javascript"
> src="http://code.jquery.com/jquery.min.js"></script>
>     <script
> type="text/javascript">
>
>         function
> now() {
>
>             return
> new Date().getTime();
>         }
>         
>         var
> last_time_moved = now(),
>
>             show_screensaver_after
> = 1000 * 60 * 10,
>
>             check_every
> = 1000,
>
>             screensaver
> = 'http://www.google.de/';
>         
>
>         $(function()
> {
>
>             $(window).on('click',
> function() {
>
>                 last_time_moved
> = now();
>
>             });
>         });
>         
>
>         window.setInterval(function()
> {
>
>             if
> ((last_time_moved + show_screensaver_after) <
> now()) {
>
>                 window.location.href
> = screensaver;
>
>             }
>         },
> check_every);
>     </script>
>
> Es könnte allerdings ein Problem geben, und zwar
> das ein Touchscreen-Klick kein jQuery-click-event
> erzeugt. Bei Smartphones und Tablets wird dieser
> Event zwar gefeuert, ob das bei Deinem Device
> auch so ist, weiß ich nicht. Ggfs. einfach die
> jQuery Events durchgehen (und die Zeit
> runterstellen).
>
>
> Gruß,
> Freddy

Wo muss ich den Code einbinden? Sorry hab noch nie javascript eingebunden.

Gruß André



Re: Bildschirmschoner HTML

Autor: Freddy
Datum: 03.04.2014 12:32:09

Hallo,

zwischen <head> und </head> am Besten.
Oder </body>.


Gruß,
Freddy