source: trunk/popups/about.html @ 858

Last change on this file since 858 was 858, checked in by ray, 12 years ago
  • fixed some HTML errors in various files
  • add setValues() to Xinha.PanelDialog?.prototype.show()
  • Property svn:eol-style set to native
  • Property svn:keywords set to LastChangedDate LastChangedRevision LastChangedBy HeadURL Id
File size: 9.2 KB
Line 
1<!--
2
3(c) dynarch.com, 2003-2004
4Author: Mihai Bazon, http://dynarch.com/mishoo
5Distributed as part of HTMLArea 3.0
6
7"You are not expected to understand this...  I don't neither."
8
9                      (from The Linux Kernel Source Code,
10                            ./arch/x86_64/ia32/ptrace.c:90)
11
12;-)
13
14-->
15
16<html>
17<head>
18<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
19<title>About Xinha</title>
20<script type="text/javascript" src="popup.js"></script>
21<script type="text/javascript">
22window.resizeTo(450, 250);
23var TABS = [];
24var CURRENT_TAB = 0;
25var CONTENT_HEIGHT_DIFF = 0;
26var CONTENT_WIDTH_DIFF = 0;
27function selectTab(idx) {
28  var ct = TABS[CURRENT_TAB];
29  ct.className = ct.className.replace(/\s*tab-current\s*/, ' ');
30  ct = TABS[CURRENT_TAB = idx];
31  ct.className += ' tab-current';
32  for (var i = TABS.length; --i >= 0;) {
33    var area = document.getElementById("tab-area-" + i);
34    if (CURRENT_TAB == i) {
35      area.style.display = "block";
36    } else {
37      area.style.display = "none";
38    }
39  }
40  document.body.style.visibility = "hidden";
41  document.body.style.visibility = "visible";
42  document.cookie = "HTMLAREA-ABOUT-TAB=" + idx;
43}
44var editor = null;
45function initDocument() {
46  editor = window.dialogArguments;
47  Xinha = window.opener.Xinha;
48
49  var plugins = document.getElementById("plugins");
50  var j = 0;
51  var html = "<table width='99%' cellpadding='2' cellspacing=2 style='margin-top: 1em; collapse-borders: collapse; border: 1px solid black;'>" +
52    "<thead><tr>" +
53    "<td>Name</td>" +
54    "<td>Developer</td>" +
55    "<td>Sponsored by</td>" +
56    "<td>License</td>" +
57    "</tr></thead><tbody>";
58  for (var i in editor.plugins) {
59    var info = editor.plugins[i];
60    if (typeof info != 'object' || !info.name || typeof info.name !='string')   continue;
61    html += "<tr><td>" + info.name + " v" + info.version + "</td>" +
62            "<td><a href='" + info.developer_url + "' target='_blank' title='Visit developer website'>" +
63      info.developer + "</a></td>" +
64      "<td><a href='" + info.sponsor_url + "' target='_blank' title='Visit sponsor website'>" +
65      info.sponsor + "</a></td>" +
66      "<td>" + info.license + "</td></tr>";
67    ++j;
68  }
69
70  if (j) {
71          html += "</tbody></table>" +
72      "<p>License \"htmlArea\" means that the plugin is distributed under the same terms " +
73      "as Xinha itself.</p>";
74    plugins.innerHTML = "<p>The following plugins have been loaded.</p>" + html;
75  } else {
76    plugins.innerHTML = "<p>No plugins have been loaded</p>";
77  }
78
79  plugins.innerHTML += "<p>User agent reports:<br/>" + navigator.userAgent + "</p>";
80
81  var content = document.getElementById("content");
82  if (window.innerHeight) {
83    CONTENT_HEIGHT_DIFF = window.innerHeight - 250;
84    CONTENT_WIDTH_DIFF = window.innerWidth - content.offsetWidth;
85  } else {
86    CONTENT_HEIGHT_DIFF = document.body.offsetHeight - 250;
87    CONTENT_WIDTH_DIFF = document.body.offsetWidth - 400;
88  }
89  window.onresize();
90  var bar = document.getElementById("tabbar");
91  j = 0;
92  for (var i = bar.firstChild; i; i = i.nextSibling) {
93    TABS.push(i);
94    i.__msh_tab = j;
95    i.onmousedown = function(ev) { selectTab(this.__msh_tab); Xinha._stopEvent(ev || window.event); };
96    var area = document.getElementById("tab-area-" + j);
97    if (/tab-current/.test(i.className)) {
98      CURRENT_TAB = j;
99      area.style.display = "block";
100    } else {
101      area.style.display = "none";
102    }
103    ++j;
104  }
105  if (document.cookie.match(/HTMLAREA-ABOUT-TAB=([0-9]+)/))
106    selectTab(RegExp.$1);
107}
108window.onresize = function() {
109  var content = document.getElementById("content");
110  if (window.innerHeight) {
111    content.style.height = (window.innerHeight - CONTENT_HEIGHT_DIFF) + "px";
112    content.style.width = (window.innerWidth - CONTENT_WIDTH_DIFF) + "px";
113  } else {
114    content.style.height = (document.body.offsetHeight - CONTENT_HEIGHT_DIFF) + "px";
115    //content.style.width = (document.body.offsetWidth - CONTENT_WIDTH_DIFF) + "px";
116  }
117}
118</script>
119<style>
120  html, body { height: 100%}
121  html,body,textarea,table
122  { font-family: helvetica,arial,sans-serif;
123    font-size: 11px; padding: 0px; margin: 0px;
124  }
125
126  body { padding: 0px; background: #f5f6f6; color: black; }
127  a:link, a:visited { color: #00f; }
128  a:hover           { color: #f00; }
129  a:active          { color: #f80; }
130  button            { font: 11px; border-width: 1px; background-color:#f5f6f6; color:black; }
131
132  p { margin: 0.5em 0px; }
133
134  #tdheader h1
135  { font: bold 40px "Staccato222 BT", cursive; margin: 0px; padding-left:4px; border-bottom: 1px solid #6a6; }
136  h1 { font: bold 20px; margin: 0px; border-bottom: 1px solid #6a6; }
137  h2 { font: bold 110%; margin: 0.7em 0px; }
138
139  thead {
140    font-weight: bold;
141    background-color: #CCC;
142  }
143
144  thead td { padding-left:4px; }
145
146  .buttons {
147    text-align: right; padding: 3px;
148    background-color: white;
149    border-top: 1px solid #555;
150  }
151
152  #tabbar {
153    position: relative;
154    left: 10px;
155  }
156  .tab {
157    color: #OOO;
158    cursor: pointer;
159    margin-left: -5px;
160    float: left; position: relative;
161    border: 1px solid #555;
162    top: -3px; left: -2px;
163    padding: 2px 10px 3px 10px;
164    border-top: none; background-color: #CCC;
165    -moz-border-radius: 0px 0px 4px 4px;
166    z-index: 0;
167  }
168  .tab-current
169  {
170    color: #000;
171    top: -4px;
172    background-color: #f5f6f6;
173    padding: 3px 10px 4px 10px;
174    z-index: 10;
175  }
176
177  li, ol, ul { margin-top: 0px; margin-bottom: 0px; }
178</style></head>
179<body onload="__dlg_init(); initDocument();"
180><table cellspacing="0" cellpadding="0" style="border-collapse: collapse;
181      width: 100%; height: 100%;">
182
183<tr style="height: 1em"><td id="tdheader">
184
185<h1><img src="../images/xinha_logo.gif" alt="Xinha" /></h1>
186
187</td></tr>
188<tr><td id="tdcontent" style="padding: 0.5em;">
189
190<div style="overflow: auto; height: 250px;" id="content">
191<div id="tab-areas">
192
193<div id="tab-area-0">
194
195  <p>A free WYSIWYG editor replacement for <tt>&lt;textarea&gt;</tt> fields.</p>
196  <p>Visit the <a href="http://xinha.gogo.co.nz/">Xinha Website</a> for more information.</p>
197
198  <p>
199   Use of Xinha is granted by the terms of the htmlArea License (based on BSD license)
200  </p>
201  <p>
202    Xinha was originally based on work by Mihai Bazon which is:
203  </p>
204  <blockquote><pre>Copyright (c) 2003-2004 dynarch.com.
205    Copyright (c) 2002-2003 interactivetools.com, inc.
206    This copyright notice MUST stay intact for use.</pre></blockquote>
207
208</div>
209
210<div id="tab-area-1">
211
212  <p>
213   The development of Xinha would not have been possible without the original work of <a href="http://dynarch.com/">Mihai Bazon</a>, <a href="http://interactivetools.com" target="_blank">InteractiveTools.com</a>, and the many sponsors and contributors from around the world.
214  </p>
215
216</div>
217
218<div id="tab-area-2">
219<pre>htmlArea License (based on BSD license)
220Copyright (c) 2002-2004, interactivetools.com, inc.
221Copyright (c) 2003-2004 dynarch.com
222All rights reserved.
223
224Redistribution and use in source and binary forms, with or without
225modification, are permitted provided that the following conditions are met:
226
2271) Redistributions of source code must retain the above copyright notice,
228   this list of conditions and the following disclaimer.
229
2302) Redistributions in binary form must reproduce the above copyright notice,
231   this list of conditions and the following disclaimer in the documentation
232   and/or other materials provided with the distribution.
233
2343) Neither the name of interactivetools.com, inc. nor the names of its
235   contributors may be used to endorse or promote products derived from this
236   software without specific prior written permission.
237
238THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
239AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
240IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
241ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
242LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
243CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
244SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
245INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
246CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
247ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
248POSSIBILITY OF SUCH DAMAGE.</pre>
249</div>
250
251<div id="tab-area-3">
252<div id="plugins">
253</div>
254</div>
255
256
257<div id="tab-area-4">
258  <script type="text/javascript">
259    if(window.opener && window.opener.Xinha)
260    {
261      var ver = window.opener.Xinha.version;
262      document.write('<pre>'
263                      + '\nRelease: ' + ver.Release + ' (' + ver.Date + ')'
264                      + '\nHead: ' + ver.Head
265                      + '\nRevision: ' + ver.Revision
266                      + '\nLast Changed By: ' + ver.RevisionBy
267                      + '\n' +
268                      '</pre>');
269    }
270    else
271    {
272      document.write('<pre>Version information unavailable.</pre>');
273    }
274  </script>
275</div>
276
277</div></div>
278
279
280</td></tr>
281<tr style="height: 1em"><td id="tdfooter">
282
283
284<div class="buttons">
285<div id="tabbar"
286><div class="tab tab-current"
287>About</div><div class="tab"
288>Thanks</div><div class="tab"
289>License</div><div class="tab"
290>Plugins</div><div class="tab"
291>Version</div></div>
292<button type="button" onclick="__dlg_close(null);">Close</button>
293</div>
294
295</td></tr></table>
296
297</body></html>
Note: See TracBrowser for help on using the repository browser.