-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
153 lines (146 loc) · 7.61 KB
/
index.html
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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE HTML>
<html>
<head>
<title>Trial Tool</title>
<meta charset="UTF-8" />
<link rel="shortcut icon" href="images/trialtool.png" type="image/png" />
<link rel="apple-touch-icon" href="images/trialtool.png" />
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/themes/base/jquery-ui.css" type="text/css" media="all" />
<link rel="stylesheet" type="text/css" href="lib/codemirror/css/docs.css"/>
<link rel="stylesheet" type="text/css" href="css/TrialTool.css"/>
</head>
<body>
<div id = "header">
<div style ="float:left; line-height : 1.5em; font-size : 2em;margin : 0; color : WHITE; font-family : Garamond; font-style :italic; font-weight : bolder;">
<img src = "images/trialtool.png" style = "height : 1em; vertical-align : middle">
<span>Trial Tool</span>
</div>
<ul id = "toolbar" class = "toolbar">
<li>
<a href = "#run" id = "run">Run</a>
</li>
<li>
<a href = "#getDependencies" id = "getDependencies">Load Pre-requisites</a>
</li>
<li>
<a href = "#clearConsole" id = "clearConsole">Clear Console</a>
</li>
</ul>
<div class = "clear">
</div>
</div>
<div id = "splash">
<a href = "#" id= "splashClose">x</a>
<div id = "splashContent">
<span>Trial Tool</span>
</div>
</div>
<div id = "content" class = "clear">
<div id = "top-pane">
<div id = "examples">
<div id = "examples-title">
Examples
</div>
<div id = "example-sets" class = "example-set">
</div>
</div>
<div id = "vertical-thumb">
</div>
<div id= "code-area">
<div id = "formattedCode" class = "prettyprint">
</div>
<textarea border = "0" id = "code">
/*
_______ _ _ _______ _
|__ __| (_) | |__ __| | |
| |_ __ _ __ _| | | | ___ ___ | |
| | '__| |/ _` | | | |/ _ \ / _ \| |
| | | | | (_| | | | | (_) | (_) | |
|_|_| |_|\__,_|_| |_|\___/ \___/|_|
Select a module from the Examples list
on the left to load the code here.
*/
</textarea>
</div>
<div class = "clear">
</div>
</div>
<div id = "horizontal-thumb">
</div>
<div id = "console" class = "clear">
<ul id = "console-toolbar">
<li class = "tab">
<a id = "viewdocs" style ="background-image : url('images/reference.png');"></a>
</li>
<li class = "tab">
<a id = "viewoutput" style ="background-image : url('images/output.png');"></a>
</li>
</ul>
<div id = "console-content">
<iframe frameBorder = 0 src = "html/console.html" id = "console-iframe">
</iframe>
<div id = "docs">
<div style ="text-align:center; float : right; margin: 0.5em; z-index : -100">
<object width="500" height="405">
<param name="movie" value="http://www.youtube.com/v/_I4XxKrNZDI&hl=en_US&fs=1?rel=0&hd=1&border=1">
</param><param name="allowFullScreen" value="true">
</param><param name="allowscriptaccess" value="always">
</param><param name="wmode" value="opaque">
</param>
<embed src="http://www.youtube.com/v/_I4XxKrNZDI&hl=en_US&fs=1?rel=0&hd=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode=opaque width="500" height="405">
</embed>
</object>
</div>
<div style ="line-height:1.3em;">
<h2>Using this tool</h2>
<p>
This tool showcases the capabilities of various API and libraries.
You can load example snippets, modify them and run it to see the results right here.
<br/>
The video to show how to use the tool.
You can also <a href = 'http://www.youtube.com/watch?v=_I4XxKrNZDI&fmt=22'>view it in High defination</a>.
If you are an API developer and want to use this tool to showcase your libraries, you can use this tool. The <a href = "http://blog.nparashuram.com/2010/07/trialtool-example-file-format.html">examples</a>
loaded are configurable.
</p>
<h3>Credits</h3>
This tool was developed by <a href = "http://nparashuram.com">Parashuram</a>
and you can fork the project from <a href = "http://github.com/axemclion/trialtool">github</a>.
Updates for the project can be found on the <a href = "http://blog.nparashuram.com/search/labels/trialtool">blog</a>.
<br/>
This is available under the <a href = "http://www.apache.org/licenses/LICENSE-2.0">Apache License</a>
and is free for all use as long as you give credit to the creators and contributors.
<br/>
Trial tool uses <a href="http://jquery.com/">Jquery</a>, <a href = "http://codemirror.net/">Code Mirror</a>, <a href = "http://wiki.github.com/akzhan/jwysiwyg/">Jwysiwyg</a>
and <a href = "http://www.downloadify.info/">Downloadify</a>.
<br/>
<br/>
</div>
</div>
</div>
</div>
<div id = "footer">
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript">
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js" type="text/javascript">
</script>
<script src="js/TrialTool.js" type="text/javascript">
</script>
</body>
<!-- Google Analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-617499-9']);
_gaq.push(['_setDomainName', 'none']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_trackPageview']);
(function(){
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
</script>
</html>