Laufschriften (II)

Diverse Laufschriften - Beispiele mit JavaScript

1. Beispiel   -   hier geht's zum JavaScript-Quelltext.  
 ...mehrzeiliger Lauftext (hin- und herlaufend).
2. Beispiel   -   hier geht's zum JavaScript-Quelltext.  
 ...mehrzeiliger Lauftext mit Zeilenumbruch.

JavaScript - 1. Beispiel:

<script language="JavaScript">
var max=0;

function textlist()
{
 max=textlist.arguments.length;
 for (i=0; i<max; i++)
 {
 buffer=textlist.arguments[i];
 b = (51 - buffer.length) / 2
 leer=""
 for (c=1;c<b;c++) leer=leer+" ";
 buffer= leer+buffer+leer
 if (buffer.length<50) buffer=buffer+" ";
 this[i]=buffer
} }

tt=new textlist
(
".  .  .  .  .  .  .  .  .  .  .  .  .         ",
"Dieser Text ist mehrzeilig                    ",
"und bewegt sich hin und her.                  ",
"Dieser Text ist mehrzeilig und bewegt sich    ",
"hin und her. Dieser Text ist mehrzeilig und   ",
"bewegt sich hin und her.                      "
);

var x=0; y=0; pos=0; r=1
var TickerScroll=tt[x]+"     "+tt[x+1];
x++;

function runTicker()
{
 document.TickerForm.Ticker.value=TickerScroll.substring(pos,pos+55);
 pos = pos + r;
  if(pos==56)
   {
   r=-1 ;
   pos=55;
   x++;
   y=x-1;
   if(x==max)
   {
   x=0;
   y=max-1;
   }
   TickerScroll=tt[x]+"     "+tt[y];
   setTimeout("runTicker()",1500);		
 }
  else
 {
  if (pos==-1)
 {
  r=1 ;
  pos=0;
  x++;
  y=x-1;
  if(x==max)
  {
  x=0;
  y=max-1;
  }
  TickerScroll=tt[y]+"     "+tt[x];
  setTimeout("runTicker()",1500);
  }
  else setTimeout("runTicker()",30);
} }
</script>
Der Aufruf der Funktion erfolgt im "body onload" und in einem Formular:
<body onload="runTicker()">

<form name="TickerForm">
  <input name="Ticker" value="" size="50" maxlength="50" onSelect="this.blur()">
</form>

JavaScript - 2. Beispiel:

<script language="JavaScript">
var speed = 75
var pause = 1000
var timerID = null
var NewsRunning = false
var MessageArray = new Array()

MessageArray[0]="Dieser Lauftext macht nach jeder Zeile eine Pause.";
MessageArray[1]="Danach beginnt eine neue Zeile.";
MessageArray[2]="In jede Zeile kann beliebiger Text eingegeben werden.";
MessageArray[3]="Die Anzahl der Zeilen kann beliebig erweitert werden.";
MessageArray[4]="Viel Spass dabei!";

var currentMessage = 0
var offset = 0

function stopNews() {
 if (NewsRunning)
  clearTimeout(timerID)
 NewsRunning = false
}

// start the News
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>
Der Aufruf der Funktion erfolgt im "body onload" und in einem Formular:
<body onload="startNews()">

<form name="NewsForm">
  <textarea wrap="physical" rows="2" cols="38" name="NewsField">
  </textarea>
</form>
Sponsoren und Investoren

Sponsoren und Investoren sind jederzeit herzlich willkommen!
Wenn Sie die Information(en) auf dieser Seite interessant fanden, freuen wir uns über eine kleine Spende. Empfehlen Sie uns bitte auch in Ihren Netzwerken (z. B. Twitter, Facebook oder Google+). Herzlichen Dank!

Nach oben Sitemap
Impressum & Kontakt