Hejsan,
Jar har försökt att konstruera en sida som är tom förutom en windows-aktivitetsfälts-liknande grej som sitter längst ner i bläddraren (oberoende av bläddrarens storlek).
Problemet jag har är att jag inte vet hur man placerar t.ex. en <table> längst ner på en sida och som täcker precis hela bredden! Jag har kommit fram till följande kod (nedan), som tyvärr är ganska komplicerad.
Fråga: Finns det inget enklare/stabilare sätt att göra detta?
Eller, kan man göra min kod enklare? (Måste fungera hyfsat i ie 4, ie 5 och ns4.)
Sidan/Koden (inkl bilder) finns att beskåda på http://www.nic-sys.se/af.html
Min sida buggar om (1) Fonten "blir" för stor/liten (2) I fullscreen (ie) täcker aktivitetsfältet inte helt [(3) Sidan måste laddas om i ns då storleken på bläddraren ändras (görs automatiskt)].
/ nicclas @ http://www.nic-sys.se
ps. Har även gjort en version av sidan där klockan uppdaterar, men tyvärr buggar den ändå mer...
<!-- Kod för ett "aktivitetsfält" längst ner i bläddrarfönstret -->
<!-- Fungerar(!?) med ie 4 och 5 och ns 4. -->
<!-- av clas(at)nic-sys.se -->
<html>
<head>
<title>nic-sys.se testar</title>
<style type="text/css">
#divBottom{position:absolute; visibility:hidden;}
#divRight{position:absolute; visibility:hidden; font-family: Verdana, Arial;}
</style>
<script type="text/javascript" language="JavaScript">
var ie=(document.all)?1:0;
var ns=(document.layers)?1:0;
var pageWidth;
function Init(){
pageWidth=(ie)?document.body.offsetWidth:innerWidth;
pageHeight=(ie)?document.body.offsetHeight:innerHeight;
checkIt()
onresize=resized
if(ie){
document.all['divBottom'].style.visibility='visible';
document.all['divRight'].style.visibility='visible';
document.all['divBottom'].style.zIndex=9999;
document.all['divRight'].style.zIndex=100000;
}
if(ns){
document.layers['divBottom'].visibility='show';
document.layers['divRight'].visibility='show';
document.layers['divBottom'].zIndex=9999;
document.layers['divRight'].zIndex=100000;
}
}
function checkIt(){
if(ie) {
document.all['divBottom'].style.width=document.body.scrollLeft+pageWidth-20;
document.all['divBottom'].style.top=document.body.scrollTop+pageHeight-33;
document.all['divRight'].style.left=document.body.scrollLeft+pageWidth-94;
document.all['divRight'].style.top=document.body.scrollTop+pageHeight-33;
}
if(ns){
document.layers['divBottom'].left=0;
document.layers['divBottom'].top=window.pageYOffset+pageHeight-26;
document.layers['divRight'].left=window.pageXOffset+pageWidth-64;
document.layers['divRight'].top=window.pageYOffset+pageHeight-26;
}
}
function resized(){
if(ns)
window.location.reload();
pageWidth=(ie)?document.body.offsetWidth:innerWidth;
pageHeight=(ie)?document.body.offsetHeight:innerHeight;
checkIt();
}
function getTimeString(){
var oTime = new Date();
var hours = oTime.getHours();
var minutes = oTime.getMinutes();
if ( minutes < 10 )
minutes = "0" + minutes;
if ( hours < 10 )
hours = "0" + hours;
var timeString = hours + ":" + minutes;
return timeString;
}
if(ns){
document.write('<div id="divRight"><table border=0 cellpadding=0 cellspacing=0><tr><td width=100
% colspan=2><img src=b1.gif width=100% height=3></td></tr><tr><td bgcolor=#c0c0c0 height=24><img s
rc=b3.gif align=center height=24></td><td bgcolor=#c0c0c0>');
document.write('<font size=-1>');
document.write(getTimeString());
document.write('</font> </tr></td></table></div>');
}
if(ie){
document.write('<div id="divRight"><table border=0 cellpadding=0 cellspacing=0><tr><td colspan=2
><img src=b1.gif width=100% height=3></td></tr><tr><td bgcolor=#c0c0c0 height=21><img src=b3.gif><
/td><td bgcolor=#c0c0c0>');
document.write('<font size=-1>');
document.write(getTimeString());
document.write('</font> </tr></td></table></div>');
}
document.write('<div id="divBottom"><table width=100%');
document.write(' border=0 cellpadding=0 cellspacing=0><tr><td colspan=3><img src="b1.gif" width=10
0% height=3></td><tr><td width=100% bgcolor="#c0c0c0"><img src="b2.gif" height=26 align=left>');
document.write('</td></table></div>');
</script>
</HEAD>
<BODY onload="Init();" bgcolor="#008080" leftmargin=0 marginleft=0>
</BODY>
</HTML>