Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 118 lines (117 sloc) 5.442 kb
b92aaba @axemclion Added HTML doc type.
authored
1 <!DOCTYPE HTML>
83d6fc6 @axemclion Adding files from Local HG to Git
authored
2 <html>
3 <head>
4 <title>Trial Tool</title>
670dd6d @axemclion Corrected the link and styles in HTML
authored
5 <link rel="stylesheet" type="text/css" href="lib/jquery/css/smoothness/jquery-ui-1.8.2.custom.css"/>
6 <link rel="stylesheet" type="text/css" href="lib/codemirror/css/docs.css"/>
7 <link rel="stylesheet" type="text/css" href="TrialTool.css"/>
83d6fc6 @axemclion Adding files from Local HG to Git
authored
8 </head>
9 <body>
10 <div id = "header">
11 <div style ="float:left; line-height : 1.5em; font-size : 2em;margin : 0 0 0 1em; color : WHITE; font-family : Garamond; font-style :italic; font-weight : bolder;">
12 Trial Tool
13 </div>
14 <ul id = "toolbar">
15 <li>
16 <a href = "#run" id = "run">Run Snippet</a>
17 </li>
18 <li>
19 <a href = "#getDependencies" id = "getDependencies">Load Pre-requisites</a>
20 </li>
21 <li>
22 <a href = "#viewdocs" id = "viewdocs">View Output</a>
23 </li>
24 <li>
25 <a href = "#clearConsole" id = "clearConsole">Clear Console</a>
26 </li>
27 </ul>
28 <div class = "clear">
29 </div>
30 </div>
31 <div id = "content" class = "clear">
32 <div id = "top-pane">
33 <div id = "examples">
34 <div id = "examples-title">
35 Examples
36 </div>
ed952c9 Changed CSS for page,
Parashuram authored
37 <div id = "example-sets" class = "example-set">
38 </div>
83d6fc6 @axemclion Adding files from Local HG to Git
authored
39 </div>
40 <div id = "vertical-thumb">
41 </div>
42 <div class = "code-area">
43 <div id = "formattedCode" class = "prettyprint">
44 </div>
45 <textarea border = "0" id = "code">
46 /***************************************\
47 | Select a module from the Examples list|
48 \***************************************/
49 //This is the code area//
b92aaba @axemclion Added HTML doc type.
authored
50 // Code editor from the awesome code mirror - http://marijn.haverbeke.nl/codemirror/
83d6fc6 @axemclion Adding files from Local HG to Git
authored
51 </textarea>
52 </div>
53 <div class = "clear">
54 </div>
55 </div>
56 <div id = "horizontal-thumb">
57 </div>
58 <div id = "console" class = "clear">
0e1c737 Added Docs and Reference tabs to lower pane
Parashuram authored
59 <div id = "console-toolbar">
60 <ul>
61 <li id = "console-tab-docs">
62 &nbsp;
63 </li>
64 <li id = "console-tab-output">
65 &nbsp;
66 </li>
67 </ul>
68 </div>
69 <div id = "console-content">
70 <div id = "docs">
71 <div>
72 <h2>Using this tool</h2>
73 This tool showcases the capabilities of various API and libraries.
74 You can load example snippets, modify them and run it to see the results right here.
75 <br/>
76 <h5>The toolbar buttons</h5>
77 <ul>
78 <li>
79 <b>Run Snippet : </b>
80 This button runs the code that is in the code area at the top right. The code area is editable and you can modify the examples and run them.
81 </li>
82 <li>
83 <b>Load Pre-requisites : </b>
84 Some snippets require of other snippets to be run. This button adds those dependencies in the code area.
85 </li>
86 <li>
87 <b>View Output / View Docs</b>
88 Toggle to view the documentation for the current API or the output window here.
89 </li>
90 <li>
91 <b>Clear Console</b>Clears the output window
92 </li>
93 </ul>
94 <p>
95 If you are an API developer and want to use this tool to showcase your libraries, you can use this tool. The examples loaded are configrable.
96 </p>
97 </div>
ed952c9 Changed CSS for page,
Parashuram authored
98 </div>
0e1c737 Added Docs and Reference tabs to lower pane
Parashuram authored
99 <iframe frameBorder = 0 src = "iframe.html" id = "console-iframe">
100 </iframe>
83d6fc6 @axemclion Adding files from Local HG to Git
authored
101 </div>
102 </div>
103 </div>
104 <div id = "footer">
105 </div>
106 <script src="lib/jquery/jquery-1.4.2.min.js" type="text/javascript">
107 </script>
108 <script src="lib/jquery/jquery-ui-1.8.2.custom.min.js" type="text/javascript">
109 </script>
110 <script src="lib/codemirror/js/codemirror.js" type="text/javascript">
111 </script>
112 <script src="lib/codemirror/js/mirrorframe.js" type="text/javascript">
113 </script>
114 <script src="js/TrialTool.js" type=text/javascript>
115 </script>
116 </body>
ed952c9 Changed CSS for page,
Parashuram authored
117 </html>
Something went wrong with that request. Please try again.