Javascript + Doctype != Bra kombination
<html>
<head>
...
/*
Copyright (C) 1999 Thomas Brattli
This script is made by and copyrighted to Thomas Brattli at www.bratta.com
Visit for more great scripts. This may be used freely as long as this msg is intact!
I will also appriciate any links you could give me.
*/
// Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/
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=10
loop=true
speed=250
pr_step=1
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;
...
...
#divNewsCont {
position: relative;
width: 500px;
height: 20px;
overflow: hidden;
top: 185px;
left: 20px;
clip: rect(0, 500px, 20px, 0);
visibility: hidden;
}
#divNewsText {
position: relative;
top: 0;
left: 0;
}
...
</head>
<body>
<!-- scroller start -->
<div id="divNewsCont">
<div id="divNewsText">
Text........
</div>
</div>
<!-- scroller end -->
</body>
</html>
Det här exemplet funkar fint för mig. Men så fort jag lägger in en doctype i början av dokumentet så vill den inte scrolla texten :/ Testat 4.01, 1.0 Transitional/Strict
Swec @ 2001 / Chalmerist - Javisst!
'Den som har flest prylar när han dör vinner!'