Tutorials von Thomas Frei-Herrmann

 

Textarea Ticker

für andere Ticker, guckt bitte auch hier

http://www.perlunity.de/javascript/scripts/javascript_0023_main.shtml

Den Code unten einfach in die HTML eines Textfeldes kopieren. Die einzelnen Texte nach Euren Bedürfnissen bearbeiten und fertig. Bitte jedem “MessageArray” eine aufsteigende Nummer geben. Unten im Skript könnt Ihr noch angeben, wieviele Reihen die Box hoch und wieviele Spalten sie breit sein soll.

> Textfeld aufziehen > im Fenster “Textfeld-Eigenschaften” oben auf den mittleren Button “Text” klicken
> und anschließend auf den Button “HTML” und das Skript unten einfügen.

<body bgcolor="white" onload="startNews()">
<script language="JavaScript">
<!--
var speed = 75//Geschwindigkeit
var pause = 3500//Pausen zwischen den Nachrichten
var timerID = null
var NewsRunning = false
var MessageArray = new Array()

// Anzahl der Nachrichten beliebig hinzufügen oder entfernen
MessageArray[0]="Top aktuell neuer Textarea Ticker.";
MessageArray[1]="Javascripte und Java Applets alles zum kopieren und downloaden oben im Link.";
MessageArray[2]="Fragen oder Probleme mit einem Script postet ins Forum.";
MessageArray[3]="Der neue Ticker in Form eines Textareas.";
MessageArray[4]="Viel Spaß beim nachbauen wünscht Euch Thomas";


var currentMessage = 0
var offset = 0

function stopNews() {
        if (NewsRunning)
                clearTimeout(timerID)

        NewsRunning = false
}

function startNews() {
        stopNews()
        showNews()
}
function showNews() {
        var text = MessageArray[currentMessage]
        if (offset < text.length) {
                if (text.charAt(offset) == " ")
                        offset++                       
                var partialMessage = text.substring(0, offset + 1)
                document.NewsForm.NewsField.value = partialMessage
                offset++
                timerID = setTimeout("showNews()", speed)
NewsRunning = true
        } else {
                offset = 0
                currentMessage++
                if (currentMessage == MessageArray.length)
                        currentMessage = 0
                timerID = setTimeout("showNews()", pause)
NewsRunning = true
        }
}
// -->
</script>
<form name="NewsForm"><textarea wrap="physical" rows="4" cols="30" name="NewsField">
Startet nachdem alle Datein geladen wurden... 
und wenn JavaScript aktiviert ist!</textarea></td>

 

diese Seite weiter empfehlen



Counter Statistik