Just nu i M3-nätverket
Jump to content

Scrolla i tabell


IDGer

Recommended Posts

Jag sökte en funktion för att scrolla i en tabell och trodde att scriptet nedan skulle vara tillräckligt (även om det inte scrollar i tabellen på riktigt). Dock har jag nu upptäckt att det ser annorlunda ut på min väns dator än i min laptop (texten "Please scroll down" ska vara precis under texten och inte en bit ner, se länk nedan) och dessutom att Netscape-användare inte kan ta del av sidan.

 

Finns det något annat vis att göra detta på, som inte ser olika ut på olika datorer (trots att skärmupplösningen är den samma) och som eventuellt går att köra i Netscape också (dock inget krav)?

 

Min sida:

http://thorin.visn.co.uk/~kdis7857/gfxver/about.htm

 

Scriptet (i head):

 

<style type="text/css">

#divUpControl{position:absolute; width:300; left:70; top:270; z-index:1; text-align: right}

#divDownControl{position:absolute; width:300; left:70; top:405; z-index:1; text-align: right}

#divContainer{position:absolute; width:300; height:220; overflow:hidden; top:223; left:35; clip:rect(0,300,240,0); visibility:hidden}

#divContent{position:absolute; top:0; left:0}

</style>

<script language="JavaScript">// begin absolutely positioned scrollable area object scripts

/*

Extension developed by David G. Miles (www.z3roadster.net/dreamweaver)

Original Scrollable Area code developed by Thomas Brattli

To add more shock to your site, visit www.DHTML Shock.com

*/

 

function verifyCompatibleBrowser(){

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 verifyCompatibleBrowser()

 

 

var speed=0

 

var loop, timer

 

function ConstructObject(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=MoveAreaUp;this.down=MoveAreaDown;

this.MoveArea=MoveArea; this.x; this.y;

this.obj = obj + "Object"

eval(this.obj + "=this")

return this

}

function MoveArea(x,y){

this.x=x;this.y=y

this.css.left=this.x

this.css.top=this.y

}

 

function MoveAreaDown(move){

if(this.y>-this.scrollHeight+objContainer.clipHeight){

this.MoveArea(0,this.y-move)

if(loop) setTimeout(this.obj+".down("+move+")",speed)

}

}

function MoveAreaUp(move){

if(this.y<0){

this.MoveArea(0,this.y-move)

if(loop) setTimeout(this.obj+".up("+move+")",speed)

}

}

 

function PerformScroll(speed){

if(initialised){

loop=true;

if(speed>0) objScroller.down(speed)

else objScroller.up(speed)

}

}

 

function CeaseScroll(){

loop=false

if(timer) clearTimeout(timer)

}

var initialised;

function InitialiseScrollableArea(){

objContainer=new ConstructObject('divContainer')

objScroller=new ConstructObject('divContent','divContainer')

objScroller.MoveArea(0,0)

objContainer.css.visibility='visible'

initialised=true;

}

// end absolutely positioned scrollable area object scripts

 

</script>

 

scriptet (i body):

<!-- begin absolutely positioned scrollable area object-->

<div id="divUpControl"> <a href="javascript:;" onMouseOver="PerformScroll(-7)" onMouseOut="CeaseScroll()"><img src="../gfx/gfx_scrollup.gif" border=0></a> </div>

<div id="divDownControl"> <a href="javascript:;" onMouseOver="PerformScroll(7)" onMouseOut="CeaseScroll()"><img src="../gfx/gfx_scrolldown.gif" border=0></a> </div>

<div id="divContainer">

<div id="divContent">

 

(tabellerna/texten)

 

</div>

</div>

<!-- end absolutely positioned scrollable area object -->

 

 

 

Extremt stort tack till den som kan hjälpa mig med detta.

 

MVH

Ola

 

 

Link to comment
Share on other sites

OK, det här är ju inte riktigt ett svar på din fråga, men varför inte låta webläsaren ta hand om scrollningen? Låt "sidan" bli så lång som den måste bli och låt webläsaren lägga dit en scrollbar om sidan inte ryms i fänstret.

 

Det finns fler problem med sidan som den ser ut nu.

 

Den scrollbara texten blandas ihop med nån annan text som jag inte kan urskilja. Detta leder till att en del av länkarna inte går att klicka på.

 

Dessutom ser jag inga bilder till höger, men de kanske inte finns där ännu?

 

Eftersom det ser ut att vara av kommersiell natur kanske det vore ide att inte krångla till det så mycket?

 

(FireFox 0.8/Linux)

[inlägget ändrat 2004-07-09 08:59:51 av pa9876]

Link to comment
Share on other sites

Hej,

 

Nej bilderna till höger är inte där än.

 

Vilken text blandas ihop med den scrollbara texten?

 

Vad kör du för webbläsare och version, vilken skärmupplösning har du och skulle du kunna ge mig en screenshot på det hela? Skulle vara oerhört tacksam om du kunde hjälpa mig med detta.

 

MVH Ola

 

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...