xcpweb

view interface/some_unfinished_stuff/tabs_tmpl.html @ 6:fa572caf2edc

The interface template and the login part almost ready :)
author Nikola Nikov <nikolanikov@webconnect.bg>
date Tue Jun 15 00:35:25 2010 +0300 (2010-06-15)
parents
children
line source
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title>XCP web interface tabs test</title>
6 <link href="tabs.css" rel="stylesheet" type="text/css" />
7 <script type="Text/JavaScript" Language="JavaScript" src="tabs.js"></script>
8 <script type="text/javascript" language="javascript">
9 function testTabs() {
10 tabs.construct('testtab');
11 tabs.append('name','name of the tab',function() { myFunc(1); });
12 tabs.append('name2','name2 of the tab',function() { myFunc(2); });
13 tabs.activateByAlias('name',tabs.getDom());
14 document.getElementById('tabDiv').appendChild(tabs.getDom());
15 var cnt = document.createElement('DIV');
16 cnt.setAttribute('id','tabContent');
17 cnt.className = 'tabContent';
18 document.getElementById('tabDiv').appendChild(cnt);
19 tabs.clear();
20 }
21 function myFunc(param) {
22 document.getElementById('tabContent').innerHTML = param;
23 }
24 </script>
25 <style>
26 #tabDiv {
27 width:auto;
28 text-align:left;
29 }
30 </style>
31 </head>
32 <body onload="testTabs();">
33 <div id="tabDiv"></div>
34 </body>
35 </html>