git.rot13.org Git - webpac2/blob - web/iwf/docs/index.html

   1 <html>\r
   2         <head>\r
   3                 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\r
   4                 <link rel='stylesheet' href='iwf.css' />\r
   5 \r
   6                 <script type='text/javascript' src='../iwfcore.js'></script>\r
   7                 <script type='text/javascript' src='../iwfgui.js'></script>\r
   8                 <script type='text/javascript' src='../iwfxml.js'></script>\r
   9                 <script type='text/javascript' src='../iwfajax.js'></script>\r
  10 \r
  11                 <script type='text/javascript'>\r
  12                 function iwfOnRequestError(code, msg, text){\r
  13                         alert('error= ' + code + '\nMessage=' + msg + '\n\n' + text);\r
  14                 }\r
  15 \r
  16 \r
  17                 var cur = null;\r
  18 \r
  19                 function doRequest(url, tgt){\r
  20 \r
  21 \r
  22                         // begin requesting the data\r
  23                         iwfRequest(url);\r
  24 \r
  25                         cur = tgt;\r
  26 \r
  27                         // align the outline box around the current item\r
  28                         iwfAlignTo("mnuBlock", tgt, "tc", "tc", 15);\r
  29 \r
  30                         // prevent browser from leaving focus on this guy.\r
  31                         iwfGetById(tgt).blur();\r
  32 \r
  33 \r
  34                 }\r
  35 \r
  36                 function hilite(tgt){\r
  37                         // align a shadow box near at the top center, but have it\r
  38                         // delay a bit\r
  39                         iwfDelay(50, iwfAlignTo, "mnuBlock2", tgt, "bc", "tc", 20);\r
  40 \r
  41 \r
  42                         // align the other shadow box at the bottom center\r
  43                         iwfDelay(50, iwfAlignTo, "mnuBlock3", tgt, "tc", "bc", 10);\r
  44                 }\r
  45 \r
  46                 function unhilite(){\r
  47                         if(cur){\r
  48                                 hilite(cur);\r
  49                         }\r
  50                 }\r
  51 \r
  52                 </script>\r
  53 \r
  54         </head>\r
  55         <body onload='javascript:iwfClickLink("mnuOverview");hilite("mnuOverview");'>\r
  56 \r
  57                 <!-- logo -->\r
  58                 <div id='logo'>\r
  59                         <h1>IWF - Interactive Website Framework</h1>\r
  60                 </div>\r
  61 \r
  62                 <div id='mnuBlock' class='menuBlock'>\r
  63                 </div>\r
  64 \r
  65                 <div id='mnuBlock2' class='menuBlock2'></div>\r
  66                 <div id='mnuBlock3' class='menuBlock2'></div>\r
  67 \r
  68                 <!-- menu -->\r
  69                 <div id='menu' class='menu'>\r
  70                         <ul>\r
  71                                 <li><a href='javascript:doRequest("overview.xml", "mnuOverview");' onmouseover='javascript:hilite("mnuOverview");' onmouseout='javascript:unhilite();' id='mnuOverview'>Overview</a></li>\r
  72                                 <li><a href='javascript:doRequest("examples.xml", "mnuExamples");' onmouseover='javascript:hilite("mnuExamples");' onmouseout='javascript:unhilite();' id='mnuExamples'>Examples</a></li>\r
  73                                 <li><a href='javascript:doRequest("faq.xml", "mnuFaq");' onmouseover='javascript:hilite("mnuFaq");'  onmouseout='javascript:unhilite();' id='mnuFaq'>FAQ</a></li>\r
  74                                 <li><a href='javascript:doRequest("download.xml", "mnuDownload");' onmouseover='javascript:hilite("mnuDownload");'  onmouseout='javascript:unhilite();' id='mnuDownload'>Dowload</a></li>\r
  75                         </ul>\r
  76                 </div>\r
  77 \r
  78                 <!-- bread crumb -->\r
  79                 <div id='breadcrumb' />\r
  80 \r
  81                 <!-- main content -->\r
  82                 <div id='iwfContent' class='content' />\r
  83 \r
  84                 <!-- footer -->\r
  85                 <div id='footer'>\r
  86                 </div>\r
  87 \r
  88         </body>\r
  89 </html>