Announcement

**Marco Horn** · 27.07.2002, 18:44

Das von Dir genannte Beispiel (uebrigens mit "um diese Seite zu schliessen Alt+F4" ein klassisches Beispiel fuer EXTREM MIESES Webdesign) wird ueber Flash gestaltet. Flash ist als PlugIn fuer die meisten Browser zu haben, und in Flash kann man eine Menge cooler Sachen machen, scrollender Text ist da noch das simpelste.
Anderseits, Flash ist eben ein Binaerformat und hat damit die ueblichen Nachteile, die z.B. auch ein Word-Dokument oder PDF hat: Fuer alle Suchmaschinen ist die Seite schlichtweg nicht lesbar, selbst wenn man als Benutzer den Eindruck hat, es wuerde Teil der HTML-Seite sein, weil es ueber ein PlugIn direkt im Browser dargestellt wird.
Gruss, Marc

**markus lemcke** · 27.07.2002, 18:47

hi marco,

vielen dank! also w�rdest du nicht unbedingt empfehlen flash zu verwenden?

gru�

marku

**Mathias Simmack** · 28.07.2002, 11:12

F�r Animationen und dergleichen ist Flash sicher nicht schlecht. Aber als Grundlage einer Seite, bzw. �berhaupt die ganze Seite auf Flash-Basis zu gestalten, halte ich f�r problematisch.

Wie Marco schon sagte: a) k�nnen Suchmaschinen nichts damit anfangen, und b) ernsthafte IE-Surfer (wie ich ;o)) haben den Punkt "ActiveX" deaktiviert und sehen so im ung�nstigsten Fall gar nichts von einer Seite. Dann lieber klassisches HTML in Verbindung mit JavaScript.

Der IE hat eine eingebaute Laufschrift, Markus: nennt sich "marquee" (Self-HTML), und f�r alle anderen Browser kann man�s �ber DIV machen, den man quer �ber die Seite bewegt und nach dem Verschwinden wieder auf die Startposition setzt.

Gru�,
Mathias

**markus lemcke** · 28.07.2002, 22:30

hi mathias,

die laufschrift kenne ich! tut aber nur beim ie! mit javascript bekommt man eine laufschrift in der statusleiste die �berall tut!

gru�

marku

**Mathias Simmack** · 29.07.2002, 07:17

Wo willst du denn nun die Laufschrift hin haben?
Ich kann mich dunkel erinnern, dir mal 3 oder 4 Skripte gegeben zu haben; alle f�r Statuszeilen-Laufschriften.

Und die normale Laufschrift innerhalb der Seite kannst du auch mit JavaScript machen. Du brauchst einen relativ positionierten DIV, den du so weit nach Rechts setzt, dass er nicht zu sehen ist. Da wohl keiner einen 40"-Monitor hat, sollte ein Wert von 5000 ausreichen.

Dann, beim Laden der Seite, bestimmst du die tats�chliche Breite des Fensters und passt die Position an und l�sst den DIV dann durch zyklischen Aufruf der selben Funktion jeweils nach links marschieren, bis er wieder nicht zu sehen ist (Position+L�nge des Textes).

Dann setzt du ihn wieder auf die Fensterbreite, und das Spielchen geht von vorn los.

Ich muss mal gucken, irgendwo habe ich noch eine Laufschrift rumliegen, die von rechts eingeblendet wird, dabei kleiner wird und nach links verschwindend wieder gr��er wird.
Aber ich wei� nicht mehr, in welchen Browsern das lief. Ich schau mal, wo ich das Skript habe.

Gru�,
Mathias

**markus lemcke** · 29.07.2002, 08:24

hi mathias,

dein script wird erfolgreich auf meiner hp verwendet auf der startseite (www.marlem-software.de ) das mit dem scrollenden text m�chte ich nicht f�r meine hp, weil ich glaube f�r blinde menschen die mit einem screenreader den bildschirminhalt lesen, ist das nicht so der hit, aber ich will einfach mal aus neugierde wissen wie es geht, damit man die m�glichkeit kennt!

gru�

marku

**Mathias Simmack** · 29.07.2002, 10:06

Hi Markus.

Ich habe den Ticker mal rausgesucht. Du darfst mich aber nicht fragen, woher ich den habe. Das wei� ich nicht mehr. Das Skript ist jedenfalls nicht von mir. Ich hab�s vor �ber einem Jahr mal f�r einen kleinen Test benutzt, aber praktisch habe ich�s nie ben�tigt.
Ich habe nur die Anpassung f�r den Mozilla/Netscape6 vorgenommen, so dass ich mit einiger Sicherheit sagen kann, der Ticker l�uft hier, sowie im IE und im Netscape4:

