Verlinkbarer Textticker mit Javascript


<script>>
<!--
var msg=new Array()
msg[0]="+ + + Nachrichten aus Rosenheim + + +"
msg[1]="+ + + Nachrichten von sueddeutsche.de + + +"
msg[2]="+ + + Fernsehsendungen und Programme + + +"
msg[3]="+ + + Neuigkeiten rund um die CeBIT + + +"
msg[4]="+ + + M-Soung, die Party- und Oktoberfestband + + +"

// Links in Array: URL/Pfad oder kein Link = "#"
var msglink=new Array()
msglink[0]="http://www.ovb-online.de/"
msglink[1]="http://www.sueddeutsche.de/"
msglink[2]="http://www.tvinfo.de/"
msglink[3]="http://www.cebit.de/homepage_d?x=1"
msglink[4]="https://www.band-magicsound.de/"

// Link öffnen als: "_blank", "_self", "_top" oder in einem Frame (Framename)
// Kein Link = ""
var linktarget=new Array()
linktarget[0]="_blank"
linktarget[1]="_blank"
linktarget[2]="_blank"
linktarget[3]="_blank"
linktarget[4]=""

// Schriftart
var msgfont="Arial"

// Schriftfarbe
var msgfontcolor="#454545"

// Farbe des Links, bei Beruehrung mit dem Mauszeiger
var msgfontcolorrollover="c10000"

// Schriftgröße
var msgfontsize=10

// sSchriftgröße für Netscape 4x
var msgfontsizeHTML=2

// Hintergrundfarbe der Textbox
var msgbgcolor="#ffffff"

// Hintergrundfarbe der Textbox ausgeblendet
var msgbgout="#ffffff"

// Schriftstärke: normal oder bold
var msgweight="nomal"

// Schriftstil: normal oder italic
var msgitalic="normal"

// Länge der Textbox in Pixel
var msgwidth=550

// Höhe der Textbox in Pixel
var msgheight=26

// Pause zwischhen angezeigtem Text in Sekunden
var msgpause=3

// Rahmenstärke der Textbox
var msgborder=1

// Rahmenfarbe
var msgbordercolor="#c0c0c0"

// Textausrichtung: center, left oder right
var msgalign="center"

// Vertivale Textausrichtung: middle, top oder bottom
var msgvalign="middle"

var textdecoration="none"
var textWeightA="<b>"
var textWeightB="</b>"
var textItalicA=""
var textItalicB=""
var transparenz=100
var transparenzschritt=2

var x_pos=0
var y_pos=0
var i_msg=0
var msgsplit=""
var i_msgsplit=0
var i_mark=0
var tickerinhalt
var pausefade=30
msgpause*=1000

var loopende=false
var browserinfos=navigator.userAgent
var ie=document.all&&!browserinfos.match(/Opera/)
var ns4=document.layers

In eine Zeile ohne Umbruch!
var ns6=document.getElementById&&!document.all&&!browserinfos.match(/Opera/)
var opera=browserinfos.match(/Opera/)
var browserok=ie||ns4||ns6||opera

function inhaltswechsel() {
   browserTyp()
   i_msg++
   if (i_msg>=msg.length) {i_msg=0}
   if (ie) {
      ticker.innerHTML=inhalt
      ausblenden()
   }
   if (opera || ns6) {
      document.getElementById('ticker').innerHTML=inhalt
      var msgtimer=setTimeout("inhaltswechsel()",2*msgpause)
   }
   if (ns4) {
      document.roof.document.ticker.document.write(inhalt)
      document.roof.document.ticker.document.close()
      var msgtimer=setTimeout("inhaltswechsel()",msgpause)
   }
}

function einblenden() {
   if (transparenz<100){
      transparenz+=transparenzschritt
   if (ie) {
      document.all.tickerbg.filters.alpha.opacity=transparenz
   }
      var fadetimer=setTimeout("einblenden()",pausefade)
   }
   else {
      clearTimeout(fadetimer)
      setTimeout("inhaltswechsel()",1000)
   }
}

function ausblenden() {
   if (transparenz>0){
      transparenz-=transparenzschritt
      if (ie) {
         document.all.tickerbg.filters.alpha.opacity=transparenz
      }
      if (ns6) {
         document.getElementById('tickerbg').style.MozOpacity=transparenz/100
      }
      var fadetimer=setTimeout("ausblenden()",pausefade)
        }
      else {
         clearTimeout(fadetimer)
         setTimeout("einblenden()",msgpause)
      }
}

