LupusNobilis/sogo
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Monotone-Parent: ee5fdd0da3580c3ec9fd901d7645f82f3756fd31

Browse source 
Monotone-Revision: bd09d8ce91da320fb475447821181cba687e1a32

Monotone-Author: flachapelle@inverse.ca
Monotone-Date: 2007-05-28T20:33:59
Monotone-Branch: ca.inverse.sogo
This commit is contained in:
Francis Lachapelle 2007-05-28 20:33:59 +00:00
parent 9104d5c1f1
commit a604daf2aa
1 changed files with 0 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
UI/WebServerResources/DOMContentLoaded.htm
View file

@ -1,54 +0,0 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>DOMContentLoaded Sample Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<script type="text/javascript" src="js/events.js"></script>
<script type="text/javascript">
function leadingZero(nr)
{
if (nr < 10) nr = "0" + nr;
return nr;
}
function showEvents(s) {
var el = document.getElementById("alerts");
var d = new Date();
el.innerHTML = el.innerHTML + leadingZero(d.getHours()) + ":" + leadingZero(d.getMinutes()) + ":" + leadingZero(d.getSeconds()) + " - " + s + "<br>";
}
function myFunction(){
showEvents("addEvent | DOMContentLoaded | myFunction: The DOM is ready");
var els = document.getElementsByTagName("h1");
if(els)
els[0].className = "red";
showEvents("addEvent | DOMContentLoaded | myFunction: Changed heading color");
document.body.className = "body";
showEvents("addEvent | DOMContentLoaded | myFunction: Changed font");
};
addEvent(window, 'DOMContentLoaded', myFunction);
addEvent(window, 'DOMContentLoaded', function() {
showEvents("addEvent | DOMContentLoaded | anonymous function: Hello");
});
addEvent(window, 'load', function() {
showEvents("addEvent | load | anonymous function: The whole page is loaded.");
});
</script>
<style type="text/css">
.body { font: x-small/1.5 arial, sans-serif; }
.red { color: red; }
</style>
</head>
<body onload="showEvents('body | onload: First alert.');showEvents('body | onload: Second alert.');">
<h1>DOMContentLoaded Sample Page</h1>
<h2>alert log</h2>
<div id="alerts"></div>
<h2>large image</h2>
<!-- Because it doesn't work with IE Mac
<p id="poster"><img src="domfunction_iotbs.bmp" alt="Invasion of the Body Snatchers poster (1956)" /></p>
-->
<p id="poster"><img src="bodyswitchers.jpg" alt="Invasion of the Body Snatchers poster (1956)" /></p>
<p>Footer</p>
</body>
</html>