2 <html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
3 <title>jOrgChart - A jQuery OrgChart Plugin</title>
4 <link rel="stylesheet" href="css/bootstrap.min.css"/>
5 <link rel="stylesheet" href="css/jquery.jOrgChart.css"/>
6 <link rel="stylesheet" href="css/custom.css"/>
7 <link href="css/prettify.css" type="text/css" rel="stylesheet" />
9 <script type="text/javascript" src="prettify.js"></script>
11 <!-- jQuery includes -->
12 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
13 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
15 <script src="jquery.jOrgChart.js"></script>
18 jQuery(document).ready(function() {
20 chartElement : '#chart',
27 <body onload="prettyPrint();">
28 <ul id="org" style="display:none">
31 <li>Call Forwarding<br/>
33 <li>Call Forwarding Busy<br/></li>
34 <li>Call Forwarding Always<br/></li>
35 <li>Call Forwarding Not Reachable<br/></li>
38 <li>Dial Restrictions<br/>
40 <li>Outgoing Calls<br/></li>
41 <li>Redirecting Calls<br/></li>
42 <li>Incoming Calls<br/></li>
47 <li>Voice Management<br/></li>
48 <li>Greetings<br/></li>
49 <li>Fax Messaging<br/></li>
56 <div id="chart" class="orgChart"></div>
59 jQuery(document).ready(function() {
61 /* Custom jQuery for the example */
62 $("#show-list").click(function(e){
65 $('#list-html').toggle('fast', function(){
66 if($(this).is(':visible')){
67 $('#show-list').text('Hide underlying list.');
68 $(".topbar").fadeTo('fast',0.9);
70 $('#show-list').text('Show underlying list.');
71 $(".topbar").fadeTo('fast',1);
76 $('#list-html').text($('#org').html());
78 $("#org").bind("DOMSubtreeModified", function() {
79 $('#list-html').text('');
81 $('#list-html').text($('#org').html());