webForumDet fria alternativet

Scroller fungerar ej i firefox

JavaScript

2 svar · 386 visningar · startad av Addeladde

Medlem sedan jan. 20013 406 inlägg
Frågan#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.

251 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
120 ms — deklarationer (db)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)
120 ms — ändringar (db)