browserTyp()
function browserTyp() {
   if (ie || opera) {
      var tablewidth=msgwidth-2*msgborder
      var tableheight=msgheight-2*msgborder
   }
   else {
      var tablewidth=msgwidth
      var tableheight=msgheight
   }
   if (ie || ns6) {
      var padding=parseInt(msgborder)+3

      In eine Zeile ohne Umbruch!
      inhalt="<table width="+tablewidth+" height="+tableheight+"
      cellpadding="+padding+" cellspacing=0 border=0><tr
      valign="+msgvalign+"><td align="+msgalign+">"

      In eine Zeile ohne Umbruch!
      inhalt+="<a href=\""+msglink[i_msg]+"\" target=\""+linktarget[i_msg]+"\"
      style=\"position:relative;font-family:\'"+msgfont+"\';font-size:"+
      msgfontsize+"pt;font-weight:"+msgweight+";text-decoration:"+
      textdecoration+";color:"+msgfontcolor+";font-style:"+msgitalic+";
      \" onMouseOver=\"this.style.color=\'"+msgfontcolorrollover+
      "\'\" onMouseOut=\"this.style.color=\'"+msgfontcolor+"\'\">"

      inhalt+=msg[i_msg]
      inhalt+="</a></td></tr></table>"
   }
   else {

      In eine Zeile ohne Umbruch!
      inhalt="<table width="+tablewidth+" height="+tableheight+" cellpadding="+
      msgborder+" cellspacing=0><tr valign="+msgvalign+"><td align="+
      msgalign+">"

      In eine Zeile ohne Umbruch!
      inhalt+="<a href=\""+msglink[i_msg]+"\" target=\""+linktarget[i_msg]+"\"
      style=\"position:relative;font-family:\'"+msgfont+"\';font-size:"+
      msgfontsize+"pt;font-weight:"+msgweight+";text-decoration:"+
      textdecoration+";color:"+msgfontcolor+";font-style:"+msgitalic+";\">"

      inhalt+=msg[i_msg]
      inhalt+="</a></td></tr></table>"

      In eine Zeile ohne Umbruch!
      frameinhalt="<table width="+tablewidth+" height="+tableheight+"
      cellpadding=0 cellspacing=0 border="+msgborder+">lt;<tr><td>"

      frameinhalt+="<font color=\""+msgbgcolor+"\">"
      frameinhalt+="."
      frameinhalt+="</font>"
      frameinhalt+="</td></tr></table>"
   }
}

if (ie || ns6 || opera) {
   if (ns6) {
      msgwidth-=2*msgborder
      msgheight-=2*msgborder
   }

      In eine Zeile ohne Umbruch!
      document.write("<div id=\"roof\" style=\"position:relative;width:"+
      msgwidth+"px;height:"+msgheight+"px;font-family:\'"+msgfont+"\';
      border-style:solid;border-color:"+msgbordercolor+";border-width:"+
      msgborder+"px;background-color:"+msgbgcolor+";\">")

   if (!opera && !ns6 ) {

      In eine Zeile ohne Umbruch!
      document.write("<div id=\"tickerbg\" style=\"position:absolute;top:"+
      -msgborder+"px;left:"+-msgborder+"px;width:"+msgwidth+"px;height:"+
      msgheight+"px;font-family:\'"+msgfont+"\';font-size:"+msgfontsize+
      "pt;font-weight:"+msgweight+";font-style:"+msgitalic+";border-style:
      solid;border-color:"+msgbordercolor+";border-width:"+msgborder+
      "px;background-color:"+msgbgout+";overflow:hidden\;filter:
      alpha(opacity=100)\">")

      document.write("</div>")
   }

      In eine Zeile ohne Umbruch!
      document.write("<div id=\"ticker\" style=\"position:absolute;top:"+
      -msgborder+"px;left:"+-msgborder+"px;width:"+msgwidth+"px;height:"+
      msgheight+"px;font-family:\'"+msgfont+"\';font-size:"+msgfontsize+
      "pt;font-weight:"+msgweight+";font-style:"+msgitalic+";border-style:
      solid;border-color:"+msgbordercolor+";border-width:"+msgborder+
      "px;overflow:hidden\;\">")

      document.write("</div></div>")

      window.onload=inhaltswechsel
}

else if (ns4) {

     In eine Zeile ohne Umbruch!
     document.write("<ilayer name=\"roof\" width="+msgwidth+
     " height="+msgheight+">")

     In eine Zeile ohne Umbruch!
     document.write("<layer name=\"tickerframe\" width="+msgwidth+
     " height="+msgheight+" top=0 left=0 bgcolor="+msgbgcolor+">")

     document.write(frameinhalt)
     document.write("</layer>")

     In eine Zeile ohne Umbruch!
     document.write("<layer name=\"ticker\" width="+msgwidth+
     " height="+msgheight+" top=0 left=0>")

     document.write()
     document.write("</layer>")
     document.write("</ilayer>")
     window.onload=inhaltswechsel
}
// -->
<script>>