Scroller fungerar ej i firefox

JavaScript

2 svar · 388 visningar · startad av Addeladde

Medlem sedan jan. 20013 406 inlägg
Trådstart#1

Detta fungerar fint i netscape, safari, ie men ej i firefox vad kan vara galet? Ser inga fel i javascript consolen.

<html>
<head>
<script language="JavaScript">
var dy;
var pos=60;
var scrollHojd = 239;
var scrollClip = scrollHojd + 160;
var tid=null;

function getStyle( layer ) {
	if( document.getElementById ) {
		return document.getElementById( layer ).style
	} else if( document.all ) {
		return document.all[layer].style
	} else {
		return document[layer]
	}
}
function clip( layer, top, right, bottom, left ) {
	if( document.getElementById || document.all ) {
		getStyle( layer ).clip='rect('+top+' '+right+' '+bottom+' '+left+')'
	} else {
		document[layer].clip.top = top
		document[layer].clip.left = left
		document[layer].clip.bottom = bottom
		document[layer].clip.right = right
	}
}
function scroll() {
	var slangd = 60-(document.getElementById('content').offsetHeight-scrollHojd)
	if ( pos+dy <= 60 && pos+dy >= slangd ){
		pos += dy;
		getStyle('content').top = pos;
		clip('content', 60-pos, 300, scrollClip-pos, 0);
		tid = setTimeout( 'scroll()', 40 );
	}
	
}
function stop() {
	clearTimeout( tid );
}

function toppen(){
  while(pos+dy <= 60){
    dy = 1
	pos += dy;
    getStyle('content').top = pos;
    clip('content', 60-pos, 480, scrollClip-pos, 0);
  }
}

function init(){
  if(document.getElementById('content').offsetHeight>scrollHojd){
    document.getElementById('buttons').style.visibility = "visible";
  }
}
</script>

</head>
<body onload="init();">

<div id="content" style="position: absolute; top: 60px; left: 623px; width: 137px; clip: rect(0px 137px 339px 0px); padding: 3px;">
Iduipit ver sequat. 
Söndag 13 juni 
Tuercilit laor ing et veraesto odit nit ut. Ud tions estrud dipisisim quissis ea feummod oleniss equat, voloreet lputat laore diametu mmodolobor sequamc onsenit prat. Läs mer »
 
  
Iduipit ver sequat. 
Söndag 13 juni 
Tuercilit laor ing et veraesto odit nit ut. Ud tions estrud dipisisim quissis ea feummod oleniss equat, voloreet lputat laore diametu mmodolobor sequamc onsenit prat. Läs mer »
 
  
Iduipit ver sequat. 
Söndag 13 juni 
Tuercilit laor ing et veraesto odit nit ut. Ud 
 
Iduipit ver sequat. 
Söndag 13 juni 
Tuercilit laor ing et veraesto odit nit ut. Ud tions estrud dipisisim quissis ea feummod oleniss equat, voloreet lputat laore diametu mmodolobor sequamc onsenit prat. Läs mer »
 
  
Iduipit ver sequat. 
Söndag 13 juni 
Tuercilit laor ing et veraesto odit nit ut. Ud tions estrud dipisisim quissis ea feummod oleniss equat, voloreet lputat laore diametu mmodolobor sequamc onsenit prat. Läs mer »
 
  
Iduipit ver sequat. 
Söndag 13 juni 
Tuercilit laor ing et veraesto odit nit ut. Ud 
 

</div>
<div id="buttons" style="position: absolute; top: 60px; left: 770px; padding: 2px; visibility: hidden;"> 
  <a href="" onclick="return false" onmouseover="dy= 2;scroll()" onmouseout="stop()">Upp</a><br>
  <img src="../bilder/system/spacer.gif" width="1" height="308" alt=""><br>
  <a href="" onclick="return false" onmouseover="dy=-2;scroll()" onmouseout="stop()">ner</a> 
</div>

</body>
</html>
Medlem sedan juni 200032 967 inlägg
#2

Fungerar perfekt i Firefox för mig.

Medlem sedan jan. 20013 406 inlägg
#3

Oj i kodexemplet här ovan som jag klistrade in så är det ingen doctype med. När jag lägger in doctype

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

så fungerar det inte.

592 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
431 ms — deklarationer (db)
0 ms — hämta statistik (cache)
152 ms — hämta tråd, inlägg och bilagor (db)
437 ms — ändringar (db)