Hallo,
ich soll eine Slidefunktion reparieren die in Javascript programmiert ist und zwar im IE aber nicht im FF funktioniert. Leider habe ich von Javascript nicht wirklich viel Ahnung weshalb ich hier mal nach Hilfe zum Code frage.
Hier die Scrollklasse:
// MiniScroll Object
// gives controls to a set of 2 layers for scrolling
// 19990410
// Copyright (C) 1999 Dan Steinman
// Distributed under the terms of the GNU Library General Public License
// Available at http://www.dansteinman.com/dynduo/
function MiniScroll(window,content) {
this.window = window
this.content = content
this.content.slideInit()
this.inc = 8
this.speed = 50
this.contentHeight = (is.ns)? this.content.doc.height : this.content.elm.scrollHeight
this.contentWidth = (is.ns)? this.content.doc.width : this.content.elm.scrollWidth
this.up = MiniScrollUp
this.down = MiniScrollDown
this.left = MiniScrollLeft
this.right = MiniScrollRight
this.stop = MiniScrollStop
this.activate = MiniScrollActivate
this.activate(this.contentWidth,this.contentHeight)
}
function MiniScrollActivate(w,h) {
this.offsetHeight = h-this.window.h
this.offsetWidth = w-this.window.w
this.enableVScroll = (this.offsetHeight>0)
this.enableHScroll = (this.offsetWidth>0)
}
function MiniScrollUp() {
if (this.enableVScroll) this.content.slideTo(null,0,this.inc,this.speed)
}
function MiniScrollDown() {
if (this.enableVScroll) this.content.slideTo(null,-this.offsetHeight,this.inc,this.speed)
}
function MiniScrollLeft() {
if (this.enableHScroll) this.content.slideTo(0,null,this.inc,this.speed)
}
function MiniScrollRight() {
if (this.enableHScroll) this.content.slideTo(-this.offsetWidth,null,this.inc,this.speed)
}
function MiniScrollStop() {
this.content.slideActive = false
}
Und der Teil mit den Scrollbuttons:
<div id="ScrollUp" style="position:absolute; left:455px; top:420px; width:15px; height:15px; z-index:6">
<a href="javascript:;" onMouseDown="myscroll.up(); return false;" onMouseUp="myscroll.stop()" onMouseOut="myscroll.stop()" onFocus="if(this.blur)this.blur()" onMouseOver="window.status=''; return true;">
<img src="gifs/pfeile_ob.gif" width="15" height="15" border="0">
</a>
</div>
<div id="ScrollDown" style="position:absolute; left:475px; top:420px; width:15px; height:15px; z-index:7">
<a href="#" onMouseDown="myscroll.down(); return false;" onMouseUp="myscroll.stop()" onMouseOut="myscroll.stop()" onFocus="if(this.blur)this.blur()" onMouseOver="window.status=''; return true;">
<img src="gifs/pfeile_un.gif" width="15" height="15" border="0">
</a>
</div>
Die Klasse wird über Body onload="Init();..." initialisiert mit der Funktion:
function init() {
DynLayerInit()
myscroll = new MiniScroll(scrollWindow,scrollContent)
}
Wo könnte denn der Fehler liegen dass das nicht funktioniert? Wie gesagt im IE geht es aber nicht im FF...
Grüße!
Sebastian