https://www.typea.info/tips_/index.php?action=history&feed=atom&title=Dojo_%E3%81%B2%E3%81%AA%E5%BD%A2
Dojo ひな形 - 版の履歴
2026-05-09T19:13:02Z
このウィキのこのページに関する変更履歴
MediaWiki 1.34.0
https://www.typea.info/tips_/index.php?title=Dojo_%E3%81%B2%E3%81%AA%E5%BD%A2&diff=5950&oldid=prev
2020年2月16日 (日) 04:24にPirotoによる
2020-02-16T04:24:45Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ja">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← 古い版</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">2020年2月16日 (日) 04:24時点における版</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >1行目:</td>
<td colspan="2" class="diff-lineno">1行目:</td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>==Dojo ひな形==</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>==<ins class="diffchange diffchange-inline">[[</ins>Dojo ひな形<ins class="diffchange diffchange-inline">]]</ins>==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Dojo]] | [[JavaScript]] | </div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Dojo]] | [[JavaScript]] | </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==基本形==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==基本形==</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> &lt;!DOCTYPE HTML&gt;</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> &lt;!DOCTYPE <ins class="diffchange diffchange-inline">[[</ins>HTML<ins class="diffchange diffchange-inline">]]</ins>&gt;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;html&gt;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;html&gt;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;head&gt;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;head&gt;</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l32" >32行目:</td>
<td colspan="2" class="diff-lineno">32行目:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*http://typea.info/blg/glob/2012/05/dojo-bordercontainer.html</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*http://typea.info/blg/glob/2012/05/dojo-bordercontainer.html</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[File:0393_dojo_boarder_layout.jpg]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[File:0393_dojo_boarder_layout.jpg]]</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> &lt;!DOCTYPE HTML&gt;</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> &lt;!DOCTYPE <ins class="diffchange diffchange-inline">[[</ins>HTML<ins class="diffchange diffchange-inline">]]</ins>&gt;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;html&gt;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;html&gt;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;head&gt;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;head&gt;</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l86" >86行目:</td>
<td colspan="2" class="diff-lineno">86行目:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*http://dojotoolkit.org/api/dijit.form.ToggleButton</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*http://dojotoolkit.org/api/dijit.form.ToggleButton</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[File:0394_dojo_buttons.jpg]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[File:0394_dojo_buttons.jpg]]</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> &lt;!DOCTYPE HTML&gt;</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> &lt;!DOCTYPE <ins class="diffchange diffchange-inline">[[</ins>HTML<ins class="diffchange diffchange-inline">]]</ins>&gt;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;html&gt;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;html&gt;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;head&gt;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;head&gt;</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l103" >103行目:</td>
<td colspan="2" class="diff-lineno">103行目:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;div data-dojo-type="dijit.form.ComboButton"&gt;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;div data-dojo-type="dijit.form.ComboButton"&gt;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;span&gt;ComboButton&lt;/span&gt;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;span&gt;ComboButton&lt;/span&gt;</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> &lt;div data-dojo-type="dijit.<del class="diffchange diffchange-inline">DropDownMenu</del>"&gt;</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> &lt;div data-dojo-type="dijit.<ins class="diffchange diffchange-inline">DropDown[[Menu]]</ins>"&gt;</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> &lt;div data-dojo-type="dijit.<del class="diffchange diffchange-inline">MenuItem</del>" data-dojo-props="onClick:function(){alert('Item 1 clicked')}"&gt;Item 1&lt;/div&gt;</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> &lt;div data-dojo-type="dijit.<ins class="diffchange diffchange-inline">[[Menu]]Item</ins>" data-dojo-props="onClick:function(){alert('Item 1 clicked')}"&gt;Item 1&lt;/div&gt;</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> &lt;div data-dojo-type="dijit.<del class="diffchange diffchange-inline">MenuItem</del>" data-dojo-props="onClick:function(){alert('Item 2 clicked')}"&gt;Item 2&lt;/div&gt;</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> &lt;div data-dojo-type="dijit.<ins class="diffchange diffchange-inline">[[Menu]]Item</ins>" data-dojo-props="onClick:function(){alert('Item 2 clicked')}"&gt;Item 2&lt;/div&gt;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;/div&gt;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;/div&gt;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;/div&gt;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;/div&gt;</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l130" >130行目:</td>
<td colspan="2" class="diff-lineno">130行目:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> // for combo sample</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> // for combo sample</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> dojo.require("dijit.<del class="diffchange diffchange-inline">DropDownMenu</del>"); </div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> dojo.require("dijit.<ins class="diffchange diffchange-inline">DropDown[[Menu]]</ins>"); </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> dojo.require("dijit.<del class="diffchange diffchange-inline">MenuItem</del>"); </div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> dojo.require("dijit.<ins class="diffchange diffchange-inline">[[Menu]]Item</ins>"); </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> // for dropdown sample</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> // for dropdown sample</div></td></tr>
</table>
Piroto
https://www.typea.info/tips_/index.php?title=Dojo_%E3%81%B2%E3%81%AA%E5%BD%A2&diff=4858&oldid=prev
2020年2月15日 (土) 08:35にPirotoによる
2020-02-15T08:35:08Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ja">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← 古い版</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">2020年2月15日 (土) 08:35時点における版</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >1行目:</td>
<td colspan="2" class="diff-lineno">1行目:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Dojo ひな形==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Dojo ひな形==</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[Dojo]][[JavaScript]]</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[Dojo]] <ins class="diffchange diffchange-inline">| </ins>[[JavaScript]] <ins class="diffchange diffchange-inline">| </ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==基本形==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==基本形==</div></td></tr>
</table>
Piroto
https://www.typea.info/tips_/index.php?title=Dojo_%E3%81%B2%E3%81%AA%E5%BD%A2&diff=4039&oldid=prev
2020年2月15日 (土) 08:19にPirotoによる
2020-02-15T08:19:15Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ja">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← 古い版</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">2020年2月15日 (土) 08:19時点における版</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >1行目:</td>
<td colspan="2" class="diff-lineno">1行目:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Dojo ひな形==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Dojo ひな形==</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[Dojo][JavaScript]]</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[Dojo]<ins class="diffchange diffchange-inline">][</ins>[JavaScript]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==基本形==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==基本形==</div></td></tr>
</table>
Piroto
https://www.typea.info/tips_/index.php?title=Dojo_%E3%81%B2%E3%81%AA%E5%BD%A2&diff=3142&oldid=prev
2020年2月15日 (土) 08:02にPirotoによる
2020-02-15T08:02:01Z
<p></p>
<a href="https://www.typea.info/tips_/index.php?title=Dojo_%E3%81%B2%E3%81%AA%E5%BD%A2&diff=3142&oldid=1852">差分を表示</a>
Piroto
https://www.typea.info/tips_/index.php?title=Dojo_%E3%81%B2%E3%81%AA%E5%BD%A2&diff=1852&oldid=prev
Piroto: ページの作成:「==Dojo ひな形== [Dojo][JavaScript] ==基本形== <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">…」
2020-02-15T07:31:45Z
<p>ページの作成:「==Dojo ひな形== [Dojo][JavaScript] ==基本形== <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">…」</p>
<p><b>新規ページ</b></p><div>==Dojo ひな形==<br />
[Dojo][JavaScript]<br />
<br />
==基本形==<br />
<!DOCTYPE HTML><br />
<html><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><br />
<link rel="stylesheet" href="js/dijit/themes/claro/claro.css"/><br />
<title></title><br />
</head><br />
<body class="claro"><br />
<!--メインコンテンツ--><br />
<br />
<script src="js/dojo/dojo.js" djConfig="parseOnLoad: true"><br />
</script><br />
<script type="text/javascript"><br />
// ここでコンポーネントのインポート<br />
dojo.require("dijit.layout.BorderContainer");<br />
// ロード時の処理<br />
dojo.addOnLoad(function(){<br />
<br />
<br />
});<br />
</script><br />
</body><br />
</html><br />
==レイアウト==<br />
===BorderLayout===<br />
*http://dojotoolkit.org/api/dijit.layout.BorderContainer<br />
*http://dojotoolkit.org/reference-guide/1.7/dijit/layout/BorderContainer.html#dijit-layout-bordercontainer<br />
*http://typea.info/blg/glob/2012/05/dojo-bordercontainer.html<br />
[[File:0393_dojo_boarder_layout.jpg]]<br />
<!DOCTYPE HTML><br />
<html><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><br />
<link rel="stylesheet" href="js/dijit/themes/claro/claro.css"/><br />
<style type="text/css"><br />
html, body {<br />
width: 100%;<br />
height: 100%;<br />
margin: 0;<br />
overflow:hidden;<br />
}<br />
#borderContainer{<br />
width:100%;<br />
height:100%;<br />
}<br />
</style><br />
<title></title><br />
</head><br />
<body class="claro"><br />
<br />
<div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="gutters: true" id="borderContainer"><br />
<div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'top', splitter: true"><br />
header<br />
</div><br />
<div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'left', splitter: true" style="width: 200px;"><br />
menu<br />
</div><br />
<div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center', splitter: true"><br />
contents<br />
</div><br />
<div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'bottom', splitter: true"><br />
fotter<br />
</div><br />
</div><br />
<br />
<script src="js/dojo/dojo.js" djConfig="parseOnLoad: true"><br />
</script><br />
<script type="text/javascript"><br />
dojo.require("dijit.layout.BorderContainer");<br />
dojo.require("dijit.layout.ContentPane");<br />
dojo.addOnLoad(function(){<br />
<br />
});<br />
</script><br />
</body><br />
</html><br />
==Form==<br />
===Button===<br />
*http://dojotoolkit.org/api/dijit.form.Button<br />
*http://dojotoolkit.org/api/dijit.form.ComboButton<br />
*http://dojotoolkit.org/api/dijit.form.DropDownButton<br />
*http://dojotoolkit.org/api/dijit.form.ToggleButton<br />
[[File:0394_dojo_buttons.jpg]]<br />
<!DOCTYPE HTML><br />
<html><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><br />
<link rel="stylesheet" href="js/dijit/themes/claro/claro.css"/><br />
<title></title><br />
</head><br />
<body class="claro"><br />
<br />
<button data-dojo-type="dijit.form.Button" type="button">Button<br />
<script type="dojo/method" data-dojo-event="onClick" data-dojo-args="evt"><br />
alert("Button Clicked!");<br />
</script><br />
</button><br />
<br />
<div data-dojo-type="dijit.form.ComboButton"><br />
<span>ComboButton</span><br />
<div data-dojo-type="dijit.DropDownMenu"><br />
<div data-dojo-type="dijit.MenuItem" data-dojo-props="onClick:function(){alert('Item 1 clicked')}">Item 1</div><br />
<div data-dojo-type="dijit.MenuItem" data-dojo-props="onClick:function(){alert('Item 2 clicked')}">Item 2</div><br />
</div><br />
</div><br />
<br />
<div data-dojo-type="dijit.form.DropDownButton"><br />
<span>DropDown</span><br />
<div data-dojo-type="dijit.TooltipDialog"><br />
<label for="name">Item 1:</label> <input data-dojo-type="dijit.form.TextBox" id="name" name="item1"><br><br />
<label for="hobby">Item 2:</label> <input data-dojo-type="dijit.form.TextBox" id="hobby" name="item2"><br><br />
<button data-dojo-type="dijit.form.Button" type="submit">OK</button><br />
</div><br />
</div><br />
<br />
<button data-dojo-type="dijit.form.ToggleButton" data-dojo-props="iconClass:'dijitCheckBoxIcon', checked: true"><br />
Toggle<br />
</button><br />
<br />
<script src="js/dojo/dojo.js" djConfig="parseOnLoad: true"><br />
</script><br />
<script type="text/javascript"><br />
<br />
// for all sample<br />
dojo.require("dijit.form.Button"); <br />
<br />
// for combo sample<br />
dojo.require("dijit.DropDownMenu"); <br />
dojo.require("dijit.MenuItem"); <br />
<br />
// for dropdown sample<br />
dojo.require("dijit.Dialog"); <br />
dojo.require("dijit.form.TextBox"); <br />
dojo.require("dijit.TooltipDialog");<br />
<br />
dojo.addOnLoad(function(){<br />
<br />
<br />
});<br />
</script><br />
</body><br />
</html></div>
Piroto