Scroll i JS — webForum

mastermaniMedlem sedan apr. 2001147 inlägg

Frågan2 juni 2001 11:41#1

hallå alla js programerare..

Jag har laddat ner ett script från bratta.com där man kan scrolla en text..
men jag provade att lägga in ett till sådant script på samma sida så att det finns 2 olika scrollistar på sidan.
fast det fungerar lixom inte..

bara en utav dem visaas. tar jag bort den som syns så kommer den andra synas fast då finns ju lixom inte båda kvar..

jag har provat att ändra det stora taggarna och lagt till en tvåa efteråt..

det fungerar med 1 då fortfarande hur skall man göra för att visa båda två????

WibergMedlem sedan juni 20003 169 inlägg

2 juni 2001 18:30#2

Omöjligt att svara på om man inte får se koden...

oelbalMedlem sedan jan. 20014 973 inlägg

2 juni 2001 18:35#3

Har för mig att assembler.org sitter på en bra scroller.....

mastermaniMedlem sedan apr. 2001147 inlägg

2 juni 2001 19:55#4

Här koden i include filen
scroll.js

function checkBrowser(){
	this.ver=navigator.appVersion
	this.dom=document.getElementById?1:0
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
	this.ie4=(document.all && !this.dom)?1:0;
	this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie5 &#0124;&#0124; this.ie4 &#0124;&#0124; this.ns4 &#0124;&#0124; this.ns5)
	return this
}
bw=new checkBrowser()

var speed=50

var loop, timer

function makeObj(obj,nest){
    nest=(!nest) ? '':'document.'+nest+'.'
	this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
  	this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
	this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
	this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight
	this.up=goUp;this.down=goDown;
	this.moveIt=moveIt; this.x; this.y;
    this.obj = obj + "Object"
    eval(this.obj + "=this")
    return this
}
function moveIt(x,y){
	this.x=x;this.y=y
	this.css.left=this.x
	this.css.top=this.y
}

function goDown(move){
	if(this.y>-this.scrollHeight+oCont.clipHeight){
		this.moveIt(0,this.y-move)
			if(loop) setTimeout(this.obj+".down("+move+")",speed)
	}
}
function goUp(move){
	if(this.y<0){
		this.moveIt(0,this.y-move)
		if(loop) setTimeout(this.obj+".up("+move+")",speed)
	}
}

function scroll(speed){
	if(loaded){
		loop=true;
		if(speed>0) oScroll.down(speed)
		else oScroll.up(speed)
	}
}

function noScroll(){
	loop=false
	if(timer) clearTimeout(timer)
}

var loaded;
function scrollInit(){
	oCont=new makeObj('divCont')
	oScroll=new makeObj('divText','divCont')
	oScroll.moveIt(0,0)
	oCont.css.visibility='visible'
	loaded=true;
}

onload=scrollInit;

Här är koden som finns på sidan..

<style type="text/css">
#divUp{position:absolute; left:0; top:1; WIDTH=280; z-index:1}
#divDown{position:absolute; left:0; top:10; width:280 ;z-index:2}
#divCont{position:absolute; width:260; height:250; overflow:hidden; top:1; left:10; clip:rect(0,260,250,0); visibility:hidden ;z-index:2}
#divText{position:absolute; top:0; left:0 ;z-index:4}
</style>
      <script language="JavaScript" src="popup.js"></script>
      <script language="JavaScript" src="scroll.js"></script>
      
  <div id="divUp"> 
    <div align="right"><a href="#ss" onmouseover="scroll(-8)" onmouseout="noScroll()"><IMG SRC="pil_upp.gif" BORDER=0 WIDTH=13 HEIGHT=8></a></div>
  </div>
  <div id="divDown" align="right"> <a href="#" onmouseover="scroll(8)" onmouseout="noScroll()"><IMG SRC="pil_ner.gif" BORDER=0 WIDTH=13 HEIGHT=8></a><BR>
  </div>
      <div id="divCont"> 
        <div id="divText">
Texten som skall scrollas
</div>
</div>