Maxen K: Ticker!

Hi Steff!
Ich hab neulich im I-net Ticker gesehen wo einzelne buchstaben nacheinander von rechts nach links kommen und dann ein wort bilden!
WIE GEHT DAS?
und dann hab ich noch einen gesehen wo gleich ein Text von 5cm reinhuscht stehenbleibt verlinkt ist und dann schnell wieder verschwindet
WIE GEHT DAS?
Naja ich hoffe das ich dich nicht überforder!
Tschü
Maxen K

  1. Hallo Maxen

    Hi Steff!

    Es gibt hier auch noch andere Leute im Forum...

    Ich hab neulich im I-net Ticker gesehen wo einzelne buchstaben nacheinander von rechts nach links kommen und dann ein wort bilden!

    Entweder ist das ein Java-Applet, oder DHTML. Also: zu http://dhtml.seite.net/ (DHTML) und auch mal zu http://java.seite.net/ (Java) surfen, Beispiel-Programme downloaden und dann

    viel Spass
      Stefan Muenz

  2. Hi Steff!
    Ich hab neulich im I-net Ticker gesehen wo einzelne buchstaben nacheinander von rechts nach links kommen und dann ein wort bilden!
    WIE GEHT DAS?

    Hallo Maxen,

    Für Dein zweites Problem versuch's 'mal so (Stammt ursprünglich von: link:http://dhtml.seite.net/ ):
    Die einzelnen Texte sind noch nicht verlinkt, aber das läßt sich über einen zweiten Array bewerkstelligen, der dann die URL mittels JavaScript linkt ('onClick').

    <HTML>
    <HEAD>
       <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
       <META NAME="Author" CONTENT="Hab' ich auch geklaut...">
       <META NAME="GENERATOR" CONTENT="Mozilla/4.05 [de] (Win95; I) [Netscape]">
       <TITLE>Untitled</TITLE>
    </HEAD>
    <SCRIPT LANGUAGE=JavaScript>
    <!--
    var delay=20;
    var nextm=0;
    var msg=new Array
    (
            'Dies ist Text 1',
            'Nun wird Text 2 dargestellt',
            'Auch Text 3 läßt sich nun lesen',
            'Text 4 ist der letzte, aber es können beliebig viele Texte sein...'
    ) ;

    function start_ticker()
    {
            do_ticker(msg[0], 0, 1);
    }

    function do_ticker(text, pos, dir)
    {
            var out='<font face="Arial, Helvetica"><font color=#FF0000><font size=1>[ <font color=#808080><font size=1>'+text.substring(0, pos)+'</font></font><font color=#FF0000><font size=1> ]</font>';

    if(navigator.appName=="Netscape")
                    with(document.ticker.document)
                    {
                            open(); write(out); close();
                    }
            else
                    ticker.innerHTML=out;

    pos+=dir;

    if(pos>text.length)
                    setTimeout('do_ticker("'+text+'",'+pos+','+(-dir)+')', delay*300);
            else
            {
                    if(pos<0)
                    {
                            if(++nextm>=msg.length)
                                    nextm=0;
                            text=msg[nextm];
                            dir=-dir;
                    }

    if(dir>0){
                     setTimeout('do_ticker("'+text+'",'+pos+','+dir+')', delay);
      }else{        
                     setTimeout('do_ticker("'+text+'",'+pos+','+dir+')', 1);
      }
    }
    }

    // -->
    </Script>

    <BODY TEXT="#FFFFFF" BGCOLOR="#000000" LINK="#333333" VLINK="#999999" ALINK="#000099" BACKGROUND="../Pictures/BackOben.jpg" NOSAVE onload="start_ticker()">
    <div id="ticker" style="position: absolute; top: 15; left: 10;"></div>
    </BODY>
    </HTML>

    ...viel Spaß beim Basteln.

    Paul

  3. Hallo Maxen,

    eine interessante Javascript Ticker-Anleitung findest Du auch unter

    http://www.webreference.com/js/column13/

    Günter