Suche Textticker, standardkonform und flüssig

AnnaStesia · 07.02.2006, 15:02

Hallo,
siehe Titel - ich suche einen popeligen Textticker (horizontales Textfeld, in dem der Text einfach von rechts nach links läuft), der a) in standardkonformer Umgebung funzen soll (womit 95% schon ausgeschlossen sind, hotscripts.com hab ich schon durch...) und b) die Textbewegung flüssig darstellen soll.
Kennt vielleicht von Euch jemand so ein Teil? Mein jetziger ruckelt mir einfach zu sehr, da er fest ins Layout einer Seite eingebunden werden soll und somit sehr prominent dargestellt ist.

Thomas · 07.02.2006, 16:23

ein "schlichter" marquee-Tag ist nicht standardkonform? (weiß es ehrlich gerade nicht)

funktioniert jedenfalls in allen gängigen Browsern gut und ohne js

Code:

<marquee  bgcolor="#FBD860" border="0"  align="middle" scrollamount="3" direction="left" width="100%" height="20px" style="color: #000000 font-size: 14">blablabla Text Text Text blabla</marquee>

AnnaStesia · 07.02.2006, 17:11

Ne, Thomas, dat Dingens war noch nie in irgendeinem Standard definiert, daher mag ich's ungern einsetzen, auch wenn es inzwischen alle aktuellen Browser darstellen können. Aber zur Not tut's das, klar. Wenn ich nix Besseres finde, probier ich's damit, Danke!

Malleus · 08.02.2006, 20:28

Wie wär's damit? Flüssiger bekomme ich's leider "noch" nicht hin

Javascript NewsTicker

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Malleus' Javascript FAQ: news ticker</title>
<script type="text/javascript">
var NEWS = [ "Dies ist die erste Nachricht!" , "jetzt kommt eine andere" , "Diese ist die beste aller Nachrichten" ],
DX = 1,
DELAY = 20,
isRunning = false;

function initPage()
{
	oTicker = document.getElementById( "myTicker" );
	oNews = document.getElementById( "news" );
	newsWidth = 0;
	tickerWidth = parseInt( oTicker.style.width );
	isRunning = true;
	startTicker();
};

function stopPage()
{
	isRunning = false;
}

function startTicker()
{
	newsPosLeft = parseInt( oTicker.style.width );
	oNews.style.left = newsPosLeft + "px";
	oNews.firstChild.nodeValue = NEWS.join( " - " );
	newsWidth = parseInt( oNews.offsetWidth );
	firstMove = false;
	window.setTimeout( "moveTicker()" , DELAY );
};

function moveTicker()
{
	if ( !isRunning )
		return true;

	newsPosLeft -= DX;
	oNews.style.left = newsPosLeft + "px";

	if ( !firstMove )
	{
		oNews.style.visibility = "visible";
		firstMove = true;
	};

	if ( newsWidth > -newsPosLeft )
		window.setTimeout( "moveTicker()" , DELAY );
	else startTicker()
};

</script>
</head>

<body onload="initPage()" onunload="stopPage()">
<div id="myTicker" style="position:relative;width:200px;height:20px;border:solid 2px black;overflow:hidden;"><span id="news" style="position:relative;white-space:nowrap;visibility:hidden">&nbsp;</span></div>
</body>
</html>

AnnaStesia · 09.02.2006, 10:23

Super, Malleus, der Ticker tickt tatsächlich einen ganzen Tick flüssiger als meiner!

Aber sieht so aus, als würde er immer so "Schübe" bekommen, ist das Client-abhängig oder liegt das irgendwo am Code? Auf jeden Fall schon mal Danke, darf ich den verwenden? Freut mich echt, dass Du dir die Mühe gemacht hast. Und vielleicht juckt's Dich ja nochmal in den Fingern, und Du bekommst den ultimativ ersten flüssigen JS-Ticker hin

madpixel · 09.02.2006, 10:31

hab auch noch 3...

Malleus · 09.02.2006, 20:30

Klar kannst Du den Ticker verwenden [ ... solange Du ihn nicht für Unsummen an reiche Kunden verhökerst

]
Bzgl. Schüben: Da kann ich leider nichts tun. Bei mir sieht's so aus, daß das Script ( wie üblich ) am Besten mit dem MSIE läuft, dann kommt Opera und als Schlußlicht der FF. Der geht etwas in die Knie, wenn ich mich mit der Maus bewege. Meinem Empfinden nach hinkt da FF den anderen Browsern noch etwas hinterher.

Damit das ganze auch "vertikal" geht, hab' ich die Version auch noch gemacht.
Zu sehen hier

Tschau

Frank

AnnaStesia · 10.02.2006, 14:58

@madpixel: hab Dich nicht vergessen, hab mir die dinger angeschaut, war nix Passendes dabei, trotzdem Danke!
@malleus: Ja ok., ich hatte es lediglich in FF angeschaut. Dann ist ja alles gebongt, habe schon über 100 interessierte Kunden, denen ich den Ticker für 899 Euro verkaufen werde, danach werde ich ne zeitlang dem TP fernbleiben, bin im Notfall dann auf Maui erreichbar, besser gesagt vor Maui, auf meiner Yacht.

Malleus · 10.02.2006, 22:07

Wenn ich Dir noch einen "super geilen" Mausverfolger programmiere, holst* Du mich dann mit

[*Anmerkung des Authors: "mitholen" stammt aus dem Saarländischen und entspricht "mitnehmen" ]