Kompatibillitetsproblem /del 2
HalløjJeg har et kompatibillitetsproblem.
I nedenstående tabel, - er feltet til højre malet "gråt". Jeg har derefter hentet et news-script fra bratta og modificeret det til mit formål og lader det køre inde i det grå felt som rulletekster.
<tr>
<td><img border="0" src="images/collage.gif"></td>
<td valign="top" bgcolor="#C0C0C0" width="220"><i><font size="1">Sidste
nyt:</font></i><font size="1"><br><!--#include file="nyheder.inc"-->
</font></td>
</tr>
Problemet er at det kun virker efter hensigten i IE5. I NS 4,6 bliver tabellen af en eller anden årsag alt for høj, men det værste er at rulleteksterne kører fra bunden af skærmen til toppen af skærmen i IE4, -rulletesterne stopper altså ikke når tabellens top er nået. Er der nogen af Jer derude der kan gennemskue hvordan brattascriptet fungerer og hvordan det kan rettes til så det ser ordentligt ud i andre browsere end IE5.. Alternativt er jeg modtagelig for andre scripts der udfører noget lignende. Siden hvor dette kører live findes på http://www.rc-unionen.dk . Her kommer scriptet:
<html>
<head>
<style type="text/css">
#divNewsCont{position:relative; width:200; height:200; overflow:hidden; top:0; left:0; clip:rect(0,200,200,0); visibility:hidden}
#divNewsText{position:relative; top:0; left:0}
</style>
<script type="text/javascript" language="JavaScript">
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()
lstart=180
loop=true
speed=100
pr_step=2
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.newsScroll=newsScroll;
this.moveIt=b_moveIt; this.x; this.y;
this.obj = obj + "Object"
eval(this.obj + "=this")
return this
}
function b_moveIt(x,y){
this.x=x;this.y=y
this.css.left=this.x
this.css.top=this.y
}
function newsScroll(speed){
if(this.y>-this.scrollHeight){
this.moveIt(0,this.y-pr_step)
setTimeout(this.obj+".newsScroll("+speed+")",speed)
}else if(loop) {
this.moveIt(0,lstart)
eval(this.obj+".newsScroll("+speed+")")
}
}
function newsScrollInit(){
oNewsCont=new makeObj('divNewsCont')
oNewsScroll=new makeObj('divNewsText','divNewsCont')
oNewsScroll.moveIt(0,lstart)
oNewsCont.css.visibility='visible'
oNewsScroll.newsScroll(speed)
}
onload=newsScrollInit;
</script>
</HEAD>
<BODY bgcolor="White">
<div id="divNewsCont">
<div id="divNewsText">
<p>
<b>5. maj 2000: Nyheder i rulletekst</b><br>
Du kigger på dem, - altså de rullende nyheder !<br>
</p>
<p>
<b>4. maj 2000: Nyt layout på knapper</b><br>
Der er flere der har fortalt at teksten på navigationsknapperne var utydelig. Dette skulle være fixet nu !<br>
</p>
</div>
</div>
</BODY>
</HTML>
