source: trunk/popups/about.html @ 687

Last change on this file since 687 was 649, checked in by ray, 13 years ago

Ticket #11 Change HTMLArea objects/namespace to Xinha

  • 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 style="height: 100%">
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,textarea,table
121  { font-family: helvetica,arial,sans-serif;
122    font-size: 11px; padding: 0px; margin: 0px;
123  }
124
125  body { padding: 0px; background: #f5f6f6; color: black; }
126  a:link, a:visited { color: #00f; }
127  a:hover           { color: #f00; }
128  a:active          { color: #f80; }
129  button            { font: 11px; border-width: 1px; background-color:#f5f6f6; color:black; }
130
131  p { margin: 0.5em 0px; }
132
133  #tdheader h1
134  { font: bold 40px "Staccato222 BT", cursive; margin: 0px; padding-left:4px; border-bottom: 1px solid #6a6; }
135  h1 { font: bold 20px; margin: 0px; border-bottom: 1px solid #6a6; }
136  h2 { font: bold 110%; margin: 0.7em 0px; }
137
138  thead {
139    font-weight: bold;
140    background-color: #CCC;
141  }
142
143  thead td { padding-left:4px; }
144
145  .buttons {
146    text-align: right; padding: 3px;
147    background-color: white;
148    border-top: 1px solid #555;
149  }
150
151  #tabbar {
152    position: relative;
153    left: 10px;
154  }
155  .tab {
156    color: #OOO;
157    cursor: pointer;
158    margin-left: -5px;
159    float: left; position: relative;
160    border: 1px solid #555;
161    top: -3px; left: -2px;
162    padding: 2px 10px 3px 10px;
163    border-top: none; background-color: #CCC;
164    -moz-border-radius: 0px 0px 4px 4px;
165    z-index: 0;
166  }
167  .tab-current
168  {
169    color: #000;
170    top: -4px;
171    background-color: #f5f6f6;
172    padding: 3px 10px 4px 10px;
173    z-index: 10;
174  }
175
176  li, ol, ul { margin-top: 0px; margin-bottom: 0px; }
177</style></head>
178<body onload="__dlg_init(); initDocument();"
179><table cellspacing="0" cellpadding="0" style="border-collapse: collapse;
180      width: 100%; height: 100%;">
181
182<tr style="height: 1em"><td id="tdheader">
183
184<h1><img src="../images/xinha_logo.gif" alt="Xinha" /></h1>
185
186</td></tr>
187<tr><td id="tdcontent" style="padding: 0.5em;">
188
189<div style="overflow: auto; height: 250px;" id="content">
190<div id="tab-areas">
191
192<div id="tab-area-0">
193
194  <p>A free WYSIWYG editor replacement for <tt>&lt;textarea&gt;</tt> fields.</p>
195  <p>Visit the <a href="http://xinha.gogo.co.nz/">Xinha Website</a> for more information.</p>
196
197  <p>
198   Use of Xinha is granted by the terms of the htmlArea License (based on BSD license)
199  </p>
200  <p>
201    Xinha was originally based on work by Mihai Bazon which is:
202  </p>
203  <blockquote><pre>Copyright (c) 2003-2004 dynarch.com.
204    Copyright (c) 2002-2003 interactivetools.com, inc.
205    This copyright notice MUST stay intact for use.</pre></blockquote>
206
207</div>
208
209<div id="tab-area-1">
210
211  <p>
212   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.
213  </p>
214
215</div>
216
217<div id="tab-area-2">
218<pre>htmlArea License (based on BSD license)
219Copyright (c) 2002-2004, interactivetools.com, inc.
220Copyright (c) 2003-2004 dynarch.com
221All rights reserved.
222
223Redistribution and use in source and binary forms, with or without
224modification, are permitted provided that the following conditions are met:
225
2261) Redistributions of source code must retain the above copyright notice,
227   this list of conditions and the following disclaimer.
228
2292) Redistributions in binary form must reproduce the above copyright notice,
230   this list of conditions and the following disclaimer in the documentation
231   and/or other materials provided with the distribution.
232
2333) Neither the name of interactivetools.com, inc. nor the names of its
234   contributors may be used to endorse or promote products derived from this
235   software without specific prior written permission.
236
237THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
238AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
239IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
240ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
241LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
242CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
243SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
244INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
245CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
246ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
247POSSIBILITY OF SUCH DAMAGE.</pre>
248</div>
249
250<div id="tab-area-3">
251<div id="plugins">
252</div>
253</div>
254
255
256<div id="tab-area-4">
257  <script type="text/javascript">
258    if(window.opener && window.opener.Xinha)
259    {
260      var ver = window.opener.Xinha.version;
261      document.write('<pre>'
262                      + '\nRelease: ' + ver.Release + ' (' + ver.Date + ')'
263                      + '\nHead: ' + ver.Head
264                      + '\nRevision: ' + ver.Revision
265                      + '\nLast Changed By: ' + ver.RevisionBy
266                      + '\n' +
267                      '</pre>');
268    }
269    else
270    {
271      document.write('<pre>Version information unavailable.</pre>');
272    }
273  </script>
274</div>
275
276</div></div>
277
278
279</td></tr>
280<tr style="height: 1em"><td id="tdfooter">
281
282
283<div class="buttons">
284<div id="tabbar"
285><div class="tab tab-current"
286>About</div><div class="tab"
287>Thanks</div><div class="tab"
288>License</div><div class="tab"
289>Plugins</div><div class="tab"
290>Version</div></div>
291<button type="button" onclick="__dlg_close(null);">Close</button>
292</div>
293
294</td></tr></table>
295
296</body></html>
Note: See TracBrowser for help on using the repository browser.