---
title: "problem med scrollningsbart lager"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/78856-problem-med-scrollningsbart-lager"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "hildurblad"
published: "2003-06-04T08:48:43.000Z"
updated: "2003-06-04T08:48:43.000Z"
replies: 0
views: 144
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/78856-problem-med-scrollningsbart-lager"
---

# problem med scrollningsbart lager

## #1 — hildurblad, 2003-06-04T08:48Z

Hej,

Jag har använt mig av ett scrollningsbart lager på mina sidor. Nu vill jag ladda in filer i min \<iframe\>. Det går bra, men i IE5 för Mac dyker det upp en scrollningslist på alla sidor som har detta scrollningsbara lager (förutom startsidan). Vad har jag gjort fel? Vad måste jag ändra på i scriptet så att \<iframen\> ska fatta hur stor plats texten tar? (ngn som fattar vad jag försöker förklara...)

<http://www.predator.nu>

Tack!

R:

\[KOD\]
\<style type="text/css"\>  

a {font-family:verdana,helvetica,sans-serif; font-size:9px; color:#43729A; text-decoration:none;}
a:hover {text-decoration:underline; color:#43729A;}

\#divUpControl{position:absolute; width:320; left:10; top:10; z-index:1; text-align: right} 
\#divDownControl{position:absolute; width:320; left:10; top:270; z-index:1; text-align: right} 
\#divContainer{position:absolute; width:350; height:214; overflow:hidden; top:30; left:10; clip:rect(0,350,214,0); visibility:hidden} 
\#divContent{position:absolute; top:0; left:0} 
.scrolltext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; line-height: 15px; color: #000000}
.rubrik {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 15px; font-weight: bold; color: #000000}
.huvudrubrik {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000}
.fotnot {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 13px; font-weight: normal; color: #43729A}
.signatur {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: italic; line-height: 15px; color: #000000}
\</style\>

\<script language="JavaScript"\>// begin absolutely positioned scrollable area object scripts 
/\*
Extension developed by David G. Miles (<https://www.z3roadster.net/dreamweaver>)
Original Scrollable Area code developed by Thomas Brattli 
To add more shock to your site, visit <https://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\>
\<script language="JavaScript"\>
\<!--
\<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW \|\| innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// --\>

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))\>0&&parent.frames.length) {
    d=parent.frames\[n.substring(p+1)\].document; n=n.substring(0,p);}
  if(!(x=d\[n\])&&d.all) x=d.all\[n\]; for (i=0;!x&&i\<d.forms.length;i++) x=d.forms*\[n\];
  for(i=0;!x&&d.layers&&i\<d.layers.length;i++) x=MM_findObj(n,d.layers*.document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i\<(args.length-2); i+=3) if ((obj=MM_findObj(args*))!=null) { v=args\[i+2\];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}
//--\>
\</script\>

\</HEAD\> 

 

\<body bgcolor="#FFFFFF" text="#000000" onLoad="InitialiseScrollableArea()" oncontextmenu="return false" ondragstart="return false" onselectstart="return false"\>
\<p\>

  \<!-- begin absolutely positioned scrollable area object--\>
\</p\>
\<div id="Layer1" style="position:absolute; width:200px; height:199px; z-index:2; left: 470px; top: 0px"\>\<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="200" height="199"\>
    \<param name=movie value="sportfiske2.swf"\>
    \<param name=quality value=high\>
    \<embed src="sportfiske2.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="200" height="199"\>
    \</embed\> 
  \</object\>\</div\>
\<div id="divUpControl" style="left: 365px; top: 168px; width: 13px; height: 15px"\> 
  \<a href="javascript:;" onMouseOver="PerformScroll(-7)" onMouseOut="CeaseScroll()"\>\<img border=0 src="upp.gif" width="21" height="15"\>\</a\> 
\</div\>
\<div id="divDownControl" style="left: 365px; top: 190px; width: 15px; height: 15px"\> 
  \<a href="javascript:;" onMouseOver="PerformScroll(7)" onMouseOut="CeaseScroll()"\>\<img border=0 src="ner.gif" width="21" height="15"\>\</a\> 
\</div\>
\<div id="divContainer" style="left: 0px; top: 0px; visibility: visible"\> 
  \<div id="divContent" style="width: 350px; top: 0"\> 
    \<p class="scrolltext"\>\<span class="huvudrubrik"\>Hela Sverige ska leva!\<br\>
      \<br\>
      \</span\>Sverige har en fantastisk natur, skärgård och kust. Idag 
      pågår miljöförstöring i alla världsdelar 
      och i alla länder. Våra naturresurser skövlas och vi riskerar 
      ekologiska katastrofer. Världshavens ekosystem är hotade. Den 
      svenska turistnäringen har stora utvecklingsmöjligheter och bidrar 
      till lokal sysselsättning. Goda förutsättningar för 
      turism är nödvändigt för att hela Sverige ska leva.\<br\>
      \<br\>
      Kunskap, kultur och upplevelser är idag viktiga redskap för vår 
      utveckling. Människan måste ha något att leva av men också 
      något att leva för.\<br\>
      \<br\>
      God miljö = ren luft och rent vatten, friska skogar och sjöar.\<br\>
      I takt med allt fler miljöskador och katastrofer har miljö engagemanget 
      ökat starkt. Men vi lever i en värld med begränsade resurser. 
      \<span class="scrolltext"\>Så ta tillfället i akt! Njut av vår 
      vackra natur, upplev spänningen och kanske även dramatiken på 
      våra sportfiske charters.\<br\>
      \<br\>
      Vi stödjer catch & release. Det innebär bl a att alla gäddor 
      släpps tillbaka.\</span\>\<br\>
      \<br\>
      \<br\>
    \</p\>
    \</div\>
\</div\>
\<!-- end absolutely positioned scrollable area object --\>
\<p class="fotnot"\>\_\</p\>
\</body\>
\</html\>***

Permalänk: https://www.webforum.nu/p/78856

---

Tråden på webben: https://www.webforum.nu/amne/javascript/78856-problem-med-scrollningsbart-lager