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...)
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>***