<pre><!-- 
// Browser
var ie4 = (navigator.appName == "Microsoft Internet Explorer" &&
navigator.appVersion.charAt(0) >= "4&quot

;
var ns4 = (navigator.appName == "Netscape" &&
navigator.appVersion.charAt(0) == "4&quot

;
var w3c = (document.documentElement);
var Opera = (navigator.userAgent.indexOf("Opera&quot

!= -1);
var StarOffice = (navigator.userAgent.indexOf("StarOffice&quot

!= -1); 
var tsize = 48;
var maxPos = 0; 
// der Ticker
function do_ticker(text, pos, dir) {
var c1=text.substring(pos, pos+1);
var c2=text.substring(pos+1, pos+3);
var c3=text.substring(pos+3, pos+6);
var c4=text.substring(pos+6, pos+tsize-6);
var c5=text.substring(pos+tsize-6, pos+tsize-3);
var c6=text.substring(pos+tsize-3, pos+tsize-1);
var c7=text.substring(pos+tsize-1, pos+tsize); 
var out='<center><pre>' + c1 +
'' + c2 +
'' + c3 +
'' + c4 +
'' + c5 +
'' + c6 +
'' + c7 +
'</pre></center>'; 
if(ie4) ticker.innerHTML=out;
else if(w3c) document.getElementById('ticker').innerHTML = out;
else if(ns4)
with(document.ticker.document) {
open(); write(out); close();
} 
pos+=dir; if(pos>=maxPos) pos=0; 
if(pos<text.length) window.setTimeout('do_ticker("'+text+'", '+pos+','+dir+')', 90);
} 
// die Meldungen
t0=' ';
t1='+++ Achtung! Achtung! Auf Grund eines Bugs hat das EF eine Menge Daten verloren ';
t2='+++ Es ist nicht schön, darüber zu spotten. ';
t3='+++ Aber ich brauchte Meldungen für den Ticker. Sorry. ;o) '; 
ttext = t0+t1+t2+t3;
maxPos = ttext.length;
ttext = ttext+t0; 
// Ticker-Position korrigieren, & Ticker starten
// für absolut positionierte Ticker
function initTicker() {
if(Opera || StarOffice) return; 
if(ie4) ticker.style.left = (document.body.clientWidth / 2) - 255;
else if(ns4) document.ticker.left = (window.innerWidth / 2) - 255;
else if(w3c) document.getElementById('ticker').style.left = (window.innerWidth / 2) - 255; 
do_ticker(ttext,0,1);
} 
//--></pre&gt

**Mathias Simmack** · 29.07.2002, 10:08

Du musst jetzt in deiner HTML-Seite ein DIV namens "ticker" (Achtung! Gro�-/Kleinschreibung!) definieren. Bei absoluten DIVs k�nntest du das sogar durch das Skript erledigen lassen (document.write). Wenn du den Text mittig zentrieren willst, dann solltest du "initTicker" aufrufen. Auf den H�henwert hat das keine Auswirkung; es geht nur darum, dass der Text von der Breite her in der Mitte des Fensters erscheint. Beispiel:

<pre><html>
<head>
<title>Ticker, Absolute</title>
<script language="JavaScript" src="ticker.js"></script>
</head>
<body onload="initTicker()">

<div id="ticker" style="position:absolute; top:50%;
left:135px; width:510px; text-align:center;
font-family:Arial, Helvetica, sans-serif; height:19px;
visibility:visible"></div>
</body>
</html></pre>

Bei einem relativen DIV, bzw. wenn du den Text nicht zentrieren willst, kannst du direkt die Funktion "do_ticker" aufrufen, wobei du den Text und die Startpositionen angeben musst. Ein relativ positioniertes DIV hat den Vorteil, dass es dir dein Seiten-Layout nicht zerst�rt. Wenn du es z.B. in einer Tabellenspalte definierst, bleibt es auch dort:

<pre><html>
<head>
<title>Ticker, Relativ</title>
<script language="JavaScript" src="ticker.js"></script>
</head>
<body onload="do_ticker(ttext,0,1)">
<table border="1" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="50%">Irgendwas</td>
<td width="50%">

<div id="ticker" style="position:relative; top:0px;
left:0px; text-align:center; font-family:Arial, Helvetica, sans-serif;
visibility:visible"></div>
</td>
</tr>
<tr>
<td width="50%">was anderes</td>
<td width="50%">hm ...</td>
</tr>
</table>
</body>
</html></pre>

Gru�,
Mathias

**markus lemcke** · 30.07.2002, 10:20

hi,

ich hoffe, ich komme heute mal zum testen!

danke!

gru�

marku

Announcement

scrollender text

scrollender text

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment