HTML Grundkurs

Grundaufbau

  • Notwendigkeiten
  • Aufbau
  • Der Head
  • Der Body
  • Schrift
  • Links
  • Textpositionierung
  • Tabellen
  • Formulare
  • Bilder und Töne

    Zusätzliches

  • Spezielles Text
  • Spezielles Bilder
  • Gästebuch & Co.
  • Besucher nerven

    Hilfen

  • Uploaden
  • Hilfen
  • Tickertext in der Statuszeile

    Wieso nicht mal den grauen Balken unten am Seitenrand der Homepage für ein paar nette Worte an die BesucherInnen benutzen? Das geht nämlich. :-)
    Im Internet gibt es sehr viele freie Java-Scripts, die Ticker jeder Art anbieten.
    Die Anleitungen sind in der Regel gut erklärt, und die Scripts einfach einzufügen. Von Änderungen in den kopierten Scripts rate ich allerdings ab. Wer den Code nicht versteht, muss sich mit probieren behelfen, und das kann kaum gut ausgehen.
    Das praktische an dem von mir verwendeten Ticker ist natürlich die Tatsache, dass wir beliebig viele Messages einsetzten können. Nicht umsonst heisst dieses Kapitel schliesslich: Besucher nerven! ;-)

    Das wollen wir erreichen:
    In der Statuszeile soll ein Tickertext ablaufen.

    Tag:
    <HEAD><TITLE>Eine Seite mit Tickertext in der Statuszeile</TITLE>

    <script type="text/javascript" language="JavaScript">
    <!--
    var curmes = 0
    var a = 0
    var counter = 0
    var message = new Array()
    message[0] = "Hallo!"
    message[1] = "Ich bin ein Text in der Statuszeile!"
    message[2] = "Und das praktische..."
    message[3] = "... du kannst hier so viele Sätze reinschreiben..."
    message[4] = "... wie du willst. :-)"
    var temp = ""
    function typew()
    {
    a = a + 1
    check()
    window.status = message[curmes].substring(0, a)
    if(a == message[curmes].length + 5)
    {
    curmes = curmes + 1
    a = 0
    }
    if(curmes > 4)
    {
    curmes = 0
    }
    counter = setTimeout("typew()", 140)
    }
    function check()
    {
    if(a <= message[curmes].length)
    {
    if(message[curmes].substring(a, a + 1) == "")
    {
    a = a + 1
    check()
    }
    }
    }
    // -->
    </script>
    </HEAD>

    Dann:

    <BODY onload=typew() BGCOLOR="#FFFFCC" LINK="#000000" ALINK="#FF0000" VLINK="#333333">

    So sieht es aus:
    Siehe unten.

    wieder hoch
     
    erstellt von Nicole Wellinger -