/[suikacvs]/www/test/dom/node/child-methods/prefixed/prefixed-append-1.html
Suika

Contents of /www/test/dom/node/child-methods/prefixed/prefixed-append-1.html

Parent Directory Parent Directory | Revision Log Revision Log

Revision 1.1 - (hide annotations) (download) (as text)
Tue Jan 20 11:17:28 2009 UTC (17 years, 6 months ago) by wakaba
Branch: MAIN
CVS Tags: HEAD
File MIME type: text/html 
Failes in WinIE7
1 wakaba 1.1 <!DOCTYPE HTML>
2     <html lang=en class=account-user-misc>
3     <meta charset=utf-8>
4     <title>新しい利用者アカウントの作成</title>
5     <link rel=stylesheet href="/admin/style/common">
6     <body>
7     <h1>新しい利用者アカウントの作成</h1>
8    
9     <form action=new-user accept-charset=utf-8 method=post>
10    
11     <p><strong>利用者識別子</strong>: <input type=text name=user-id
12     maxlength=20 size=10 required pattern="[0-9a-z-]{4,20}"> (文字「a」〜「z」、「0」〜「9」、「-」を使って 4〜10 文字の文字列を指定してください。)<p><strong>合言葉</strong>: <input type=password name=user-pass
13     size=10 required pattern=".{4,}"> (最低4文字入力してください。)<p><strong>合言葉</strong> (もう一度): <input type=password
14     name=user-pass2 size=10 required pattern=".{4,}">
15    
16     <p><input type=submit value="作成" class=create></p></form>
17    
18     <section>
19     <html lang=en class=account-user-info>
20     <title>さん</title>
21    
22     <h1>さん</h1><section id=groups><h2>グループ</h2><section id="groups-joined"><h3>参加中のグループ</h3><ul><li><form action="group.admin-groups" accept-charset=utf-8 method=post><a href="../../groups/admin-groups/">admin-groups</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form><li><form action="group.admin-users" accept-charset=utf-8 method=post><a href="../../groups/admin-users/">admin-users</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form><li><form action="group.helo" accept-charset=utf-8 method=post><a href="../../groups/helo/">helo</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form><li><form action="group.helo-admin" accept-charset=utf-8 method=post><a href="../../groups/helo-admin/">helo-admin</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form><li><form action="group.schema-db" accept-charset=utf-8 method=post><a href="../../groups/schema-db/">schema-db</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form><li><form action="group.spec-ja" accept-charset=utf-8 method=post><a href="../../groups/spec-ja/">spec-ja</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form><li><form action="group.spec-ja-admin" accept-charset=utf-8 method=post><a href="../../groups/spec-ja-admin/">spec-ja-admin</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form><li><form action="group.suikawiki" accept-charset=utf-8 method=post><a href="../../groups/suikawiki/">suikawiki</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form><li><form action="group.test-results" accept-charset=utf-8 method=post><a href="../../groups/test-results/">test-results</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form></ul></section><section id="groups-requested"><h3>参加申請中 (未許可) のグループ</h3><ul><li><form action="" accept-charset=utf-8 method=post><a href="../../groups//"></a> <input type=hidden name=action value=leave><input type=submit value="申請取消"></form></ul></section></section><section id=props><h2>特性</h2><p><em>これらの特性は管理者のみが見ることができますが、秘密の情報は記述しないことをお勧めします。</em></p>
23    
24     <form action="prop" accept-charset=utf-8 method=post><input type=hidden name=name value="full_name"><p><label><strong>名前</strong>: <input type="text" name="value" value=""></label> <input type=submit value="保存">
25    
26     </p></form>
27    
28     <form action="prop" accept-charset=utf-8 method=post><input type=hidden name=name value="mail_addr"><p><label><strong>メイル・アドレス</strong>: <input type="email" name="value" value=""></label> <input type=submit value="保存">
29     </p></form>
30    
31     <form action="prop" accept-charset=utf-8 method=post><input type=hidden name=name value="home_url"><p><label><strong>Web サイト URL</strong>: <input type="url" name="value" value=""></label> <input type=submit value="保存">
32     </p>
33    
34     </form></section><section id=password><h2>合言葉</h2>
35    
36     <form action=password method=post accept-charset=utf-8>
37    
38     <p>合言葉を変更できます。<p><strong>新しい合言葉</strong>: <input type=password name=user-pass
39     size=10 required pattern=".{4,}"> (最低4文字入力してください。) <p><strong>新しい合言葉</strong> (もう一度): <input type=password
40     name=user-pass2 size=10 required pattern=".{4,}">
41    
42     <p><input type=submit value="変更"></p>
43    
44     </form>
45     </section>
46    
47     <section id=disable-account><h2>アカウントの無効化</h2>
48    
49    
50     <p><label><input type=checkbox name=action value=enable checked> このアカウントを有効にする</label>
51    
52     <p><strong>警告!</strong> 自分のアカウントを無効にすると、自分で再度有効にすることはできません。<p><input type=submit value="変更"></form></section></section>
53    
54     <style>
55    
56     section, article, menu {
57     display: block;
58     margin: 0;
59     padding: 0;
60     }
61    
62     .sbs-container {
63     display: block;
64     position: absolute;
65     }
66    
67     .sbs-container.sbs-without-refelement {
68     position: fixed;
69     bottom: 1em;
70     right: 1em;
71     }
72    
73     .sbs-selected {
74     outline: 2px blue dotted !important;
75     }
76    
77     .mm-container {
78     display: block;
79     padding-bottom: 2em;
80     background-color: white;
81     width: 20em;
82     min-height: 5em;
83     }
84    
85     .mm-container menu {
86     position: absolute;
87     bottom: 0;
88     left: 0;
89     right: 0;
90     text-align: center;
91     }
92     </style>
93    
94     </p>
95    
96     <script type="text/javascript" src="uupaa-detect.mini.js"></script>
97     <script type="text/javascript" src="uupaa-selector.js"></script>
98     <script type="text/javascript" src="uupaa-selector+.js"></script>
99    
100     <script src="../../css/noderect/NodeRect.js"></script>
101    
102     <script id="uupaa.js" type="text/javascript" src="uupaa/uupaa.js"></script>
103    
104     <script src=tutorial.js></script>
105    
106     <script>
107    
108     window.onload = function () {
109     window.loaded = true;
110     };
111    
112     function showElement (elements) {
113     if (!window.loaded) {
114     new JSTE.Observer ('load', window, function () {
115     showElement (elements);
116     });
117     return;
118     }
119    
120     var top = Infinity;
121     var left = Infinity;
122     var topEl;
123     var leftEl;
124     elements.forEach (function (el) {
125     var rect = uu.element.rect (el);
126     if (rect.y < top) {
127     top = rect.y;
128     topEl = el;
129     }
130     if (rect.x < left) {
131     left = rect.x;
132     leftEl = el;
133     }
134     });
135    
136     var rect = uu.viewport.rect ();
137     if (rect.sh <= top && top <= rect.sh + rect.h) {
138     top = rect.sh;
139     }
140     if (rect.sw <= left && left <= rect.sw + rect.w) {
141     left = rect.sw;
142     }
143    
144     if (leftEl || topEl) {
145     var od = (leftEl || topEl).ownerDocument;
146     var point = od.createElement ('span');
147     point.style.display = 'block';
148     point.style.position = 'absolute';
149     point.style.top = top + 'px';
150     point.style.left = left + 'px';
151     point.style.width = 0;
152     point.style.height = 0;
153     od.documentElement.appendChild (point);
154     point.scrollIntoView (true);
155     point.parentNode.removeChild (point);
156     }
157     }
158    
159     var SimpleBalloon = new JSTE.Class (function (messageContainer, refElement) {
160     if (!messageContainer) return;
161    
162     this.element = document.createElement ('article');
163     this.element.className = 'sbs-container';
164     document.body.appendChild (this.element);
165    
166     this.contentElement = messageContainer;
167     this.element.appendChild (messageContainer);
168    
169     this._renderBorder ();
170    
171     this.refElement = refElement;
172     if (refElement) {
173     JSTE.Element.addClassName (refElement, 'sbs-selected');
174     this._renderPointer ();
175    
176     JSTE.Element.addClassName (this.element, 'sbs-with-refelement');
177     } else {
178     JSTE.Element.addClassName (this.element, 'sbs-without-refelement');
179     }
180    
181     var self = this;
182     //setTimeout (function () {
183     showElement (new JSTE.List ([refElement]).onlyNonNull ());
184     //}, 2000);
185     }, {
186     SVGNS: 'http://www.w3.org/2000/svg',
187    
188     remove: function () {
189     if (this.refElement) {
190     JSTE.Element.deleteClassName (this.refElement, 'sbs-selected');
191     }
192     }, // remove
193    
194     _renderBorder: function () {
195     var msgRects = NR.Element.getRects (this.contentElement, window);
196     var msgRect = msgRects.borderBox;
197    
198     var bb = this.getComputedStyle ();
199    
200     var bwDelta = bb.marginLeft + bb.borderLeftWidth + bb.paddingLeft;
201     var bhDelta = bb.marginTop + bb.borderTopWidth + bb.paddingTop;
202     var boxMBWidth = msgRect.width + bwDelta
203     + bb.marginRight + bb.borderRightWidth + bb.paddingRight;
204     var boxMBHeight = msgRect.height + bhDelta
205     + bb.marginBottom + bb.borderBottomWidth + bb.paddingBottom;
206    
207     var box = document.createElementNS (this.SVGNS, 'svg');
208     box.style.display = 'block';
209     box.style.position = 'absolute';
210     box.style.top = -bhDelta + 'px';
211     box.style.left = -bwDelta + 'px';
212    
213     /* This is necessary to render the content element over the border SVG
214     element. */
215     this.contentElement.style.position = 'relative';
216    
217     box.setAttribute ('width', boxMBWidth);
218     box.setAttribute ('height', boxMBHeight);
219    
220     var bbTop = bb.marginTop + bb.borderTopWidth / 2;
221     var bbRight = boxMBWidth - bb.marginLeft - bb.borderLeftWidth / 2
222     - bb.marginRight - bb.borderRightWidth / 2;
223     var bbLeft = bb.marginLeft + bb.borderLeftWidth / 2;
224     var bbBottom = boxMBHeight - bb.marginTop - bb.marginBottom
225     - bb.borderTopWidth / 2 - bb.borderBottomWidth / 2;
226    
227     var boxBorder = document.createElementNS (this.SVGNS, 'path');
228     boxBorder.setAttribute ('d', [
229     'M', bbLeft + bb.manakaiBorderTopLeftRadiusHorizontal, bbTop,
230    
231     'L', bbRight - bb.manakaiBorderTopRightRadiusHorizontal, bbTop,
232    
233     'a',
234     bb.manakaiBorderTopRightRadiusHorizontal,
235     bb.manakaiBorderTopRightRadiusVertical, 0, 0, 1,
236     bb.manakaiBorderTopRightRadiusHorizontal,
237     bb.manakaiBorderTopRightRadiusVertical,
238    
239     'L', bbRight, bbBottom - bb.manakaiBorderBottomRightRadiusVertical,
240    
241     'a',
242     bb.manakaiBorderBottomRightRadiusHorizontal,
243     bb.manakaiBorderBottomRightRadiusVertical, 0, 0, 1,
244     -bb.manakaiBorderBottomRightRadiusHorizontal,
245     bb.manakaiBorderBottomRightRadiusVertical,
246    
247     'L', bbLeft + bb.manakaiBorderBottomLeftRadiusHorizontal, bbBottom,
248    
249     'a',
250     bb.manakaiBorderBottomLeftRadiusHorizontal,
251     bb.manakaiBorderBottomLeftRadiusVertical, 0, 0, 1,
252     -bb.manakaiBorderBottomLeftRadiusHorizontal,
253     -bb.manakaiBorderBottomLeftRadiusVertical,
254    
255     'L', bbLeft, bbTop + bb.manakaiBorderTopLeftRadiusVertical,
256    
257     'a',
258     bb.manakaiBorderTopLeftRadiusHorizontal,
259     bb.manakaiBorderTopLeftRadiusVertical, 0, 0, 1,
260     bb.manakaiBorderTopLeftRadiusHorizontal,
261     -bb.manakaiBorderTopLeftRadiusVertical
262     ].join (' '));
263     boxBorder.setAttribute ('stroke', bb.borderColor);
264     boxBorder.setAttribute ('stroke-width', bb.borderWidth);
265     boxBorder.setAttribute ('fill', bb.backgroundColor);
266    
267     box.appendChild (boxBorder);
268    
269     this.element.insertBefore (box, this.element.firstChild);
270     }, // _renderBorder
271     _renderPointer: function () {
272     var rects = NR.Element.getRects (this.refElement, window);
273     var rbb = rects.borderBox;
274    
275     var bb = this.getComputedStyle ();
276    
277     var left = rbb.left + rbb.width * 3 / 4 - bb.manakaiPointerSource;
278     if (left < 0) left = bb.borderLeftWidth + bb.paddingLeft;
279     var top = rbb.bottom + bb.manakaiPointerOffset + bb.manakaiPointerHeight + bb.paddingTop;
280    
281     this.element.style.top = top + 'px';
282     this.element.style.left = left + 'px';
283    
284     var pointerSVGElement = document.createElementNS (this.SVGNS, 'svg');
285     pointerSVGElement.setAttribute ('width', bb.manakaiPointerWidth);
286     pointerSVGElement.setAttribute ('height', bb.manakaiPointerHeight);
287     pointerSVGElement.style.display = 'block';
288     pointerSVGElement.style.position = 'absolute';
289     pointerSVGElement.style.top = -(bb.manakaiPointerHeight + bb.paddingTop) + 'px';
290     pointerSVGElement.style.left = (bb.manakaiPointerSource - bb.manakaiPointerWidth / 2) + 'px';
291    
292     var pointerElement = document.createElementNS (this.SVGNS, 'path');
293     pointerElement.setAttribute ('d', [
294     'M', bb.manakaiPointerWidth, bb.manakaiPointerHeight,
295     'Q', bb.manakaiPointerWidth * 3 / 4, bb.manakaiPointerHeight,
296     bb.manakaiPointerWidth / 2, 0,
297     'Q', bb.manakaiPointerWidth / 4, bb.manakaiPointerHeight,
298     0, bb.manakaiPointerHeight].join (' '));
299     pointerElement.setAttribute ('stroke', bb.borderColor);
300     pointerElement.setAttribute ('stroke-width', bb.borderWidth);
301     pointerElement.setAttribute ('fill', bb.backgroundColor);
302    
303     pointerSVGElement.appendChild (pointerElement);
304    
305     this.element.appendChild (pointerSVGElement);
306     }, // _renderPointer
307    
308     getComputedStyle: function (pseudoEl) {
309     if (pseudoEl == null) {
310     var boxMargin = 1;
311     var boxBorderWidth = 5;
312     var boxBorderColor = 'green';
313     var boxBorderRadiusHorizontal = 10;
314     var boxBorderRadiusVertical = 10;
315     var boxPadding = 10;
316     var pointerBoxMargin = 5;
317     var pointerBoxWidth = 20;
318     var pointerBoxHeight = 40;
319     var pointerBoxLeft = 20;
320    
321     return {
322     marginTop: boxMargin, marginRight: boxMargin, marginBottom: boxMargin,
323     marginLeft: boxMargin,
324     borderColor: boxBorderColor,
325     borderTopColor: boxBorderColor, borderRightColor: boxBorderColor,
326     borderBottomColor: boxBorderColor, borderLeftColor: boxBorderColor,
327     borderWidth: boxBorderWidth,
328     borderTopWidth: boxBorderWidth, borderRightWidth: boxBorderWidth,
329     borderBottomWidth: boxBorderWidth, borderLeftWidth: boxBorderWidth,
330     manakaiBorderTopLeftRadiusHorizontal: boxBorderRadiusHorizontal,
331     manakaiBorderTopLeftRadiusVertical: boxBorderRadiusVertical,
332     manakaiBorderTopRightRadiusHorizontal: boxBorderRadiusHorizontal,
333     manakaiBorderTopRightRadiusVertical: boxBorderRadiusVertical,
334     manakaiBorderBottomLeftRadiusHorizontal: boxBorderRadiusHorizontal,
335     manakaiBorderBottomLeftRadiusVertical: boxBorderRadiusVertical,
336     manakaiBorderBottomRightRadiusHorizontal: boxBorderRadiusHorizontal,
337     manakaiBorderBottomRightRadiusVertical: boxBorderRadiusVertical,
338     paddingTop: boxPadding, paddingRight: boxPadding,
339     paddingBottom: boxPadding, paddingLeft: boxPadding,
340     backgroundColor: this.getBackgroundColor (),
341     manakaiPointerWidth: pointerBoxWidth,
342     manakaiPointerHeight: pointerBoxHeight,
343     manakaiPointerOffset: pointerBoxMargin,
344     manakaiPointerSource: pointerBoxLeft
345     };
346     } else {
347     return {};
348     }
349     }, // getComputedStyle
350    
351     getBackgroundColor: function () {
352     var el = this.contentElement;
353     if (window.getComputedStyle) {
354     return getComputedStyle (el, null).backgroundColor;
355     } else if (el.currentStyle) {
356     return el.currentStyle.backgroundColor;
357     } else {
358     return 'white';
359     }
360     } // getBackgroundColor
361     }); // SimpleBalloon
362    
363     var SimpleBalloonVML = new JSTE.Subclass (function () {
364     if (document.namespaces._vml_) {
365     document.namespaces.add ('_vml_', 'urn:schemas-microsoft-com:vml');
366     }
367    
368     var ss = document.createStyleSheet ();
369     ss.cssText = '_vml_\\:* { behavior: url(#default#VML) }';
370    
371     this._super.apply (this, arguments);
372     }, SimpleBalloon, {
373     _renderBorder: function () {
374     var msgRects = NR.Element.getRects (this.contentElement, window);
375     var msgRect = msgRects.borderBox;
376    
377     var bb = this.getComputedStyle ();
378    
379     var bwDelta = bb.marginLeft + bb.borderLeftWidth + bb.paddingLeft;
380     var bhDelta = bb.marginTop + bb.borderTopWidth + bb.paddingTop;
381     var boxMBWidth = msgRect.width + bwDelta
382     + bb.marginRight + bb.borderRightWidth + bb.paddingRight;
383     var boxMBHeight = msgRect.height + bhDelta
384     + bb.marginBottom + bb.borderBottomWidth + bb.paddingBottom;
385    
386     var box = document.createElement ('_vml_:shape');
387     box.style.display = 'block';
388     box.style.position = 'absolute';
389     box.style.top = -bhDelta + 'px';
390     box.style.left = -bwDelta + 'px';
391    
392     /* This is necessary to render the content element over the border SVG
393     element. */
394     this.contentElement.style.position = 'relative';
395    
396     box.style.width = boxMBWidth + 'px';
397     box.style.height = boxMBHeight + 'px';
398    
399     var bbTop = bb.marginTop + bb.borderTopWidth / 2;
400     var bbRight = boxMBWidth - bb.marginLeft - bb.borderLeftWidth / 2
401     - bb.marginRight - bb.borderRightWidth / 2;
402     var bbLeft = bb.marginLeft + bb.borderLeftWidth / 2;
403     var bbBottom = boxMBHeight - bb.marginTop - bb.marginBottom
404     - bb.borderTopWidth / 2 - bb.borderBottomWidth / 2;
405    
406     var boxBorder = document.createElement ('_vml_:path');
407     boxBorder.setAttribute ('v', [
408     'm', bbLeft + bb.manakaiBorderTopLeftRadiusHorizontal, bbTop,
409    
410     'l', bbRight - bb.manakaiBorderTopRightRadiusHorizontal, bbTop,
411     /*
412     'a',
413     bb.manakaiBorderTopRightRadiusHorizontal,
414     bb.manakaiBorderTopRightRadiusVertical, 0, 0, 1,
415     bb.manakaiBorderTopRightRadiusHorizontal,
416     bb.manakaiBorderTopRightRadiusVertical,
417     */
418     'l', bbRight, bbBottom - bb.manakaiBorderBottomRightRadiusVertical,
419     /*
420     'a',
421     bb.manakaiBorderBottomRightRadiusHorizontal,
422     bb.manakaiBorderBottomRightRadiusVertical, 0, 0, 1,
423     -bb.manakaiBorderBottomRightRadiusHorizontal,
424     bb.manakaiBorderBottomRightRadiusVertical,
425     */
426     'l', bbLeft + bb.manakaiBorderBottomLeftRadiusHorizontal, bbBottom,
427     /*
428     'a',
429     bb.manakaiBorderBottomLeftRadiusHorizontal,
430     bb.manakaiBorderBottomLeftRadiusVertical, 0, 0, 1,
431     -bb.manakaiBorderBottomLeftRadiusHorizontal,
432     -bb.manakaiBorderBottomLeftRadiusVertical,
433     */
434     'l', bbLeft, bbTop + bb.manakaiBorderTopLeftRadiusVertical,
435     /*
436     'a',
437     bb.manakaiBorderTopLeftRadiusHorizontal,
438     bb.manakaiBorderTopLeftRadiusVertical, 0, 0, 1,
439     bb.manakaiBorderTopLeftRadiusHorizontal,
440     -bb.manakaiBorderTopLeftRadiusVertical,
441     */
442     'e'
443     ].join (' '));
444     boxBorder.setAttribute ('stroke', 'true');
445     boxBorder.setAttribute ('strokecolor', bb.borderColor);
446     boxBorder.setAttribute ('strokeweight', bb.borderWidth);
447     boxBorder.setAttribute ('fill', 'true');
448     boxBorder.setAttribute ('fillcolor', bb.backgroundColor);
449     boxBorder.setAttribute ('coordorigin', '0 0');
450     boxBorder.setAttribute ('coordsize', boxMBWidth + ' ' + boxMBHeight);
451    
452     var a = document.createElement ('_vml_:shape');
453     var b = document.createElement ('_vml_:path');
454     a.appendChild (b);
455    
456     // box.appendChild (boxBorder);
457    
458     this.element.insertBefore (box, this.element.firstChild);
459     }, // _renderBorder
460     _renderPointer: function () {
461     return;
462     var rects = NR.Element.getRects (this.refElement, window);
463     var rbb = rects.borderBox;
464    
465     var bb = this.getComputedStyle ();
466    
467     var left = rbb.left + rbb.width * 3 / 4 - bb.manakaiPointerSource;
468     if (left < 0) left = bb.borderLeftWidth + bb.paddingLeft;
469     var top = rbb.bottom + bb.manakaiPointerOffset + bb.manakaiPointerHeight + bb.paddingTop;
470    
471     this.element.style.top = top + 'px';
472     this.element.style.left = left + 'px';
473    
474     var pointerSVGElement = document.createElementNS (this.SVGNS, 'svg');
475     pointerSVGElement.setAttribute ('width', bb.manakaiPointerWidth);
476     pointerSVGElement.setAttribute ('height', bb.manakaiPointerHeight);
477     pointerSVGElement.style.display = 'block';
478     pointerSVGElement.style.position = 'absolute';
479     pointerSVGElement.style.top = -(bb.manakaiPointerHeight + bb.paddingTop) + 'px';
480     pointerSVGElement.style.left = (bb.manakaiPointerSource - bb.manakaiPointerWidth / 2) + 'px';
481    
482     var pointerElement = document.createElementNS (this.SVGNS, 'path');
483     pointerElement.setAttribute ('d', [
484     'M', bb.manakaiPointerWidth, bb.manakaiPointerHeight,
485     'Q', bb.manakaiPointerWidth * 3 / 4, bb.manakaiPointerHeight,
486     bb.manakaiPointerWidth / 2, 0,
487     'Q', bb.manakaiPointerWidth / 4, bb.manakaiPointerHeight,
488     0, bb.manakaiPointerHeight].join (' '));
489     pointerElement.setAttribute ('stroke', bb.borderColor);
490     pointerElement.setAttribute ('stroke-width', bb.borderWidth);
491     pointerElement.setAttribute ('fill', bb.backgroundColor);
492    
493     pointerSVGElement.appendChild (pointerElement);
494    
495     this.element.appendChild (pointerSVGElement);
496     } // _renderPointer
497    
498     }); // SimpleBalloonVML
499    
500     var MyMessage = new JSTE.Subclass (function () {
501     return this._super.apply (this, arguments);
502     }, JSTE.Message, {
503     _render: function (msgContainer, buttonContainer) {
504     var doc = this._targetDocument;
505    
506     var container = doc.createElement ('section');
507     container.className = 'mm-container';
508    
509     container.appendChild (msgContainer);
510     container.appendChild (buttonContainer);
511    
512     var refElement = JSTE.Node.querySelector (document, this.select);
513     if (document.all) {
514     this._simpleBalloon = new SimpleBalloonVML (container, refElement);
515     } else {
516     this._simpleBalloon = new SimpleBalloon (container, refElement);
517     }
518    
519     return this._simpleBalloon.element;
520     }, // _render
521     _remove: function () {
522     this._simpleBalloon.remove ();
523     } // _remove
524     });
525    
526     var xhr = new XMLHttpRequest ();
527     xhr.open ('GET', 'test.xml', false);
528     xhr.send (null);
529    
530    
531     document.a =
532     JSTE.Course.createFromDocument (xhr.responseXML, document);
533    
534     document.b =
535     new JSTE.Tutorial (document, document.a, {messageClass: MyMessage});
536    
537     </script>
538    
539     <!--
540     /* ***** BEGIN LICENSE BLOCK *****
541     * Copyright 2008-2009 Wakaba <[email protected]>. All rights reserved.
542     *
543     * This program is free software; you can redistribute it and/or
544     * modify it under the same terms as Perl itself.
545     *
546     * Alternatively, the contents of this file may be used
547     * under the following terms (the "MPL/GPL/LGPL"),
548     * in which case the provisions of the MPL/GPL/LGPL are applicable instead
549     * of those above. If you wish to allow use of your version of this file only
550     * under the terms of the MPL/GPL/LGPL, and not to allow others to
551     * use your version of this file under the terms of the Perl, indicate your
552     * decision by deleting the provisions above and replace them with the notice
553     * and other provisions required by the MPL/GPL/LGPL. If you do not delete
554     * the provisions above, a recipient may use your version of this file under
555     * the terms of any one of the Perl or the MPL/GPL/LGPL.
556     *
557     * "MPL/GPL/LGPL":
558     *
559     * Version: MPL 1.1/GPL 2.0/LGPL 2.1
560     *
561     * The contents of this file are subject to the Mozilla Public License Version
562     * 1.1 (the "License"); you may not use this file except in compliance with
563     * the License. You may obtain a copy of the License at
564     * <http://www.mozilla.org/MPL/>
565     *
566     * Software distributed under the License is distributed on an "AS IS" basis,
567     * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
568     * for the specific language governing rights and limitations under the
569     * License.
570     *
571     * The Original Code is JSTE code.
572     *
573     * The Initial Developer of the Original Code is Wakaba.
574     * Portions created by the Initial Developer are Copyright (C) 2008
575     * the Initial Developer. All Rights Reserved.
576     *
577     * Contributor(s):
578     * Wakaba <[email protected]>
579     *
580     * Alternatively, the contents of this file may be used under the terms of
581     * either the GNU General Public License Version 2 or later (the "GPL"), or
582     * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
583     * in which case the provisions of the GPL or the LGPL are applicable instead
584     * of those above. If you wish to allow use of your version of this file only
585     * under the terms of either the GPL or the LGPL, and not to allow others to
586     * use your version of this file under the terms of the MPL, indicate your
587     * decision by deleting the provisions above and replace them with the notice
588     * and other provisions required by the LGPL or the GPL. If you do not delete
589     * the provisions above, a recipient may use your version of this file under
590     * the terms of any one of the MPL, the GPL or the LGPL.
591     *
592     * ***** END LICENSE BLOCK ***** */
593     -->
[email protected]
 ViewVC Help
Powered by ViewVC 1.1.24