tazpanel annotate styles/default/header.html @ rev 44

Add a loading mechanism for page that take long to be generated
author Christophe Lincoln <pankso@slitaz.org>
date Fri Apr 08 01:17:37 2011 +0200 (2011-04-08)
parents a7b1d69663c3
children 5b7e9a6565c9
rev   line source
pankso@1 1 <!DOCTYPE html>
pankso@1 2 <html xmlns="http://www.w3.org/1999/xhtml">
pankso@1 3 <head>
pankso@1 4 <title>Tazpanel - %TITLE%</title>
pankso@1 5 <meta charset="utf-8" />
pankso@32 6 <link rel="shortcut icon" href="/styles/default/favicon.ico" />
pankso@32 7 <link rel="stylesheet" type="text/css" href="/styles/default/style.css" />
pankso@44 8 <!--
pankso@44 9 This function will hide the the loading message when page is fully
pankso@44 10 loaded. We use div id="loading", function in <head> and body onload=
pankso@44 11 -->
pankso@44 12 <script type="text/javascript">
pankso@44 13 function showLoading(){
pankso@44 14 //hide loading status...
pankso@44 15 document.getElementById("loading").style.display='none';
pankso@44 16
pankso@44 17 document.getElementById("content").style.display='block';
pankso@44 18 }
pankso@44 19 </script>
pankso@1 20 </head>
pankso@44 21 <body onload="showLoading()">
pankso@14 22
pankso@31 23 <div id="toolbar">
pankso@17 24 <div id="icons">
pankso@32 25 <a href="/doc/"><img src="/styles/default/images/help.png" /></a>
pankso@17 26 </div>
pankso@17 27 <div id="menu">
pankso@32 28 <a href="/">Panel</a>
pankso@32 29 <a href="/pkgs.cgi">Packages</a>
pankso@40 30 <a href="/network.cgi">Network</a>
pankso@42 31 <a href="/settings.cgi">Settings</a>
pankso@32 32 <a href="/live.cgi">Live</a>
pankso@32 33 <a href="/index.cgi?boot">Boot</a>
pankso@32 34 <a href="/index.cgi?hardware">Hardware</a>
pankso@14 35 </div>
pankso@14 36 </div>
pankso@17 37
pankso@17 38 <div id="header">
pankso@17 39 <h1>TazPanel - %TITLE%</h1>
pankso@17 40 </div>
pankso@1 41
pankso@1 42 <!-- Page content -->
pankso@1 43 <div id="content">