<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>JS3.HTM</title>
<script type="text/javascript">
var viewportwidth;
var viewportheight;
function setLayerSize(id){
var elm = document.getElementById(id);
getWindowSize();
elm.style.height = viewportheight;
elm.style.width = viewportwidth;
}
function getWindowSize(){
// the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
if (typeof window.innerWidth != 'undefined'){
viewportwidth = window.innerWidth,
viewportheight = window.innerHeight
}
// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0){
viewportwidth = document.documentElement.clientWidth,
viewportheight = document.documentElement.clientHeight
}
// older versions of IE
else{
viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
viewportheight = document.getElementsByTagName('body')[0].clientHeight
}
}
function hideElm(id){
document.getElementById(id).style.visibility = "hidden";
}
function opacity(id, opacStart, opacEnd, millisec) {
var speed = Math.round(millisec / 100);
var timer = 0;
if(opacStart > opacEnd) {
for(i = opacStart; i >= opacEnd; i--) {
setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
timer++;
}
setTimeout("hideElm('"+id+"');", millisec);
}
}
function changeOpac(opacity, id) {
var object = document.getElementById(id).style;
object.opacity = (opacity / 100);
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
object.filter = "alpha(opacity=" + opacity + ")";
}
function delayFadeOut(delay, elm){
setTimeout("opacity('"+elm+"', 100, 0, 1000);", delay);
}
</script>
</head>
<body onload="java script: setLayerSize('test'); delayFadeOut(2000, 'test');">
<div id="test" style="background-color:#00ff00; z-index: 1000; position:absolute; padding:20; left: 0; top: 0;">hejsa</div>
<div style="background-color:#0000ff; width: 200px; height: 200px; margin-left:100px; padding: 20px;">HaLløJ<br><button onclick="alert('goddaw!');">KLIK HER</button></div>
</body>
</html>
det er sat sammen af koder jeg har fundet rundt omkring...
Ny bruger
Nybegynder
Opret
Preview
