GODT! Her er en ny kode...
Denne gang kan du skifte baggrundsfarverne i variablerne farvea-farvec. Der er lavet et panel, som kommer til højre for det midterste. Her kan man rulle op og ned med teksten, når man kører musen over OP eller NED.
Håber, at det kan bruges.
---------------------------
<HTML>
<HEAD>
<TITLE>En test på html-dokument med styles defineret i CSS</TITLE>
<script language=\'JavaScript\'>
var agt=navigator.userAgent.toLowerCase();
var is_major=parseInt(navigator.appVersion);
var is_nav=((agt.indexOf(\'mozilla\')!=-1)
&& (agt.indexOf(\'spoofer\')==-1)
&& (agt.indexOf(\'compatible\')==-1)
&& (agt.indexOf(\'opera\')==-1)
&& (agt.indexOf(\'webtv\')==-1));
var is_nav4up=(is_nav && (is_major >=4));
var is_ie=(agt.indexOf(\"msie\")!=-1);
var is_ie4up=(is_ie && (is_major >=4));
function cb(){
this.ver = navigator.appVersion
this.dom = document.getElementById?1:0
this.ns5 = (this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4 = (document.layers && !this.dom)?1:0;
this.ie5 = (this.ver.indexOf(\"MSIE 5\")>-1 && this.dom)?1:0;
this.ie4 = (document.all && !this.dom)?1:0;
this.bw = (this.ie5 || this.ie4 || this.ns4 || this.ns5)
return this
}
bw=new cb()
var fart = 50
var loop, timer, husk
function Opret(obj,aaa){
aaa = (!aaa) ? \'\':\'document.\'+aaa+\'.\'
this.el = bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(aaa+\'document.\'+obj):0;
this.css = bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(aaa+\'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 = rulOp;
this.down = rulNed;
this.flyt = flyt;
this.x;
this.y;
this.obj = obj + \"Object\"
eval(this.obj + \"=this\")
return this
}
function flyt(x,y){
this.x=x;this.y=y
this.css.left=this.x
this.css.top=this.y
}
function rulNed(move){
if(this.y>-this.scrollHeight+oCont.clipHeight){
this.flyt(0,this.y-move)
if(loop) setTimeout(this.obj+\".down(\"+move+\")\",fart)
}
}
function rulOp(move){
if(this.y<0){
this.flyt(0,this.y-move)
if(loop) setTimeout(this.obj+\".up(\"+move+\")\",fart)
}
}
function rul(fart){
if(husk){
loop=true;
if(fart>0) oScroll.down(fart)
else oScroll.up(fart)
}
}
function StopRul(){
loop=false
if(timer) clearTimeout(timer)
}
function Initialiser(){
oCont=new Opret(\'RKBB\')
oScroll=new Opret(\'RKB\',\'RKBB\')
oScroll.flyt (0,0)
oCont.css.visibility=\'visible\'
husk=true;
}
onload=Initialiser;
</script>
</HEAD>
<BODY>
<script language=\'JavaScript\'>
if(is_nav4up) hojde = window.innerHeight
else hojde = document.body.offsetHeight
if(is_nav4up) bredde = window.innerWidth
else bredde = document.body.offsetWidth-20
var afstandtop = 10
var afstandbund = 10
var afstandvenstre = 10
var afstandhojre = 10
var rkahojde = 100
var rkchojde = 100
var farvea=\"#AAFFAA\"
var farveb=\"#FFAAAA\"
var farvec=\"#AAAAAA\"
var farverul=\"#BB00BB\"
document.write(\"<STYLE TYPE=\'text/css\'>#RKA{position: absolute;top: \"+afstandtop+\";left: \"+(afstandvenstre)+\";height: \"+(rkahojde)+\";width: \"+(bredde-afstandvenstre-afstandhojre)+\";clip:rect(0,\"+(bredde-afstandvenstre-afstandhojre)+\",\"+(rkahojde)+\",0);background-color: \"+(farvea)+\";layer-background-color: \"+(farvea)+\";}\"+
\"#RKB{position: absolute; top:0; left:0; width:\"+(bredde-afstandvenstre-afstandhojre-50)+\";}\"+
\"#RKBB{position: absolute;top: \"+(afstandtop+rkahojde)+\";left: \"+(afstandvenstre)+\";height: \" + (hojde - rkahojde - afstandtop - rkchojde -afstandbund) + \";width: \"+(bredde-afstandvenstre-afstandhojre-50)+\";clip:rect(0,\"+(bredde-afstandvenstre-afstandhojre-50)+\",\"+(hojde-rkahojde-rkchojde-afstandtop-afstandbund)+\",0);background-color: \"+(farveb)+\";layer-background-color: \"+(farveb)+\"; overflow:hidden;}\"+
\"#RKC{position: absolute;top: \"+(hojde-rkchojde-afstandbund)+\";left: \"+(afstandvenstre)+\";height: \"+(rkchojde)+\";width: \"+(bredde-afstandvenstre-afstandhojre)+\";clip:rect(0,\"+(bredde-afstandvenstre-afstandhojre)+\",\"+(rkchojde)+\",0);background-color: \"+(farvec)+\";layer-background-color: \"+(farvec)+\";}\"+
\"#RUL{position: absolute;top: \"+(afstandtop+rkahojde)+\"; left: \"+(afstandvenstre+bredde-afstandvenstre-afstandhojre-50)+\"; height: \" + (hojde - rkahojde - afstandtop - rkchojde -afstandbund) + \"; width: 50; clip:rect(0,50,\"+(hojde - rkahojde - afstandtop - rkchojde -afstandbund)+\",0); background-color: \"+(farverul)+\";layer-background-color: \"+(farverul)+\"; }</style>\")
window.onresize=new Function(\"window.location.reload()\")
</script>
<H2>TEST: </H2>
<br>
<div id=\'RKA\'> 1. række: defineret i SCRIPT-afsnittet </div>
<div id=\'RKBB\'>
<div id=\'RKB\'> 2. række: defineret i SCRIPT-afsnittet <br>
<br>Rul op og ned på panelet ->
<br>Rul op og ned på panelet ->
<br>Rul op og ned på panelet ->
<br>Rul op og ned på panelet ->
<br>Rul op og ned på panelet ->
<br>Rul op og ned på panelet ->
<br>Rul op og ned på panelet ->
<br>Rul op og ned på panelet ->
<br>Rul op og ned på panelet ->
<br>Rul op og ned på panelet ->
<br>Rul op og ned på panelet ->
<br>Rul op og ned på panelet ->
<br>Rul op og ned på panelet ->
<br>Rul op og ned på panelet ->
<br>Rul op og ned på panelet ->
<br>Rul op og ned på panelet ->
<br>Rul op og ned på panelet ->
<br>Rul op og ned på panelet ->
<br>Rul op og ned på panelet ->
<br>Rul op og ned på panelet ->
<br>Rul op og ned på panelet ->
<br>Rul op og ned på panelet ->
<br>Rul op og ned på panelet ->
</div>
</div>
<div id=\'RUL\'> <a onmouseover=\"java script:rul(-5)\" onMouseOut=\"java script:StopRul()\" href=\"#\">OP</a> <br><br> <a onmouseover=\"java script:rul(5)\" onMouseOut=\"java script:StopRul()\" href=\"#\">NED</a></div>
<div id=\'RKC\'> 3. række: defineret i SCRIPT-afsnittet </div>
</table>
</BODY>
</HTML>
----------------------------------------
>>AASuper
Ny bruger
Nybegynder
Opret
Preview
