• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] Next/Preview Button

Status
Für weitere Antworten geschlossen.
W

Warne

Neues Mitglied
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: 
<!DOCTYPE html>
<html lang="de-CH">
    <head>
      <link rel="shortcut icon" href="">
        <TITLE> Tagesplan Dienstag  </TITLE>
        <META HTTP-EQUIV="REFRESH" CONTENT="1800; URL=http://tagesplan/">
        <meta http-equiv="cache-control" content="no-cache">
    
    <link href="mystyle.css" type="text/css" rel="stylesheet">
          
          </head>
      
    <body>
      
<nav>
    <ul>
          <li><a href="http://tagesplan/montag.htm">Montag</a>
        </li>
        <li><a href="http://tagesplant/dienstag.htm">Dienstag</a>
        </li>
        <li><a href="http://tagesplant/dienstag.htm">Mittwoch</a>
        </li>
        <li><a href="http://tagesplan/donnerstag.htm">Donnerstag</a>
        </li>
        <li><a href="http://tagesplan/freitag.htm">Freitag</a>
        </li>
        <li><a href="http://tagesplan/samstag.htm">Samstag</a>
        </li>
        <li><a href="http://tagesplan/sonntag.htm">Sonntag</a>
        </li>
       </ul>
</nav>   
      
      
      
        <object
        width="100%"
        height="2600"
        type="application/pdf"
        data="Tageskalender_Di.pdf">
        </object>
              


</body>
 </html>

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
 
Werbung:
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';
    }
});

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

Wen du das als <script></script> einbindest, müsste es funktionieren

LG Cr4zyFl1x
 
Zuletzt bearbeitet:
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: 
<!DOCTYPE html>
<html lang="de-CH">
    <head>
      <link rel="shortcut icon" href="">
        <TITLE> Tagesplan Dienstag  </TITLE>
        <META HTTP-EQUIV="REFRESH" CONTENT="1800; URL=http://tagesplan/">
        <meta http-equiv="cache-control" content="no-cache">
    
    <link href="mystyle.css" type="text/css" rel="stylesheet">
          
          </head>
      
    <body>
      
<nav>
    <ul>
        <li><a href="http://tagesplan/montag.htm">Montag</a>
        </li>
        <li><a href="http://tagesplant/dienstag.htm">Dienstag</a>
        </li>
        <li><a href="http://tagesplan/mittwoch.htm">Mittwoch</a>
        </li>
        <li><a href="http://tagesplan/donnerstag.htm">Donnerstag</a>
        </li>
        <li><a href="http://tagesplan/freitag.htm">Freitag</a>
        </li>
        <li><a href="http://tagesplan/samstag.htm">Samstag</a>
        </li>
        <li><a href="http://tagesplan/sonntag.htm">Sonntag</a>
        </li>
    </ul>
</nav>   
      
      
      
        <object
        width="100%"
        height="2600"
        type="application/pdf"
        data="Tageskalender_Di.pdf">
        </object>
              
<script>$(document).keydown(function(e) {
    if (e.ctrlKey && e.shiftKey && e.keyCode === 78) {
        window.location.href='http://tagesplan/mittwoch.htm';
    }
});</script>

</body>
 </html>

Tschuldigung bin blutiger Anfänger.
 
Werbung:
Warne schrieb:
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: 
<!DOCTYPE html>
<html lang="de-CH">
    <head>
      <link rel="shortcut icon" href="">
        <TITLE> Tagesplan Dienstag  </TITLE>
        <META HTTP-EQUIV="REFRESH" CONTENT="1800; URL=http://tagesplan/">
        <meta http-equiv="cache-control" content="no-cache">
  
    <link href="mystyle.css" type="text/css" rel="stylesheet">
        
          </head>
    
    <body>
    
<nav>
    <ul>
        <li><a href="http://tagesplan/montag.htm">Montag</a>
        </li>
        <li><a href="http://tagesplant/dienstag.htm">Dienstag</a>
        </li>
        <li><a href="http://tagesplan/mittwoch.htm">Mittwoch</a>
        </li>
        <li><a href="http://tagesplan/donnerstag.htm">Donnerstag</a>
        </li>
        <li><a href="http://tagesplan/freitag.htm">Freitag</a>
        </li>
        <li><a href="http://tagesplan/samstag.htm">Samstag</a>
        </li>
        <li><a href="http://tagesplan/sonntag.htm">Sonntag</a>
        </li>
    </ul>
</nav> 
    
    
    
        <object
        width="100%"
        height="2600"
        type="application/pdf"
        data="Tageskalender_Di.pdf">
        </object>
            
<script>$(document).keydown(function(e) {
    if (e.ctrlKey && e.shiftKey && e.keyCode === 78) {
        window.location.href='http://tagesplan/mittwoch.htm';
    }
});</script>

</body>
 </html>

Tschuldigung bin blutiger Anfänger.
Zum Vergrößern anklicken....

jQuery solltest halt auch noch zuvor einbinden:

Code: 
<script src="http://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
 
Werbung:
Sorry Leute muss ich die Bibliothek runter laden, oder reicht es in der html Seite
Code: 
<script src="http://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
einzutragen?
 
Du musst nichts herunterladen . Einfach
Code: 
<script src="http://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
in <head></head>
 
Werbung:
Opera [Windows 10] Bei mir klappt's:
Mein Code:
HTML: 
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>Key - Testsite</title>
    </head>
    <body>
       
        <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.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben