webForumDet fria alternativet

Scroll i JS

3 svar · 215 visningar · startad av mastermani

mastermaniMedlem sedan apr. 2001147 inlägg
#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å????

------------------
//MANI.C

WibergMedlem sedan juni 20003 169 inlägg
#2

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

------------------
"Datorer behöver i framtiden inte väga mer än 1,5 ton."
Popular Mechanics, 1949

oelbalMedlem sedan jan. 20014 973 inlägg
#3

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

------------------
Mina knäskålar klapprar fortfarande efter Kent-Mustafas trummsolo!

mastermaniMedlem sedan apr. 2001147 inlägg
#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 || this.ie4 || this.ns4 || 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>

------------------
//MANI.C

126 ms totalt · 3 externa anrop · v20260731065814-full.3ab8d573
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
123 ms — hämta tråd, inlägg och bilagor (db)