Newsticker für Mozilla und IE

Esther · 17. März 2010

Hallo,
ich würde mich freuen, wenn ihr mir weiterhelfen könntet. Ich habe einen newsticker auf der homepage, der aber leider nur im IE läuft und nicht bei Mozialla.
Wie könnte ich ihn erweitern, dass er auch in Mozilla läuft? Wo und wie kann ich createTextNode einbauen - nur damit würde es ja wohl funktionieren, oder?
Wäre natürlich auch toll, wenn er möglichst in allen Browsern läuft.
Wenn ihr mir helfen könntet, dann wäre das ganz toll!
Danke
Der Quellcode lautet:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>




<link href="Designtickerrechts.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/javascript">




<!-- Begin




var newslist=new Array();
var cnt=0;
var curr = "";
var i=-1;




newslist[0]=new Array("Die Erstsemester-<br/>veranstaltungen für 2010 sind aktualisiert!","http://www.uni-tuebingen.de/fachschaft-geschichte/Erstitermine.html") //etwas unbeholfene Lösung mit dem erzwungenen Zeilenumbruch aber was anderes ist mir nicht eingefallen







function newsticker()
{




        if (i < newslist[cnt][0].length - 1)
        {
                i++;
                temp1 = newslist[cnt][0];
                temp1 = temp1.split('');
                  curr = curr+temp1[i];
                temp2 = newslist[cnt][1];
                  mtxt.innerHTML = "<big><a href='"+temp2+"'><font color='##FFFF00'>"+curr+"";
                  setTimeout('newsticker()',10)
                return;
        }




        // new item
        i = -1; curr = "";
        if (cnt<newslist.length-1)
                cnt++;
        else
                cnt=0;
        setTimeout('newsticker()',3000)




}




                //  End -->




</script>




<title></title>
<meta name="author" content="Esther Schneidenbach">
<meta name="editor" content="html-editor phase 5">
</head>
<body  text="#000000" bgcolor="#D90000" link="#0000FF" alink="#008000" vlink="#800040" onload="newsticker();" >




   <!-- News Ticker -->
                <span id="mtxt" > </span>




</body>
</html>




Die CSS:
<head>




<style type="text/css">




     <!--font { font-family: Arial; text-align: left; color: #0000FF; link=#0000FF alink=#FF0000 vlink=#FF000F}
     =-->




 </style>




</head>

Alles anzeigen

maulepan · 18. März 2010

keine ahnung, was der FF daran nicht vertseht, aber dafür ist es besser auf ein gutes Grundgerüst (BPS: jQuery) aufzubauen, das die meisten browser bugs verhindert.

<a class="postlink" href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html">http://www.gcmingati.net/wordpress/wp-c ... imate.html</a>

Mod ma bitte nach JavaScipt verschieben

Basi · 18. März 2010

Code

mtxt.innerHTML = "<bi...

Ähhhm, nöööö... wenn das ausser dem IE noch andere Browser verstehen sollen, dann so:

Code

document.getelementbyid('mtxt').innerHTML = "<bi [...]";

Esther · 19. März 2010

Zitat von "Basiii"
Code
mtxt.innerHTML = "<bi...
Ähhhm, nöööö... wenn das ausser dem IE noch andere Browser verstehen sollen, dann so:
Code
document.getelementbyid('mtxt').innerHTML = "<bi [...]";

Hi,
danke für die Lösungsvorschläge.
Aber es funktioniert immer noch nicht. Ich mach wohl irgendetwas falsch. Darf denn ".innerHtml" stehen bleiben? Ich dachte, dass ist der Grund, dass es Mozilla nicht einlesen kann? Den Rest der Zeile kann ich dann stehen lassen? Du gibst ja nen anderen Verlauf an...Wie genau müsste ich das dann umschreiben?

Entschuldigt meine unwissenden Nachfragen. Aber ich versuch mich gerade erst einzuarbeiten.

Nochmals großen Dank und es wäre klasse, wenn ihr mir weiterhin hier bei meinem Problem helfen könntet.

starhunter · 19. März 2010

Hallo Esther,

so funktionierts - wenigstens bei mir im Firefox 3.6
Leider dann nicht im IE. Dieser "Möchtgern-Browser" versteht document.getElementById nicht. Vielleicht kennt jemand einen Hack für den IE .

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>




<link href="Designtickerrechts.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/javascript">




<!-- Begin




var newslist=new Array();
var cnt=0;
var curr = "";
var i=-1;




newslist[0]=new Array("Die Erstsemester-<br/>veranstaltungen für 2010 sind aktualisiert!","http://www.uni-tuebingen.de/fachschaft-geschichte/Erstitermine.html") //etwas unbeholfene Lösung mit dem erzwungenen Zeilenumbruch aber was anderes ist mir nicht eingefallen







function newsticker()
{




        if (i < newslist[cnt][0].length - 1)
        {
                i++;
                temp1 = newslist[cnt][0];
                temp1 = temp1.split('');
                  curr = curr+temp1[i];
                temp2 = newslist[cnt][1];
                //--------------------------------------------------------------------
                mtxt = document.getElementById("mtxt"); //  Das hat gefehlt
                //--------------------------------------------------------------------
mtxt.innerHTML = "<big><a href='"+temp2+"'><font color='##FFFF00'>"+curr+"";
                  setTimeout('newsticker()',10)
                return;
        }




        // new item
        i = -1; curr = "";
        if (cnt<newslist.length-1)
                cnt++;
        else
                cnt=0;
        setTimeout('newsticker()',3000)




}




                //  End -->




</script>




<title></title>
<meta name="author" content="Esther Schneidenbach">
<meta name="editor" content="html-editor phase 5">
</head>
<body  text="#000000" bgcolor="#D90000" link="#0000FF" alink="#008000" vlink="#800040" onload="newsticker();" >




   <!-- News Ticker -->
                <span id="mtxt" > </span>




</body>
</html>

Alles anzeigen

Außerdem darf nach </html> nichts mehr kommen.

Mfg

Starhunter

maulepan · 19. März 2010

Browserübergreifende lösung:
jQuery

starhunter · 19. März 2010

Hallo nochmal,

so geht es im IE und auch im Firefox.

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>




<link href="Designtickerrechts.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/javascript">




<!-- Begin




var newslist=new Array();
var cnt=0;
var curr = "";
var i=-1;




newslist[0]=new Array("Die Erstsemester-<br/>veranstaltungen für 2010 sind aktualisiert!","http://www.uni-tuebingen.de/fachschaft-geschichte/Erstitermine.html") //etwas unbeholfene Lösung mit dem erzwungenen Zeilenumbruch aber was anderes ist mir nicht eingefallen







function newsticker()
{




        if (i < newslist[cnt][0].length - 1)
        {
                i++;
                temp1 = newslist[cnt][0];
                temp1 = temp1.split('');
                  curr = curr+temp1[i];
                temp2 = newslist[cnt][1];
                //--------------------------------------------------------------------




                mytxt = document.getElementById("mtxt");  /*  Variable umbenannt nach mytxt */
                //--------------------------------------------------------------------
mytxt.innerHTML = "<big><a href='"+temp2+"'><font color='##FFFF00'>"+curr+"";
                  setTimeout('newsticker()',10)
                return;
        }




        // new item
        i = -1; curr = "";
        if (cnt<newslist.length-1)
                cnt++;
        else
                cnt=0;
        setTimeout('newsticker()',3000)




}




                //  End -->




</script>




<title></title>
<meta name="author" content="Esther Schneidenbach">
<meta name="editor" content="html-editor phase 5">
</head>
<body  text="#000000" bgcolor="#D90000" link="#0000FF" alink="#008000" vlink="#800040" onload="newsticker();" >




   <!-- News Ticker -->
                <span id="mtxt" > </span>




</body>
</html>

Alles anzeigen

Man darf im IE keine Variablen verwenden die den Namen einer ID haben.

Mfg

Starhunter

Esther · 19. März 2010

Ganz toll!!! Jetzt funktioniert es. Ich danke euch wirklich!!!
Ich saß heute wieder den ganzen Tag und hab darüber gegrübelt...irgendwann hat es zwar in phase funktioniert...dann aber nicht auf der homepage :(.
Aber mit eurer Hilfe läuft es jetzt
Super. Ihr glaubt gar nicht, wie happy ich jetzt bin!!! :lol:
Danke!Danke!Danke!!!!!!!

Newsticker für Mozilla und IE

Jetzt mitmachen!

Teilen