computer-graphics-iiith/src/help/index.html at 1906caeccb8ae4be2d5ac0d1f6d330b05575f43f · virtual-labs-archive/computer-graphics-iiith · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en" class="no-js">

<head>
	<!--It is a good practice to declare the encoding even for an English Web site.
	One function of this is to tag is to "reset" the user's browser back to Latin-1
	and ensure proper font settings. The Unicode "utf-8" encoding also ensures that
	any special characters inserted such as "Smart quotes", currency symbols, em-dashes
	and so forth will be properly displayed in most browsers.-->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
  	<!-- The following meta element gives the appearance of using
  	Internet Explorer (IE) but actually renders the page in google
  	chrome thus rescuing the older IE versions and providing the
  	speed and standards compliance, and security of Chrome
  	http://tech18.com/google-chrome-frame-rescue-older-ie.html -->
  	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>


  	<!-- The default title of the lab. -->
  	<title class="custom" id="page-title">Virtual Labs</title>


  	<!-- Following meta tags store the information about the
  	author and any other relevant information about the  code -->
  	<meta name="author" content="" class="custom">
  	<meta name="description" content="" class="custom">


  	<!-- Place the relative address of the favicon
  	("images/logo.jpeg" here). All major browsers support the link
  	rel="shortcut icon"  tag to associate a small icon with the
  	page -->
  	<link rel="shortcut icon" href="images/favicon.png" class="custom">


  	<!-- These are the stylesheets used for the lab. Please don't
  	edit them; If you do, you will lose the edits in subsequent
  	releases of this User Interface. -->
  	<link rel="stylesheet" href="../css/default.css"/>
  	<link rel="stylesheet" href="../css/style.css"/>

	<!-- Instead add your custom styles to override the defaults
  	coming from the above style sheets. -->
  	<link rel="stylesheet" href="css/override.css"/>

    <!-- ************************************************************************************************ -->

  	<!-- All JavaScript at the bottom, except for Modernizr which
  	enables HTML5 elements & feature detects -->
  	<script type="text/javascript" src="../js/modernizr-1.5.min.js">
  	</script>

</head>

<body>
	<div id="container">
	</div>
	<div id="hidden-content" />


   <!-- Javascript at the bottom for fast page loading -->

   <script src="../js/jquery-1.4.2.min.js"></script>


   <script type="text/javascript">
  	$(document).ready(function()
	{


		$('#container').load('help.html #lab', function(response,status,xhr)
			{
				//alert(status);
				//alert($(default.html .default).get());

				$("#container .default").each(function()
				{
					sectionId = $(this).attr('id');
                    //alert(sectionId);
                    //$("#" + sectionId).html(
                  	sectionContent = $("#hidden-content #" + sectionId).html();
                    ////$("#hidden-content #" + sectionId).remove();
                    //alert(sectionContent);
                    $("#container #" + sectionId).html(sectionContent);
                    //alert($("default.html #" + sectionId).html());
                    //$("#container #" + sectionId).load("default.html #" + sectionId, function(res, stat, xhr)
					//{
						//alert(stat);
					//});
				});

				$("#container #lab-article-sections > section").each(function()
				{
					sectionId = $(this).attr('id');
					//alert(sectionId);
					headerId = $("#" + sectionId + "-heading").html();
					iconId = $("#" + sectionId + "-icon").html();

					$("#container #lab-article-navigation ul").append("<li> <a href=\'#\' id=\'"+ sectionId + "-menu\'>" + iconId +"<br />" + headerId + "</a> </li>");
				});
				$("#lab-article-sections").after("<div id='lab-article-sections-view'> </div>");
				$("#lab-article-sections-view").html($("#lab-article-sections section:first").html());
				$("#lab-article-navigation ul > li a").click(function()
				{
					menuId = $(this).attr('id'); // this points to the current element
					sectionId = menuId.replace(/-menu/i, "");
					$("#lab-article-sections-view").html($("#lab-article-sections #" + sectionId).html());
					//sectionContent = $("#hidden-content div#" + sectionId).html();
					//$("#left-content").html(sectionContent);
				});

			});

    });
  </script>


  <!--<script type="text/javascript" src="../js/MathJax/MathJax.js"> </script>-->


  <!-- ********************************** ADD/OVERRIDE JAVASCRIPT FILES HERE ********************************* -->


  <!-- ******************************************************************************************************* -->


</body>
</html>