NOF-Forum  |  Referenzen  |  Kontakt  |  Impressum  |  Sitemap

NetObjects Fusion - Tutorials
NOF Tutorials und Hilfe von Thomas Frei-Herrmann

Tutorial Weiterleitung mit Sekundenanzeige

Für diese Javascript-Weiterleitung habe ich zunächst dieses Skript auf meiner Seite Weiterleitung im <Head> der Seite eingefügt.

> Layout markieren > Fenster “Layout-Eigenschaften” > “Zwischen Head Tags” einfügen

<script language="JavaScript">
<!--   

    function countdown(zahl){
        if(zahl>1){
           // über 1 Sekunde hinaus -> x Sekunden
           document.getElementById('weiterleiten').innerHTML=zahl+" Sekunden";
           count(zahl);           
        }
        else if(zahl==1){
           // 1 Sekunde
           document.getElementById('weiterleiten').innerHTML=zahl+" Sekunde";
           count(zahl);           
        }
        else {
           // Countdown abgelaufen, beliebige Handlung kann eingebaut werden
           document.getElementById('weiterleiten').innerHTML="0 Sekunden";
           // zu meiner Seite der Weiterleitung
           window.location = './html/tutorial.html';         
        }
    }
   
    function count(countzahl){
    // gewünschte Handlung kann hier eingebaut werden
    countzahl=countzahl-1;
        setTimeout("countdown("+countzahl+");",1000);           
    }

    // Zeit in Sekunden bis zur Weiterleitung       
    count(10);

// -->
</script>

Im Skript oben müsst Ihr noch Eure Seite, auf die weitergeleitet werden soll, eintragen (oben blau markiert). Achtet auf die relative Pfadangabe, hier mit einem Punkt ./ da ich von meiner Startseite auf meine Seite “tutorial.html”, die sich im Verzeichnis “html” befindet, verlinke. Weiterhin könnt Ihr die Zeit in Sekunden unten im Skript Euren Bedürfnissen anpassen, hier sind 10 Sekunden eingestellt.

Hier noch einige Varianten für Links als Beispiel:

  • absoluter Link zu einer anderen URL

    window.location = 'http://www.ZielDomain.de/seite.html';
     
  • absoluter Link zu einer anderen URL in ein neues Fenster

    window.open('http://www.ZielDomain.de/seite.html');
     
  • relativer Link zu einer internen Seite in ein neues “Top-Fenster” - also z.B. aus einem Frame heraus

    window.top.location = './html/seite.html';
     
  • oder ohne Verlinkung, nur mit einem Hinweistext (ein “Alert-Fenster” öffnet sich) z.B. so

    alert('Zeit ist abgelaufen!');

Jetzt zieht Ihr Euch ein Textfeld an beliebiger Stelle auf, schreibt Euren Text rein und fügt die ID aus der Funktion im Skript oben in den HTML-Code Editor des Textfeldes ein, sowie die anfängliche Zeit in Sekunden, hier 10 Sekunden.

<span id="weiterleiten">10 Sekunden</span>

Hier noch ein Screenshot. In meinem Screenshot habe ich noch zusätzlich eine CSS-Class für die Anzeige in roter, fetter Schrift eingebaut.

Hier noch ein Beispiel mit diesem Skript zur Weiterleitung zwischen Seiten sowie einer sich automatisch öffnenden “Lytebox” mit einem Formular.

nach oben

Viel Spaß!

Tutorials von Thomas Frei-Herrmann

diese Seite weiter empfehlen


Counter Statistik