Ticker


Inhaltsverzeichnis


zurück zum Index


Beispiel

Beispiel:
<html>
	<head>
		<title>
			
		</title>
		<script language="JavaScript">
		<!--BEGIN
			var Text="---Diese Web-Site enthält einen Nachrichten-Ticker, mit dem Besucher der Site auf Veränderungen und Neuerungen aufmerksam gemacht werden können!---";
			var Laenge,TextLaenge,Ende,Position=0;
			var TickerTime=151;
			var TickerText=new String();
			var rechts=0;
			var step=1;
			var i=1;
			var press=true;
			function speed()
			{
				if(i<7)
				{
					step+=2;
					TickerTime-=30;
					document.forms[0].elements[2].value=">>Speed="+(i++);
				}
			}
			function gedrueckt()
			{
				if(press)
					{
						press=false;
						tickern();
					}
			}
			function tickern()
			{
				Laenge=200;
				TextLaenge=Text.length;
				Ende=Position+Laenge;
				TickerText=Text.substring(Position,Ende);
				if(Ende>TextLaenge)
				{
					TickerText+=Text.substring(0,Ende-TextLaenge);
				}
				document.forms[0].elements[0].value=TickerText;
				Position=(Position+step)%TextLaenge;
				rechts=setTimeout("tickern()",TickerTime);
			}
			function stop()
			{
				clearTimeout(rechts);
				step=1;
				i=1;
				TickerTime=151;
				document.forms[0].elements[2].value=">>Speed=1";
				press=true;
			}
		//END-->
		</script>
	</head>
	<body bgColor="#008080" text="#000000">
		<center>
			<script language="JavaScript">
			<!--BEGIN
				document.writeln('<form>');
				document.write('Aktuelle Informationen: <input type=text'+
					'name="Nachrichtenelement" size=100 width="100%">');
				document.write('<p>');
				document.write('<input type="button" name="b1" value="-Tickern-"'+
					'onClick="gedrueckt()">');
				document.write('<input type="button" name="b2" value=">>Speed=1"'+
					'onClick="speed()">');
				document.write('<input type="button" name="b3" value="<Stop>"'+
					'onClick="stop()">');
				document.write('</p>');
				document.writeln('</form>');
			//END-->
			</script>
		</center>
	</body>
</html>


zurück zum Seitenanfang
zurück zum Index