/* * * * * * * * * * * * * * * * D I E V A R I A B L E N * * * * * * * * * * * * * * * * * */
//°°°°°°°°°°Die News
tNews=new Array();
tNews.push('Neu bei <a href="http://www.tutorials.de">tutorials.de</a>...noch nen Ticker!');
tNews.push('Der Ticker tickt jetzt nicht mehr, sondern rollt :o)');
tNews.push('im Rahmen der allgemeinen Sparmassnahmen wurde der Code weiter dezimiert');
tNews.push('Update in der Morgendämmerung:jetzt tickt er auch in Tabellen!');
tNews.push('<b style="color:gold">Nachtrag: Nunmehr tickt er in alle Richtungen</b>');
tNews.push('<table><tr><td><img src="http://www.tutorials.de/forum/avatars/sven%2Bmintel.gif" />'+
'</td><td>Text <br />neben<br />Bild</td></tr></table>');
tNews.push('August 2007: Dank an <a href="http://www.tutorials.de/forum/members/quaese.html">Quaese</a> '+
'für die Anpassungen hinsichtlich DOCTYPE-Kompatibilität!');
//°°°°°°°°°°Laufrichtung(up,down,left,right)
strDir ='up';
//°°°°°°°°°°Delimiter zwischen den einzelnen News(nur bei left/right)
strDelimiter=' + + + ';
//°°°°°°°°°°Interval in ms
intInterval =50;
//°°°°°°°°°°Stop bei mouseover?true:false
blnStopHover=true;
//°°°°°°°°°°Falls Leeraum zwischen News...hier Wert erhoehen...minimum:1
intRepeat =2;
//°°°°°°°°°°Rahmen
strBorder ='1px solid #818181';
//°°°°°°°°°°Breite
intWidth =200;
//°°°°°°°°°°Höhe
intHeight =200;
//Abstand Rahmen->Inhalt
intPadding =4;
//Background-color
strBgc ='#515151';
//Text-color
strTxtc ='#ffffff';
//Textausrichtung
strAlign ='left';
//Schritt pro Durchlauf(px)
intStep=1;
/* * * * * * * * * * * * * * * * * * D E R T I C K E R * * * * * * * * * * * * * * * * * * * * * */
//IE ab V4?
IE=document.all&&!window.opera;
//DOM-Browser(ausser IE)
DOM=document.getElementById&&!IE;
//läuft ab IE4 und in DOM-Browsern
if(DOM||IE)
{
//Ermitteln, ob Ticker horizontal oder vertikal laufen soll
blnDir=(strDir=='up'||strDir=='down')?true:false;
//Bei horizontalem Ticker wird ein nobr-, ansonsten ein div-Tag verwendet
strNobr=(blnDir)?'div':'nobr';
//Trennzeichen zwischen den Einzelnen Eintraegen
//bei horizontalem Ticker gemäss Angabe in Variale strDelimiter
//Ansonsten Zeilenumbrueche
strDelimiter=(blnDir)?'<br><br>':strDelimiter;
//String fuer Textausrichtung bei vertikalem Ticker
strAlign=(blnDir)?'text-align:'+strAlign+';':'';
//Variable zum Speichern des Intervals
var objGo;
//Variable zum Speichern der Position
intPos=0;
//String erzeugen fuer JS-Code, falls Ticker beim mouseover stoppen soll
strStopHover=(blnStopHover)?'onmouseover="clearInterval(objGo)"onmouseout="objGo=setInterval(\'DM_ticken()\','+intInterval+')"':'';
//Tickertext zu String zusammenfuegen
strText=(blnDir)?tNews.join(strDelimiter)+strDelimiter:tNews.join(strDelimiter)+strDelimiter;
strNews=strText;
for(i=1;i<intRepeat;++i)
{
strNews+=strText;
}
//TickerCode zu String zusammenfuegen
strTicker='<div style="position: relative; '+strAlign+'overflow:hidden;background-color:'+strBgc+
';border:'+strBorder+';width:'+intWidth+'px;height:'+intHeight+'px;padding:'+intPadding+
'px;"><'+strNobr+'><div id="ticker"style="position:relative;color:'+strTxtc+';background-color:'+strBgc+
';"'+strStopHover+'>'+strNews+'</div></'+strNobr+'></div>';
//TickerCode im Dokument ausgeben
document.write(strTicker);
//Funktion, um Ticker ticken zu lassen
function DM_ticken()
{
//Ticker-Objekt je nach Browser ermitteln
objTicker=(IE)?document.all.ticker:document.getElementById('ticker');
//Array fuer zu manipulierende Eigenschaften des Tickers je nach Richtung
//Richtung=new Array(Pixelwert zur Aenderung der Position,Breite/Höhe des Tickers,zu andernder Positionswert);
arrDir=new Array();
arrDir['up'] =new Array(-1,objTicker.offsetHeight,'top');
arrDir['down'] =new Array(1,objTicker.offsetHeight,'top');
arrDir['left'] =new Array(1,objTicker.offsetWidth,'left');
arrDir['right'] =new Array(-1,objTicker.offsetWidth,'left');
//Ermitteln von Breite bzw. Höhe der anzuzeigenden Items
dblOffset=arrDir[strDir][1]/intRepeat;
//Neuen Positionswert ermitteln
switch(strDir)
{
case'right':
intPos=(Math.abs(intPos)>dblOffset)?0:intPos;break;
case'left':
intPos=(intPos>0)?-dblOffset:intPos;break;
case 'up':
intPos=(Math.abs(intPos)>dblOffset)?0:intPos;break;
case 'down':
intPos=(intPos>0)?-dblOffset:intPos;break;
}
//Neuen Positionswert zuweisen
objTicker.style[arrDir[strDir][2]]=intPos + "px";
//Positionswert hoch/heruntersetzen
intPos+=intStep*arrDir[strDir][0];
}
//Erneut ticken lassen
objGo=setInterval('DM_ticken()',intInterval);
}
befindet, in der du den Ticker benötigst. Dort schiebe per Drag/Drop die erstellte ticker.js hinein.
