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/");
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