Bug Tracker

Ticket #4606: x.html

File x.html, 1.9 KB (added by serge.olkhovik, 13 years ago)

the demo code

Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2                    "http://www.w3.org/TR/html4/loose.dtd">
3<html>
4<head>
5  <!-- <script src="jquery-1.3.2.js"></script> -->
6  <script src="jquery-1.3.1.js"></script>
7 
8  <script>
9    function Tab(index, name, id)
10    {
11        var obj = $("#" + name + index);
12        $("#" + name + "s ~ div").hide();
13        $("#" + name + "s > ul > li").removeClass("selected");
14        $("#" + id + index).addClass("selected");   
15        obj.show();   
16    }
17    function AdminTab(tab) {
18        Tab(tab, 'AdminTab', 'adli'); 
19    }
20    $(document).ready(function() {
21        AdminTab(0);
22    });
23    </script>
24</head>
25<body>
26<div id="AdminTabs" class="ddoverlap" style="padding-top: 10px;">
27        <ul>
28           
29            <li id="adli0"><a href="javascript:AdminTab(0);">Settings</a></li>
30            <li id="adli1"><a href="javascript:AdminTab(1);">Articles</a></li>
31            <li id="adli2"><a href="javascript:AdminTab(2);">Sites</a></li>
32
33            <li id="adli3"><a href="javascript:AdminTab(3);">Parents</a></li>
34            <li id="adli4"><a href="javascript:AdminTab(4);">Statements/Batches</a></li>
35            <li id="adli5"><a href="javascript:AdminTab(5);">Counselors</a></li>
36            <li id="adli7"><a href="javascript:AdminTab(7);">Withdrawal</a></li>
37            <li id="adli9"><a href="javascript:AdminTab(9);">Maintenance</a></li>
38           
39            <li id="adli8"><a href="javascript:AdminTab(8);">Messages</a></li>
40
41        </ul>
42    </div>
43    <div id="AdminTab0" style="display: none" onSelect="InitSettings();">
44        <h4>Terms</h4>
45    </div>
46    <div id="AdminTab1" style="display: none" onSelect="InitArticles();">
47        <h4>Articles</h4>
48    </div>
49    <div id="AdminTab2" style="display: none" onSelect="InitSites();">
50        <h4>Sites</h4>
51    </div>
52</body>
53</html>