Men varför scrollar inte skiten?

GrodanBollMedlem sedan sep. 2001788 inlägg

9 nov. 2001 10:47#1

Tjo igen

Nu terroriserar jag forumet igen... hoppas att det e ok ;)

Jag har gjort (ja gjort o gjort, snarare anpassat en befintligt funktion till DHTML APIn som jag använder ;)) en funktion som ska scrolla ett lager.

Scrollen funkar första gången men den upprepas inte... fanken jag har säker skrivit fel någonstans men jag hittar det inte... :(
Kanske någon kan hjälpa mig?? :)

Jag har markerat delen där jag tror felet ligger då va.
<red> ja inte blev det markerat men det va denna delen jag mena: "scrollTim = setTimeout('scroll("+speed+", "+obj+")',scrollTid)
"

Sen blir lagret bara så stort som jag har skrivit i 'width', det blir inte större om jag skriver in mer som inte får plats... ska det inte göra det??
<red> Oops 'height' mena jag... sorry.

Så det va två frågor :)

Håller tummarna för ett svar (ja eller två i detta fallet ;))

/Grodan


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>start.html</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<meta http-equiv="pragma" content="no-cache"></meta>	
	<link rel=stylesheet href="includes/css/hkr.css" type="text/css">
	
	<style type="text/css">
	<!--
		<!-- den vänstra avgränsningslinjen -->
		#lyrAvgrVanster {position: absolute; left: 0px; top: 0px; width: 1px; height: 345px; clip:rect(0px 1px 345px 0px); visability: visible; z-index: 2; background-color: #ffffff; layer-background-color: #ffffff;}
		<!-- arean där main-texten ska ligga -->
		#lyrMainText {position: absolute; left: 1px; top: 0px; width: 416px; height: 345px; clip:rect(0px 410px 340px 0px); visability: visible; z-index: 1; background-color: #ffffff; layer-background-color: #ffffff;}
		<!-- den högra avgränsningslinjen -->
		#lyrAvgrHoger {position: absolute; left: 417px; top: 0px; width: 1px; height: 345px; clip:rect(0px 1px 345px 0px); visability: visible; z-index: 3; background-color: #ffffff; layer-background-color: #ffffff;}
		<!-- arean där nyheter ska ligga -->
		#lyrMainNyheter {position: absolute; left: 418px; top: 0px; width: 152px; height: 175px; clip:rect(0px 152px 175px 0px); visability: visible; z-index: 1; background-color: #ffffff; layer-background-color: #ffffff;}
		<!-- arean där länkgenvägarna ska ligga -->
		#lyrMainGenvagar {position: absolute; left: 418px; top: 176px; width: 152px; height: 170px; clip:rect(0px 152px 170px 0px); visability: visible; z-index: 1; background-color: #eeeeee; layer-background-color: #eeeeee;}
		
		<!-- scrollpil upp för MainText -->
		#lyrScrollUppMainText {position: absolute; left: 390px; top: 3px; width: 20px; height: 17px; clip:rect(0px 20px 17px 0px); visability: visible; z-index: 1; background-color: #ffffff; layer-background-color: #ffffff;}
		<!-- scrollpil ner för MainText -->
		#lyrScrollNerMainText {position: absolute; left: 390px; top: 325px; width: 20px; height: 17px; clip:rect(0px 20px 17px 0px); visability: visible; z-index: 1; background-color: #ffffff; layer-background-color: #ffffff;}
		
		
	-->
	</style>

<Script language="Javascript" src="includes/js/lib.js"></script>
<Script language="Javascript">

// den tid som ska flyta mellan varje scrollanrop
var scrollTid = 50;

// hur många pixlar som ska synas av lagres nedere del innan det slutar scrolla
innehallsHojd = 100;

var scrollTim=1;

// --- Här e själva scrollfunktionen ---
function scroll(speed, obj)
{
	clearTimeout(scrollTim)
	//kollar först om vi ska scrolla upp eller ner
	way = speed>0?1:0
	// om vi ska scrolla ner (upp med lagret), kolla så att vi inte nått botten
	// om vi ska scrolla upp (ner med lagret), kolla så att vi inte nått toppen (.top=0px)	
	if ((!way && obj.y>-obj.h +innehallsHojd) &#0124;&#0124; (obj.y<0 && way))
	{
		// scrolla upp/ned med det antal pixlar som e bestämt
		obj.moveBy(0, speed)
		// så länge scrollTim inte blir rensad så körs funktionen om o om igen
		[red]scrollTim = setTimeout('scroll("+speed+", "+obj+")',scrollTid)[/red]
	}
}

// --- Om vi vill sluta scrolla ---
// då ser vi till att rensa 'setTimeout' variabeln 'scrollTim' med 'clearTimeout'
function noScroll()
{
	clearTimeout(scrollTim)
}

function initScroll()
{
	objMainText=new lib_obj('lyrMainText')
	objMainNyheter=new lib_obj('lyrMainNyheter')
	objMainGenvagar=new lib_obj('lyrMainGenvagar')
}

</script>

</head>
<body onLoad="initScroll();">
<span class="brodtext">

<div id="lyrAvgrVanster"><img src="images/vlinje.gif" width="1" height="345" border="0" alt=""></div>
<div id="lyrMainText" class="brodtext">
	<table width="415">
	<tr>
		<td width="230">Blae fjsh fjds hfjsd hfjdf</td>
		<td width="175">hdsjf hjdks fjdshfjdjfhhjhksdhfj dsjfhjsd fhjdhfj dsfjsd hjfhdjfhsdjkfh jks</td>
	</tr>
	<tr>
		<td width="230">er wfewrw erwerew</td>
		<td width="175"> rwerewrwe rewr ew rewr ewrwe</td>
	</tr>
	<tr>
		<td colspan="2">Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... Bla bla bla bla... XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</td>
	</tr>
	</table>

</div>
<div id="lyrAvgrHoger"><img src="images/vlinje.gif" width="1" height="345" border="0" alt=""></div>
<div id="lyrMainNyheter" class="brodtext">lyrMainNyheter hjf sghdf ghdsghfsdhf ggfffghdfghdgfhdgfh dfhd gfhd ghjfdhfh dgfhdhjf dghjfghd fghds</div>
<div id="lyrMainGenvagar" class="brodtext">lyrMainGenvagar dgf hd hghjfdhjgd hds jsjsjs jsj  shjgdhfd hfsjfgds hdghfdsgjh</div>

<div id="lyrScrollUppMainText"><a href="#" onmouseover="scroll(5, objMainText)" onmouseout="noScroll()" onclick="return false"><img src="images/arrows_rounded_up.gif" width="20" height="17" border="0" alt=""></a></div>
<div id="lyrScrollNerMainText"><a href="#" onmouseover="scroll(-5, objMainText)" onmouseout="noScroll()" onclick="return false"><img src="images/arrows_rounded_down.gif" width="20" height="17" border="0" alt=""></a></div>

</span>
</body>
</html>

[Redigerat av GrodanBoll den 09 nov 2001]

GrodanBollMedlem sedan sep. 2001788 inlägg

9 nov. 2001 22:14#2

Bagger... det visade sig att det inte gick att anropa objektet två gånger inom funktionen, löste det genom att lägga objekten i en array o anropa det därigenom.

På den andra frågan så visade det sig att jag inte scrollade utan flyttade hela lagret... tusan vet hur jag ska lösa det mn jag får väl plugga lite om det då .. :(

Over and out :)

/Grodan