bei bestimmten werten aus ticker bild anzeigen

rernanded

rernanded

Erfahrenes Mitglied
Hallo,

folgende Problemstellung:
Habe einen Tickertext der über js ständig aufgerufen/angezeigt wird.
Bestimmten Zeichen im Tickertext sind Bilder zuzuordnen: dem Buchstaben a das Bild1, dem Buchstaben b das Bild2, dem Buchstaben c das Bild 3. Bei Anzeige des Buchstabens innerhalb des Tickers soll nun das dazugehörige Bild angezeigt werden.
Beispiel: Tickertext lautet 123456a789b123c
Dann soll angzeigt werden: 123456Bild1789Bild2123Bild3

HTML: 
<SCRIPT language=JavaScript>
<!--
var max=0;
function ticker()
{
  max=ticker.arguments.length;
  for (i=0; i<max; i++)
  this[i]=ticker.arguments[i];
}
tl=new ticker
(
  "tickertext 1",
  "tickertext 2",
  "tickertext 3",
  
  " "
);
var x=0; pos=0;
var l=tl[0].length;
function textticker()
{  
  document.form1.textfeld.value=tl[x].substring(0,pos)+" ... ";
  if(pos++==l)
  {
  pos=0;
  setTimeout("textticker()",100);
  x++;
  if(x==max)
  x=0;
  l=tl[x].length;
  } else
  setTimeout("textticker()",100);
}
// -->
</SCRIPT>

<body onload=textticker()>
<form name="form1">
<textarea name="textfeld"></textarea>
</form>
</body>

MONI
 
Zuletzt bearbeitet:
Habe mal eine Lösung für dich ausgearbeitet:
Code: 
function textticker()
{
txt = tl[x].substring(0,pos);
txt = txt.replace(/a/g, '___xxxx1___');
txt = txt.replace(/b/g, '___xxxx2___');
txt = txt.replace(/c/g, '___xxxx3___');
txt = txt.replace(/___xxxx1___/g, '<img src="bilder/1.jpg">');
txt = txt.replace(/___xxxx2___/g, '<img src="bilder/2.jpg">');
txt = txt.replace(/___xxxx3___/g, '<img src="bilder/3.jpg">');

document.getElementById("anzeige").innerHTML = txt + " ... ";
Und da textarea kein HTML parst, musst Du z. B. ein div verwenden:
HTML: 
<div id="anzeige" style="width: 50px"></div>
BTW: language=JavaScript ist veraltet, ebenso die HTML-Kommentarzeichen.

Bleibt es bei drei Buchstaben? Wenn nicht, würde ich die Buchstaben und die Bildnamen in einem Array ablegen und das Ganze mit Schleifen machen.
 
Hi Sempervivum,
scheint gut zu funktionieren, ich probier jetzt noch ein wenig, aber ich glaub das ist es. Muchas gracias.

MONI
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück