Scroller funktioniert nicht im Firefox

mobbingman

Grünschnabel
Hallo zusammen. Ich bin nun seit ca. 6 Stunden am verzweifeln und hoffe, Ihr könnt mir vielleicht helfen. Ich möchte einen Scroller einbinden. Dieser funktioniert über den IE 7 wunderbar. Nun wollte ich die den Scroller jedoch mit dem Firefox betrachten und siehe da... der Scroller ist weg. Woran liegt das?

HTML:
<head>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Neue Seite 1</title>
</head>

<body bgcolor="#FFA03A">

<BODY onLoad='start()' bgcolor="#FFA03A">

<script type="text/javascript">


<!-- Begin
//scroller width
var swidth=150

//scroller height
var sheight=400


//scroller's speed;
var sspeed=10

var wholemessage=''

//text: change to your own

wholemessage='<font face="arial,helvetica"><a target="_main" href="http://www.funfun-party.de"><img border="0" src="file:///C:/Dokumente%20und%20Einstellungen/Stefan/Eigene%20Dateien/Pahlazzo/Bild001.jpg" width="150" height="100"><p style="margin-top: 0; margin-bottom: 0">&nbsp;</p><a target="_main" href="http://www.funfun-party.de"><img border="0" src="file:///C:/Dokumente%20und%20Einstellungen/Stefan/Eigene%20Dateien/Pahlazzo/Bild002.jpg" width="150" height="100"><p style="margin-top: 0; margin-bottom: 0">&nbsp;</p><a target="_main" href="http://www.funfun-party.de"><img border="0" src="file:///C:/Dokumente%20und%20Einstellungen/Stefan/Eigene%20Dateien/Pahlazzo/Bild003.jpg" width="150" height="100"><p style="margin-top: 0; margin-bottom: 0">&nbsp;</p><a target="_main" href="http://www.funfun-party.de"><img border="0" src="file:///C:/Dokumente%20und%20Einstellungen/Stefan/Eigene%20Dateien/Pahlazzo/Bild004.jpg" width="150" height="100"><p style="margin-top: 0; margin-bottom: 0">&nbsp;</p><a target="_main" href="http://www.funfun-party.de"><img border="0" src="file:///C:/Dokumente%20und%20Einstellungen/Stefan/Eigene%20Dateien/Pahlazzo/Bild005.jpg" width="150" height="100"><p style="margin-top: 0; margin-bottom: 0">&nbsp;</p><a target="_main" href="http://www.funfun-party.de"><img border="0" src="file:///C:/Dokumente%20und%20Einstellungen/Stefan/Eigene%20Dateien/Pahlazzo/Bild006.jpg" width="150" height="100"><p style="margin-top: 0; margin-bottom: 0">&nbsp;</p><a target="_main" href="http://www.funfun-party.de"><img border="0" src="file:///C:/Dokumente%20und%20Einstellungen/Stefan/Eigene%20Dateien/Pahlazzo/Bild007.jpg" width="150" height="100"><p style="margin-top: 0; margin-bottom: 0">&nbsp;</p><a target="_main" href="http://www.funfun-party.de"><img border="0" src="file:///C:/Dokumente%20und%20Einstellungen/Stefan/Eigene%20Dateien/Pahlazzo/Bild008.jpg" width="150" height="100"><p style="margin-top: 0; margin-bottom: 0">&nbsp;</p><a target="_main" href="http://www.funfun-party.de"><img border="0" src="file:///C:/Dokumente%20und%20Einstellungen/Stefan/Eigene%20Dateien/Pahlazzo/Bild009.jpg" width="150" height="100"><p style="margin-top: 0; margin-bottom: 0">&nbsp;</p><a target="_main" href="http://www.funfun-party.de"><img border="0" src="file:///C:/Dokumente%20und%20Einstellungen/Stefan/Eigene%20Dateien/Pahlazzo/Bild010.jpg" width="150" height="100"><p style="margin-top: 0; margin-bottom: 0">&nbsp;</p><a target="_main" href="http://www.funfun-party.de"><img border="0" src="file:///C:/Dokumente%20und%20Einstellungen/Stefan/Eigene%20Dateien/Pahlazzo/Bild011.jpg" width="150" height="100"><p style="margin-top: 0; margin-bottom: 0">&nbsp;</p><a target="_main" href="http://www.funfun-party.de"><img border="0" src="file:///C:/Dokumente%20und%20Einstellungen/Stefan/Eigene%20Dateien/Pahlazzo/Bild012.jpg" width="150" height="100"><p style="margin-top: 0; margin-bottom: 0">&nbsp;</p><br><br><br><br><br></font>'

function start(){
if (document.all) return
if (document.getElementById){
document.getElementById("slider").style.visibility="show"
ns6marquee(document.getElementById('slider'))
}
else if(document.layers){
document.slider1.visibility="show"
ns4marquee(document.slider1.document.slider2)
}
}
function ns4marquee(whichlayer){
ns4layer=eval(whichlayer)
ns4layer.document.write(wholemessage)
ns4layer.document.close()
sizeup=ns4layer.document.height
ns4layer.top-=sizeup
ns4slide()
}
function ns4slide(){
if (ns4layer.top>=sizeup*(-1)){
ns4layer.top-=sspeed
setTimeout("ns4slide()",100)
}
else{
ns4layer.top=sheight
ns4slide()
}
}
function ns6marquee(whichdiv){
ns6div=eval(whichdiv)
ns6div.innerHTML=wholemessage
ns6div.style.top=sheight
sizeup=sheight
ns6slide()
}
function ns6slide(){
if (parseInt(ns6div.style.top)>=sizeup*(-1)){
ns6div.style.top=parseInt(ns6div.style.top)-sspeed
setTimeout("ns6slide()",100)
}
else{
ns6div.style.top=sheight
ns6slide()
}
}
//  End -->
</script>

<span style="borderWidth:1; borderColor:red; width:150; height:400;">
<ilayer width=150 height=400 name="slider1" bgcolor="none" visibility=hide>
<layer name="slider2" onMouseover="sspeed=5;" onMouseout="sspeed=10">
</layer>
</ilayer>
<script type="text/javascript">
if (document.all){
document.writeln('<marquee id="ieslider" scrollAmount=2 width=150 height=400 direction=up style="border:none;background-color:none">')
document.writeln(wholemessage)
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=2")
document.write('</marquee>')
}
if (document.getElementById&&!document.all){
document.write('<div style="position:relative;overflow:hidden;width:150;height:400;clip:rect(0 302 102 0); background-color:none;border:none;" onMouseover="sspeed=0;" onMouseout="sspeed=2">')
document.write('<div id="slider" style="position:relative;width:&{swidth};">')
document.write('</div></div>')
}
</script>
</span>
</body>

Also die Verlinkungen etc. funktionieren wunderbar. Es geht halt nur darum, das man den Scroller im Firefox nicht sieht. Ich habs einfach nicht raus bekommen:confused:. Im Firefox sind bei mir die Javascripts auch aktiviert...

Bitte helft mir... Schönen Ostermontag euch allen!
 
Hi,

bei mir ist der Scroller im FF (2 + 3) klar und deutlich sichtbar, und verrichtet seinen Job wie gewünscht: er scrollt, und scrollt, und scrollt ... :)

Ansonsten würde ich mal im Quellcode einen der beiden <body>-Tags entfernen, da hier nur einer zulässig ist, sowie die Pfade zu den Grafikdateien relativ setzen, damit sie auch im Netz verwendbar sind, denn auf deinem zukünftigen Webserver gibt es kein Laufwerk "C" - siehe hierzu Grafikreferenz definieren.

mfg Maik
 
Hi, ist der bei dir tatsächlich sichtbar? Also ich habe den Scroller ja noch nicht auf einen Webspace hochgeladen sondern nur erst einmal auf meiner Platte. Hast du den Scroller den hochgeladen oder auch vom Rechner aus betrachtet? Das mit den Bildpfaden ist richtig, die werde ich ändern, sobald der Scroller online geht. Die Body-Tags werde ich jetzt mal überarbeiten.

Tatsächlich, der geht wirklich, aber nur dann, wenn ich ihn einzeln starte. Wenn ich den in eine Tabelle einbette, dann funtzt der wieder nicht. Also liegt es nicht am Scroller, sondern an der Haupseite. Ich möchte den Scroller nämlich in einer vorgefertigten Tabellenzeile laufen lassen, und das scheint nicht zu funktionieren!

Danke für die super schnelle Antwort! Ich tüftel noch mal ein bisschen. Vielleicht klappt es ja jetzt!
 
Das lässt dann die Vermutung zu, dass die "Hauptseite", in der du das Script einbinden möchtest, im standardkomformen Modus übergeben wird, wofür nun im Script-Code in den einzelnen Funktionen der Zusatz "+"px"", sowie in den CSS-Formatierungen die Einheitenangabe "px" fehlt.

mfg Maik
 
Haaaa... ich habs... man bin ich blöd :). Vielleicht sollte ich auch den onload-Befehl in den Body-Tag meiner Hauptseite schreiben und nicht einfach in den Tabellencode. Man das war peinlich. Jetzt funktionierts super... Ja manchmal braucht man einfach nur einen Anstoss um genauer an die Sache ranzugehen.

Also, das Problem ist hiermit gelöst. Einen schönen Ostermontag noch!

Danke Maik!
 
Zurück