Next/Preview Button

html.de-Forum JavaScript
1

Hallo Zusammen
Auf einer (Intranet-)Seite sind sieben Button (für jeden Wochentag einer) enthalten. Die Seite wird hauptsächlich im Kiosk Mode auf einem Monitor angezeigt und im Moment ist an dem PC mit Browser im Kiosk-Mode kein Eingabegeräte angeschlossen. Somit ist eine Navigation nicht direkt über die Button möglich. Nun möchte ich aber via einem einfachen Eingabegerät, mit zwei Tastenkombinationen „Next“ und „Preview“ das die Seiten der Reihe nach angezeigt werden können.

[CODE]

Tagesplan Dienstag 
<link href="mystyle.css" type="text/css" rel="stylesheet">
      
      </head>
  
<body>

    <object
    width="100%"
    height="2600"
    type="application/pdf"
    data="Tageskalender_Di.pdf">
    </object>
[/CODE]

Ich hoffe, dass ich mich verständlich ausgedrückt habe.
Wie könnte man denn das realisieren? Für zweckdienliche Hinweise herzlichen Dank.

Gruss
Gunter

2

Hay,

ich würde es mit JQuery machen.
Beispiel:
Du bist bei „Tagesplan - Montag“ und willst weiter zu Dienstag:
Mit Strg + Shift + N (für next).

Der Code:
[PHP]$(document).keydown(function(e) {
if (e.ctrlKey && e.shiftKey && e.keyCode === 78) {
window.location.href=‚http://tagesplant/dienstag.htm‘;
}
});[/PHP]

Um Zurück zu kommen: Anderer Taste & Location eingeben.

Wen du das als einbindest, müsste es funktionieren

LG Cr4zyFl1x

3

Hallo Cr4zyFl1x
Vielen Dank für deinen Vorschlag, klingt für mich genau nach dem was ich bräuchte, aber irgendwie funktioniert es bei mir noch nicht so recht. Mein Code sieht jetzt so aus:

[HTML]

Tagesplan Dienstag 
<link href="mystyle.css" type="text/css" rel="stylesheet">
      
      </head>
  
<body>

    <object
    width="100%"
    height="2600"
    type="application/pdf"
    data="Tageskalender_Di.pdf">
    </object>
[/HTML]

Tschuldigung bin blutiger Anfänger.

4

Das Script basiert auf dem JS-Framework jQuery, dessen Bibliotheksdatei (jquery.min.js) in deinem Code noch nicht eingebunden ist.

https://jquery.com/download/

Die JS-Fehlerkonsole hätte dich aber darüber in Kenntnis gesetzt, wenn du ihr deine Aufmerksamkeit geschenkt hättest.

ReferenceError: $ is not defined

5

jQuery solltest halt auch noch zuvor einbinden:

<script src="http://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
6

Sorry habe vergessen dazuzuschreiben, dass JQuery benötigt wird. :smiley:

Sorry mein Fehler.

7

Sorry Leute muss ich die Bibliothek runter laden, oder reicht es in der html Seite

<script src="http://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>

einzutragen?

8

Du musst nichts herunterladen . Einfach <script src="http://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
in

9

Da passiert leider immer noch nichts. Mit welchem Browser testet ihr?

10

Opera [Windows 10] Bei mir klappt’s:
Mein Code:
[HTML]



Key - Testsite

    <p>Strg + Shift + L > Google</p>
   
   
   
    <!-- // Scripts // -->
    <script src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script>
    $(document).keydown(function(e) {
        if (e.ctrlKey && e.shiftKey && e.keyCode === 76) {
            window.location.href='http://google.de';
        }
    });
    </script>
   
</body>
[/HTML]

Versuch den Unteren Teil zu Kopieren.

11

Kaum macht man’s richtig funktioniert es. Super, vielen Dank!!