Fredi: Ticker mit Link versehen

Beitrag lesen

hi!

wie jetzt?
wenn ich das recht verstehe, hast du einen ticker geschrieben, der in
einem input-feld läuft und willst damit auch noch links ausgeben? ja?

  • da muss ich dich enttäuschen! sowas geht meines wissens nicht.

aber su hast glück: ich habe vor einiger zeit (lang ist es her *g*)
etwas ähnliches gebastelt (siehe unten) - das kannst du als vorlage
benutzen. aber vorsicht: netscape-user bekommen damit nur einen
alternativen text angezeigt.

tschau.

Fredi

<html>
<head>
  <title>
   Ticker
  </title>
  <script language="JavaScript">
   beschr = new Array("[dies ist ein ticker",
                      "[geschrieben von fredi!",
                      "[klicken sie auf 'mehr' für weitere infos",
                      "[der link kann sogar sein ziel ändern");
   links = new Array("http://www.eins.de",
                     "http://www.zwei.de",
                     "http://www.drei.de",
                     "http://www.vier.de")
  
   function tick(bis,text)
   {if (text < beschr.length)
    {if (bis < beschr[text].length+1)
     {ausg = beschr[text].substring(0,bis) + "]" + " <a href='#' id='link'>mehr...</a>";
      ticker.style.color = "#FFFFFF";
      ticker.innerHTML = ausg;
      link.href = links[text];
      bis2 = bis + 1;
      text2 = text;
      setTimeout("tick(bis2,text2)",50);}
     else
     {ticker.style.color = "#BBBBBB";
      l = beschr[text].length;
      setTimeout("retick(1,text2,l)",1000);};}
    else
    {setTimeout("tick(1,0)",2000);};}
    
    function retick(bis,text,l)
    {if (l > 1)
     {laenge = beschr[text].length - bis;
      ausg = beschr[text].substring(0,laenge) + "]";
      ticker.innerHTML = ausg;
      bis2 = bis + 1;
      text2 = text;
      setTimeout("retick(bis2,text2,laenge)",10);}
     else
     {text2 = text + 1;
      tick(1,text2);};}
    
  </script>
  <style>
   #ticker { font-size:10pt; }
  </style>
</head>
<body onLoad="tick(1,0)" bgcolor="black" text="white">
  <p id="ticker">oooops, da stimmt was nicht ...</p>
</body>
</html>