Blog Archives

Simple Javascript CountDown timer and Page Redirect in HTML

<html>
<title>SiteName (test)</title>
<head>
<script type="text/javascript">
var ss = 10;
function countdown() {
ss = ss-1;
if (ss<0) {
window.location="http://www.sitename.com";
}
else {
document.getElementById("countdown").innerHTML=ss;
window.setTimeout("countdown()", 1000);
}
}
</script>
</head>
<body onload="countdown()">
<center>
<table width="100%" height="600px" style="text-align:center;">
<tr><td valign="center"><h3>Redirecting to <a href="http://www.sitename.com">www.sitename.com</a> (<span id="countdown" style="color:green;">10</span>)</h3></td></tr>
</table>
</center>
</body>
</html>

Load External HTML file in CS5

Upon initial google search for the above title phrase, I came across no results! Only after resorting to my second search avenue (Google Books :)), did I then stumble across “The CS5 bible“.

Thanks to the brilliance of Google Books, I was able to read through only the chapters I needed (you rock Google!) and discover the solution I was actually looking for was – Adobe Air.

Adobe Air allows you to embed HTML as well as other content within the html, such as JS and additional flash files all within a flash framework allowing you to utilize actionscript and other traditional elements. The end result is now an extremely portable flash file which acts as a wrapper or window to your web application. This is also now very easy to port into a standalone out of browser application using the “projector” functionality of CS5.

The code:

var container:Sprite;
var html:HTMLLoader = new HTMLLoader;
html.width = 400;
html.height = 600;
var urlReq:URLRequest = new URLRequest("http://www.adobe.com/&quot;);
html.load(urlReq);
container.addChild(html);

References
Google Books, http://books.google.com/
Amazon, http://www.amazon.com/Photoshop-Bible-Lisa-DaNae-Dayley/dp/0470584742
Adobe Air, http://www.adobe.com/products/air/
Adobe LiveDocs, http://livedocs.adobe.com/flex/3/html/help.html?content=ProgrammingHTMLAndJavaScript_02.html