Advertisement
Guest User

Links öffnen via JS

a guest
Jan 22nd, 2018
264
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.61 KB | None | 0 0
  1. <html>
  2.     <head>
  3.    
  4.         <!-- Style um dem Element einen Cursor für einen Link zu verpassen -->
  5.         <style>
  6.             #linkbild {
  7.                 cursor: pointer;
  8.             }
  9.         </style>
  10.        
  11.         <!-- Einbinden von jQuery -->
  12.         <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
  13.        
  14.         <!-- Beginn des Scripts -->
  15.         <script type="text/javascript">
  16.             $(document).ready(function(){
  17.    
  18.                 // Iteration des Links. Initial auf 0.
  19.                 var i = 0;
  20.                
  21.                 // Array mit den Links. Die Anzahl ist beliebig. Wieviele eben gebraucht werden
  22.                 var links = [
  23.                     "http://www.link1.de",
  24.                     "http://www.link2.de",
  25.                     "http://www.link3.de",
  26.                 ];
  27.                
  28.                 //Wenn Element mit der ID linkbild geklickt wird...
  29.                 $("#linkbild").click(function() {
  30.                    
  31.                     // Einen neuen Tab öffnen mit dem link, der dem Index i entspricht
  32.                     var win = window.open(links[i], "_blank");
  33.                    
  34.                     // Wenn der Tab geöffnet wurde
  35.                     if (win) {
  36.                         // Fokus auf das Fenster/den Tab setzen
  37.                         win.focus();
  38.                     } else {
  39.                         // Alert ausgeben wenn Popup geblockt.
  40.                         alert('Please allow popups for this website');
  41.                     }
  42.                    
  43.                     // i inkrementieren
  44.                     i++;
  45.                    
  46.                     // Wenn i die Anzahl der Einträge im Array übersteigt, auf 0 zurücksetzen.
  47.                     if(i >= links.length) {
  48.                         i = 0;
  49.                     }
  50.                 });
  51.             });
  52.         </script>
  53.     </head>
  54.     <body>
  55.         <!-- Element welches anklickbar sein soll. Ob dieses nun Text oder Bild ist, ist vollkommen egal. Solange die ID "linkbild" vergeben ist. -->
  56.         <p id="linkbild">Klick mich</p>
  57.     </body>
  58. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement