Line # Revision Author
1 1 dpavlin <?xml version="1.0" encoding="UTF-8"?>
2 <!--
3 高橋メソッドなプレゼンツール in XUL リターンズ
4 made by Piro
5 http://piro.sakura.ne.jp/
6
7 based on
8 高橋メソッドなプレゼン作成ツール ver.2 made by mala
9 http://la.ma.la/blog/diary_200504080545.htm
10 もんたメソッドなプレゼン作成ツール made by mala
11 http://la.ma.la/blog/diary_200505310749.htm
12 -->
13
14 <!-- ***** BEGIN LICENSE BLOCK *****
15 - Version: MPL 1.1
16 -
17 - The contents of this file are subject to the Mozilla Public License Version
18 - 1.1 (the "License"); you may not use this file except in compliance with
19 - the License. You may obtain a copy of the License at
20 - http://www.mozilla.org/MPL/
21 -
22 - Software distributed under the License is distributed on an "AS IS" basis,
23 - WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
24 - for the specific language governing rights and limitations under the
25 - License.
26 -
27 - The Original Code is the Takahashi-Method-based Presentation Tool
28 - in XUL/Returns.
29 -
30 - The Initial Developer of the Original Code is SHIMODA Hiroshi.
31 - Portions created by the Initial Developer are Copyright (C) 2005-2006
32 - the Initial Developer. All Rights Reserved.
33 -
34 - Contributor(s): SHIMODA Hiroshi <piro@p.club.ne.jp>
35 - dynamis <dynamis@mozilla-japan.org>
36 - matobaa <matobaa@lily.freemail.ne.jp>
37 -
38 - ***** END LICENSE BLOCK ***** -->
39
40
41 <?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
42 <?xml-stylesheet href="takahashi.css" type="text/css"?>
43
44 <page xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
45 id="presentation"
46 14 dpavlin xmlns:html="http://www.w3.org/1999/xhtml"
47 1 dpavlin orient="vertical"
48 onkeypress="Presentation.onKeyPress(event);">
49
50
51 <html:textarea id="builtinCode" style="visibility: collapse">
52 TITLE::高橋メソッドなプレゼンツール in XUL リターンズ
53 高橋メソッド
54 in XUL
55 [[EM:RETURNS]]
56 ----
57 HEADER::高橋メソッドなプレゼンツール in XUL リターンズ
58 CHAPTER::操作説明
59 操作
60 ----
61 HEADER::操作
62 ALIGN::left
63 14 dpavlin 基本的な操作
64 |次のページ|→,↓,Enter,Page Down,左クリック
65 |前のページ|←,↑,Back Space,Page Up,右クリック
66 |最初のページ|Home
67 |最後のページ|End
68 |リロード|Ctrl-R
69 |編集モード|Ctrl-E
70 1 dpavlin ----
71 ALIGN::center
72 キーボード操作時は
73 次のページへ進む操作で
74 14 dpavlin [ラベル]をめくれます
75 1 dpavlin （めくっていない
76 14 dpavlin [ラベル]がなければ
77 1 dpavlin そのまま次のページへ）
78 ----
79 一度めくったラベルは
80 状態を保持するので
81 ----
82 ALIGN::right
83 前のページに戻して
84 「奥さん、いいですか！
85 ここですよここ！」
86 ができる
87 ----
88 HEADER::
89 CHAPTER::編集機能
90 編集
91 ----
92 HEADER::編集
93 14 dpavlin 編集モード時の基本操作
94 |新しいページの追加|Ctrl-N
95 1 dpavlin ----
96 HEADER::機能
97 部分
98 強調
99 ----
100 テキストを部分的に
101 [[EM:強調]]できる
102 [[PRE:
103 [[EM:強調テキスト]&#173;]
104 [[EM:強調テキスト:EM]&#173;]
105 ]]
106 ----
107 整形済み
108 テキスト
109 [[PRE:
110 [[PRE:整形済み]&#173;]
111 [[PRE:整形済み:PRE]&#173;]
112 ]]
113 ----
114 行内に[[PRE:preformatted text]]を
115 書ける（けどあんまり意味ない）
116 ----
117 複数行にまたがる整形済みテキスト
118 [[PRE:&lt;html&gt;
119 &lt;head&gt;
120 &lt;title&gt;サンプル&lt;/title&gt;
121 &lt;/head&gt;
122 &lt;body&gt;
123 &lt;p&gt;サンプル&lt;/p&gt;
124 &lt;/body&gt;
125 &lt;/html&gt;:PRE]]
126 ソースコードの例示などに使える
127 ----
128 14 dpavlin 表
129 |~見出し&lt;br/&gt;セル|セル1|セル2
130 |~見出し&lt;br/&gt;セル|セル3|セル4
131 データの例示などにどうぞ。
132 [[PRE:
133 |~見出し&lt;br/&gt;セル|セル1|セル2
134 |~見出し&lt;br/&gt;セル|セル3|セル4
135 ]]
136 ----
137 XUL
138 [[RAW:
139 &lt;vbox align="center"&gt;
140 &lt;button label="ボタン"/&gt;
141
142 &lt;hbox&gt;
143
144 &lt;menulist label="既定の値" style="width: 10em;"&gt;
145 &lt;menupopup&gt;
146 &lt;menuitem label="既定の値"/&gt;
147 &lt;menuseparator/&gt;
148 &lt;menuitem label="項目1"/&gt;
149 &lt;menuitem label="項目2"/&gt;
150 &lt;menuitem label="項目3"/&gt;
151 &lt;/menupopup&gt;
152 &lt;/menulist&gt;
153
154 &lt;menulist label="既定の値" style="width: 10em;" editable="true"&gt;
155 &lt;menupopup&gt;
156 &lt;menuitem label="既定の値"/&gt;
157 &lt;menuseparator/&gt;
158 &lt;menuitem label="項目1"/&gt;
159 &lt;menuitem label="項目2"/&gt;
160 &lt;menuitem label="項目3"/&gt;
161 &lt;/menupopup&gt;
162 &lt;/menulist&gt;
163
164 &lt;/hbox&gt;
165
166 &lt;toolbar style="background: ThreeDFace; border: 1px -moz-bg-outset;"&gt;
167
168 &lt;toolbarbutton label="ボタン"/&gt;
169
170 &lt;toolbarbutton label="ボタン" type="menu"&gt;
171 &lt;menupopup&gt;
172 &lt;menuitem label="項目1"/&gt;
173 &lt;menuitem label="項目2"/&gt;
174 &lt;menuitem label="項目3"/&gt;
175 &lt;menu label="サブメニュー"&gt;
176 &lt;menupopup&gt;
177 &lt;menuitem label="項目1"/&gt;
178 &lt;menuitem label="項目2"/&gt;
179 &lt;menuitem label="項目3"/&gt;
180 &lt;/menupopup&gt;
181 &lt;/menu&gt;
182 &lt;/menupopup&gt;
183 &lt;/toolbarbutton&gt;
184
185 &lt;toolbarbutton label="ボタン" type="menu-button"&gt;
186 &lt;menupopup&gt;
187 &lt;menuitem label="項目1"/&gt;
188 &lt;menuitem label="項目2"/&gt;
189 &lt;menuitem label="項目3"/&gt;
190 &lt;/menupopup&gt;
191 &lt;/toolbarbutton&gt;
192
193 &lt;/toolbar&gt;
194
195 &lt;/vbox&gt;
196 ]]
197 ----
198 SVG
199 [[RAW:
200 &lt;svg xmlns="http://www.w3.org/2000/svg" xml:space="default" width="220" height="200"&gt;
201 &lt;rect x="60" y="60" width="100" height="80" fill="lime" stroke="red"
202 stroke-width="5"/&gt;
203 &lt;rect x="30" y="20" width="80" opacity="0.6" height="100" fill="aqua" stroke="blue"
204 stroke-width="5"/&gt;
205 &lt;/svg&gt;
206 ]]
207 ----
208 XHTML
209 [[RAW:
210 &lt;table xmlns="http://www.w3.org/1999/xhtml" border="1"&gt;
211 &lt;tbody&gt;
212 &lt;tr&gt;&lt;th&gt;10進数&lt;/th&gt;&lt;td&gt;0&lt;/td&gt;&lt;td&gt;51&lt;/td&gt;&lt;td&gt;102&lt;/td&gt;&lt;td&gt;153&lt;/td&gt;&lt;td&gt;204&lt;/td&gt;&lt;td&gt;255&lt;/td&gt;&lt;/tr&gt;
213 &lt;tr&gt;&lt;th&gt;16進数&lt;/th&gt;&lt;td&gt;0&lt;/td&gt;&lt;td&gt;33&lt;/td&gt;&lt;td&gt;66&lt;/td&gt;&lt;td&gt;99&lt;/td&gt;&lt;td&gt;CC&lt;/td&gt;&lt;td&gt;FF&lt;/td&gt;&lt;/tr&gt;
214 &lt;/tbody&gt;
215 &lt;/table&gt;
216 ]]
217 ----
218 HIDDEN::true
219 MathML
220 [[RAW:
221 &lt;math xmlns="http://www.w3.org/1998/Math/MathML"&gt;
222 &lt;mrow&gt;
223 &lt;mrow&gt;
224 &lt;munder&gt;
225 &lt;mo form="prefix" movablelimits="false"&gt;lim&lt;/mo&gt;
226 &lt;mrow&gt;
227 &lt;mi&gt;n&lt;/mi&gt;
228 &lt;mo&gt;→&lt;/mo&gt;
229
230 &lt;mi&gt;N&lt;/mi&gt;
231 &lt;/mrow&gt;
232 &lt;/munder&gt;
233 &lt;msup&gt;
234 &lt;mrow&gt;
235 &lt;mo&gt;(&lt;/mo&gt;
236 &lt;mrow&gt;
237 &lt;mn&gt;1&lt;/mn&gt;
238
239 &lt;mo&gt;+&lt;/mo&gt;
240 &lt;mfrac&gt;
241 &lt;mn&gt;1&lt;/mn&gt;
242 &lt;mi&gt;n&lt;/mi&gt;
243 &lt;/mfrac&gt;
244 &lt;/mrow&gt;
245 &lt;mo&gt;)&lt;/mo&gt;
246
247 &lt;/mrow&gt;
248 &lt;mi&gt;n&lt;/mi&gt;
249 &lt;/msup&gt;
250 &lt;/mrow&gt;
251 &lt;mo&gt;?&lt;/mo&gt;
252 &lt;msup&gt;
253 &lt;mi&gt;e&lt;/mi&gt;
254
255 &lt;mi&gt;N&lt;/mi&gt;
256 &lt;/msup&gt;
257 &lt;/mrow&gt;
258 &lt;/math&gt;
259 ]]
260
261 ----
262 XMLの埋め込み
263 なんかもできる
264 [[PRE:
265 [[raw:
266 &lt;toolbar xmlns="http://www.mozilla.org/keymaster
267 /gatekeeper/there.is.only.xul"&gt;
268 &lt;toolbarbutton type="menu" label="メニュー1"/&gt;
269 &lt;menupopup&gt;
270 &lt;menuitem label="項目1"/&gt;
271 &lt;menuitem label="項目2"/&gt;
272 &lt;menuitem label="項目3"/&gt;
273 &lt;/menupopup&gt;
274 &lt;/toolbarbutton&gt;
275 &lt;/toolbar&gt;
276 ]&#173;]
277 ]]
278 （でもちょっとバギー）
279 ----
280 1 dpavlin リンク
281 [[PRE:
282 [[URI]&#173;]
283 [[ラベル|URI]&#173;]
284 ]]
285 ----
286 [[リンクも埋め込める|http://piro.sakura.ne.jp/]]
287 ラベル無しリンクも可能↓
288 [[http://piro.sakura.ne.jp/]]
289 ----
290 [[image src="takahashi.png" width="300" height="168"]]
291 ----
292 画像
293 ----
294 [[PRE:
295 [[IMAGE src="*" width="*" height="*"]&#173;]
296 [[IMG src="*" width="*" height="*"]&#173;]
297 ]]
298 ----
299 インライン[[image src="takahashi.png" width="300" height="168"]]で
300 [[image src="takahashi.png" width="300" height="168"]]
301 いくつでも
302 埋め込める
303 ----
304 リンクや
305 画像のパスの
306 相対指定は
307 ----
308 データファイルの
309 あるディレクトリ
310 もしくは
311 本体のある
312 ディレクトリを
313 基準として解釈
314 ----
315 カスタム
316 スタイル
317 ----
318 自分だけのカスタム
319 指定も可能
320 [[PRE:
321 [[#クラス名:文字列]&#173;]
322 ]]
323 このように↓解釈
324 [[PRE:
325 &lt;description
326 class="クラス名"
327 value="文字列"/&gt;
328 ]]
329 ----
330 複数行にまたがる
331 指定も可能
332 [[PRE:
333 [[#クラス名:
334 1行目
335 2行目
336 ]&#173;]
337 ]]
338 このように↓解釈
339 [[PRE:
340 &lt;vbox class="クラス名 block"&gt;
341 &lt;description value="1行目"/&gt;
342 &lt;description value="2行目"/&gt;
343 &lt;/vbox&gt;
344 ]]
345 ----
346 takahashi.css
347 に自分で好きな
348 スタイル指定を
349 追加しよう！
350 ----
351 [[装飾記号|http://homepage2.nifty.com/k_maeda/code/uni/uni44.html]]などの
352 [[Unicodeの記号文字|http://homepage2.nifty.com/k_maeda/code/unicode.html]]
353 と組み合わせると
354 色々できるかも？
355 ----
356 HEADER::ヘッダ
357 FOOTER::フッタ
358 ヘッダとフッタも
359 自由に指定できる
360 [[PRE:
361 &#173;HEADER::ヘッダ
362 &#173;FOOTER::フッタ
363 ]]
364 ----
365 HEADER::
366 FOOTER::
367 テキストの水平配置
368 （ページ単位）
369 [[PRE:
370 &#173;ALIGN::left
371 &#173;ALIGN::right
372 &#173;ALIGN::center
373 ]]
374 ----
375 テキストの水平配置
376 （以後のページすべて）
377 [[PRE:
378 &#173;GLOBAL-ALIGN::left
379 &#173;GLOBAL-ALIGN::right
380 &#173;GLOBAL-ALIGN::center
381 ]]
382 ----
383 HEADER::機能
384 FOOTER::
385 CHAPTER::起動パラメータ
386 起動
387 パラ
388 メータ
389 ----
390 14 dpavlin |表示ページを指定して起動|?page=[数値]
391 |外部データファイルを使用|?data=[パス]
392 |編集モードで起動|?edit=true
393 1 dpavlin ----
394 HEADER::
395 CHAPTER::このアプリケーションについて
396 ファイ
397 ル構成
398 ----
399 HEADER::ファイル構成
400 [[takahashi.xul]]
401 [[takahashi.css]]
402 [[monta-label.png]]
403 ----
404 HEADER::
405 ライセンスは
406 [MPL1.1]
407 ってことで
408 ----
409 ご自由に
410 お使い
411 下さい
412 ----
413 説明
414 おわり
415 ----
416 Let's Enjoy
417 Takahashi
418 Method
419 Life !!
420 </html:textarea>
421
422
423 <deck flex="1" id="deck">
424
425 <vbox flex="1"
426 onmouseup="Presentation.handleEvent(event);"
427 onmousedown="Presentation.handleEvent(event);"
428 onmousemove="Presentation.handleEvent(event);">
429 <toolbox id="canvasToolbar">
430 <toolbar>
431 <toolbarbutton oncommand="Presentation.home()" label="|&lt;&lt;"
432 observes="canBack"/>
433 <toolbarbutton oncommand="Presentation.back()" label="&lt;"
434 observes="canBack"/>
435 <toolbarbutton oncommand="Presentation.forward()" label="&gt;"
436 observes="canForward"/>
437 <toolbarbutton oncommand="Presentation.end()" label="&gt;&gt;|"
438 observes="canForward"/>
439 <toolbarseparator/>
440 <hbox align="center">
441 <textbox id="current_page" size="4"
442 oninput="if (this.value) Presentation.showPage(parseInt(this.value)-1);"/>
443 <toolbarbutton id="pages-list-button"
444 type="menu"
445 label="Select Page"
446 tooltiptext="Select Page"
447 class="dropmarker-button">
448 <menupopup id="pages-list"
449 onpopupshowing="if (event.target == this) Presentation.preventToShowHideToolbar = true;"
450 onpopuphiding="if (event.target == this) Presentation.preventToShowHideToolbar = false;"
451 oncommand="Presentation.showPage(parseInt(event.target.value));"/>
452 </toolbarbutton>
453 <description value="/"/>
454 <description id="max_page"/>
455 </hbox>
456 <toolbarseparator/>
457 <vbox flex="2">
458 <spacer flex="1"/>
459 <scrollbar id="scroller"
460 align="center" orient="horizontal"
461 oncommand="Presentation.showPage(parseInt(event.target.getAttribute('curpos')));"
462 onclick="Presentation.showPage(parseInt(event.target.getAttribute('curpos')));"
463 onmousedown="Presentation.onScrollerDragStart();"
464 onmousemove="Presentation.onScrollerDragMove();"
465 onmouseup="Presentation.onScrollerDragDrop();"/>
466 <spacer flex="1"/>
467 </vbox>
468 <toolbarseparator/>
469 <toolbarbutton label="Pen"
470 id="penButton"
471 type="checkbox"
472 autoCheck="false"
473 oncommand="StrokablePresentationService.toggleCheck();"/>
474 14 dpavlin <spacer flex="1"/>
475 <toolbarbutton id="func-menu-button"
476 type="menu"
477 label="Function">
478 <menupopup
479 onpopupshowing="Presentation.preventToShowHideToolbar = true;"
480 onpopuphiding="Presentation.preventToShowHideToolbar = false;">
481 <menuitem label="Set Timer"
482 oncommand="Presentation.setTimer();" />
483 <menuseparator/>
484 <menuitem label="Start Auto-Cruise"
485 id="autoButton"
486 type="checkbox"
487 autoCheck="false"
488 oncommand="Presentation.toggleAutoCruiseMode();" />
489 <menu id="auto-interval-button"
490 label="Change Interval">
491 <menupopup id="auto-interval-list"
492 onpopupshowing="(this.getElementsByAttribute('value', Presentation.autoCruiseInterval)[0] || this.lastChild).setAttribute('checked', true);"
493 oncommand="Presentation.changeAutoCruiseInterval(parseInt(event.target.value));">
494 <menuitem type="radio" radiogroup="autocruise-interval"
495 label="1 sec" value="1000"/>
496 <menuitem type="radio" radiogroup="autocruise-interval"
497 label="2 sec" value="2000"/>
498 <menuitem type="radio" radiogroup="autocruise-interval"
499 label="3 sec" value="3000"/>
500 <menuitem type="radio" radiogroup="autocruise-interval"
501 label="4 sec" value="4000"/>
502 <menuitem type="radio" radiogroup="autocruise-interval"
503 label="5 sec" value="5000"/>
504 <menuseparator/>
505 <menuitem type="radio" radiogroup="autocruise-interval"
506 label="1 min" value="60000"/>
507 <menuitem type="radio" radiogroup="autocruise-interval"
508 label="2 min" value="120000"/>
509 <menuitem type="radio" radiogroup="autocruise-interval"
510 label="3 min" value="180000"/>
511 <menuitem type="radio" radiogroup="autocruise-interval"
512 label="4 min" value="240000"/>
513 <menuitem type="radio" radiogroup="autocruise-interval"
514 label="5 min" value="300000"/>
515 <menuseparator/>
516 <menuitem type="radio" radiogroup="autocruise-interval"
517 label="Custom"
518 oncommand="
519 var current = Presentation.autoCruiseInterval;
520 var val = parseInt(prompt('input interval (sec)', parseInt(current/1000)));
521 if (isNaN(val)) {
522 event.preventBubble();
523 return;
524 }
525 else
526 val = val * 1000;
527 this.value = val;
528 "/>
529 </menupopup>
530 </menu>
531 <menuseparator/>
532 <menuitem oncommand="Presentation.print();" label="Print"/>
533 <menu id="auto-interval-button"
534 label="Thumbnail Format">
535 <menupopup
536 onpopupshowing="(this.getElementsByAttribute('value', Presentation.imageType)[0] || this.firstChild).setAttribute('checked', true);"
537 oncommand="Presentation.imageType = event.target.value;">
538 <menuitem type="radio" radiogroup="print-image-type"
539 label="PNG" value="png"/>
540 <menuitem type="radio" radiogroup="print-image-type"
541 label="JPEG (50%)" value="jpeg"/>
542 </menupopup>
543 </menu>
544 <menuseparator/>
545 <menuitem id="toggleEva" label="Eva Mode"
546 type="checkbox"
547 autoCheck="false"
548 oncommand="Presentation.toggleEvaMode();"/>
549 </menupopup>
550 </toolbarbutton>
551 1 dpavlin <toolbarseparator/>
552 <toolbarbutton label="Edit"
553 oncommand="Presentation.toggleEditMode();"/>
554 <toolbarbutton oncommand="Presentation.reload();" label="Reload"/>
555 </toolbar>
556 </toolbox>
557 <vbox flex="1" id="canvas">
558 <stack flex="1">
559 <vbox flex="1">
560 <hbox id="headerBox" flex="1">
561 <label id="header"/>
562 <spacer flex="1"/>
563 14 dpavlin <vbox>
564 <image id="logo"/>
565 <spacer flex="1"/>
566 </vbox>
567 1 dpavlin </hbox>
568 <spacer flex="19"/>
569 <hbox id="footerBox" flex="1">
570 <spacer flex="1"/>
571 <label id="footer"/>
572 </hbox>
573 </vbox>
574 <vbox flex="1"
575 onclick="Presentation.onPresentationClick(event);">
576 <spacer flex="1"/>
577 <hbox flex="1" id="contentBox">
578 <spacer flex="1"/>
579