Jag vet inte om detta är rätt forum men, men... Scroll. i en ruta.... jag kör den här Det är nåt sånt jag kör nu. Men det måste gå att scrolla genom att dra en sån där liten fyrkant som brukar finnas. Förstår ni? På en vanlig scrollbar så finns det ju en upppil, en nerpil och emellan dom en rektangel som man kan flytta på.ASP
Jag har en sida där innehåller finns i en ruta i mitten. För att kunna scrolla har jag snott nåt script i DHTML som gör att man kan scrolla genom att hålla muspekaren på upp eller ner pilar. Nu så är jag på jakt efter ett script eller nåt annat där man kan scrolla genom att dra en "ruta" som man brukar kunna i textboxar och så. Det måste gå att göra i en ruta i en tabell (inga frames och sånt alltså). Någon som vet var det kan tänkas finnas?Sv: ASP
<code>
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE>scroll</TITLE>
<style type="text/css">
#divUpControl{position:absolute; width:450; left:25; top:60; z-index:1; text-align: right}
#divDownControl{position:absolute; width:450; left:25; top:360; z-index:1; text-align: right}
#divContainer{position:absolute; width:500; height:320; overflow:hidden; top:60; left:25; clip:rect(0,370,320,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=50
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>
</HEAD>
<BODY onLoad="InitialiseScrollableArea()">
<!--********************HÄR BÖRJAR SCROLLEN***********************-->
<div id="divUpControl" style="left: 825px; top: 200px; z-index:1000; width: 25px; height: 11px"> 
</div>
<div id="divDownControl" style="left: 828px; top: 570px; z-index:1000; width: 22px; height: 12px"> 
</div>
<div id="divContainer" style="left: 350px; top: 200px; width: 500px; height: 350px">
<div id="divContent" style="left: 350px; top: 200px; width: 500px; height: 350px">
<!-- ****************** HÄR SLUTAR SCROLLEN ********************-->
massa KOD
</div>
</div>
<!-- ****************** HÄR SLUTAR SCROLLEN ********************-->
</BODY>
</HTML>
</code>
Du får göra pilarna.... allt är lager baserat!!
LYCKA TILL // HectorSv: ASP