﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>BlogJava-Skynet-随笔分类-javascript Framework</title><link>http://www.blogjava.net/Good-Game/category/25594.html</link><description /><language>zh-cn</language><lastBuildDate>Mon, 12 Nov 2007 16:23:24 GMT</lastBuildDate><pubDate>Mon, 12 Nov 2007 16:23:24 GMT</pubDate><ttl>60</ttl><item><title>jquery学习笔记_2</title><link>http://www.blogjava.net/Good-Game/archive/2007/11/09/159292.html</link><dc:creator>G_G</dc:creator><author>G_G</author><pubDate>Fri, 09 Nov 2007 02:34:00 GMT</pubDate><guid>http://www.blogjava.net/Good-Game/archive/2007/11/09/159292.html</guid><wfw:comment>http://www.blogjava.net/Good-Game/comments/159292.html</wfw:comment><comments>http://www.blogjava.net/Good-Game/archive/2007/11/09/159292.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/Good-Game/comments/commentRss/159292.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/Good-Game/services/trackbacks/159292.html</trackback:ping><description><![CDATA[学习：<a href="http://visualjquery.com/1.1.2.html">http://visualjquery.com/1.1.2.html</a><br /><strong><font color="#0000ff">DOM<br /></font>Attributes </strong><br />1.attr(key, value)<br />$("img").attr("title", "xx");<br />也是对属性的添加但可以动态<br />eg:    在每次给title时 动态了开始<br />&lt;img title="pic" /&gt;&lt;img title="pic" /&gt;&lt;img title="pic" /&gt;<br />通过$("img").attr("title", <font color="#0000ff">function(index) { return this.title + (i + 1)</font>; });<br />&lt;img title="pic<font color="#ffa500">1</font>" /&gt;&lt;img title="pic<font color="#ffa500">2</font>" /&gt;&lt;img title="pic<font color="#ffa500">3</font>" /&gt;<br /><br />2.  html 内容取、赋值<br />取  &lt;div&gt;&lt;input/&gt;&lt;/div&gt;  -&gt;&gt;  $("div").html(); -&gt;&gt;  结果：&lt;input/&gt;<br />赋  $("div").html("&lt;b&gt;new stuff&lt;/b&gt;"); -&gt;&gt;&lt;div&gt;&lt;b&gt;new stuff&lt;/b&gt;&lt;/div&gt;<br />通过这 ajax 就很简单了。^_^<br /><br /><strong>Manipulation</strong><br />1.位置调换 after, append、before<br />$("p").after("&lt;b&gt;Hello&lt;/b&gt;");    &lt;p&gt;后 添加 &lt;b&gt;..<br />$("p").after( $("#foo")[0] );  把id为foo的标签移动到&lt;p&gt;后<br /><br />$("input[@name='butt1']").clone().prependTo("form"); //clone in form<br /><br /><img src ="http://www.blogjava.net/Good-Game/aggbug/159292.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/Good-Game/" target="_blank">G_G</a> 2007-11-09 10:34 <a href="http://www.blogjava.net/Good-Game/archive/2007/11/09/159292.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>jquery 学习笔记_1</title><link>http://www.blogjava.net/Good-Game/archive/2007/11/08/159129.html</link><dc:creator>G_G</dc:creator><author>G_G</author><pubDate>Thu, 08 Nov 2007 09:12:00 GMT</pubDate><guid>http://www.blogjava.net/Good-Game/archive/2007/11/08/159129.html</guid><wfw:comment>http://www.blogjava.net/Good-Game/comments/159129.html</wfw:comment><comments>http://www.blogjava.net/Good-Game/archive/2007/11/08/159129.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/Good-Game/comments/commentRss/159129.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/Good-Game/services/trackbacks/159129.html</trackback:ping><description><![CDATA[参考：<br />    <font color="#0000ff">http://visualjquery.com/1.1.2.html<br /><font color="#000000"><br />1.定位<br /><div style="border: 1px solid rgb(204, 204, 204); padding: 4px 5px 4px 4px; background-color: rgb(238, 238, 238); font-size: 13px; width: 98%;"><!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>--><span style="color: rgb(0, 0, 0);">$( 'xx' )<br /></span><pre class="wiki">  $("p[a]").hide();<br />  $("p:eq(0)").show();<br />  $("div:visible").hide();<br />  $("ul/li")<br />  /* valid too: $("ul &gt; li") */<br /> $("p.foo[a]");<br />$("input[@name=bar]").val();<br />  $("input[@type=radio][@checked]")<br /></pre></div><br /><br />2.事件添加<br /><div style="border: 1px solid rgb(204, 204, 204); padding: 4px 5px 4px 4px; background-color: rgb(238, 238, 238); font-size: 13px; width: 98%;"><!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>--><span style="color: rgb(0, 0, 0);">   &lt;a href="#" name="li" &gt;Link&lt;/a&gt;<br /><br />   $(document).ready(</span><span style="color: rgb(0, 0, 255);">function</span><span style="color: rgb(0, 0, 0);">() {<br />         $(</span><span style="color: rgb(0, 0, 0);">"</span><span style="color: rgb(0, 0, 0);">a</span><span style="color: rgb(0, 0, 0);">"</span><span style="color: rgb(0, 0, 0);">).click(</span><span style="color: rgb(0, 0, 255);">function</span><span style="color: rgb(0, 0, 0);">() {                    <br />               $("div").hide();<font color="#006400"> //跌代不可见 &lt;a&gt; </font></span><span style="color: rgb(0, 0, 0);"><br />      });<br />    });</span></div><br />3.页面 javascript 输入（和jsp的 out.print(...)）<b><font color="#0000ff">$(html)</font></b><br /><div style="border: 1px solid rgb(204, 204, 204); padding: 4px 5px 4px 4px; background-color: rgb(238, 238, 238); font-size: 13px; width: 98%;"><!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>--><span style="color: rgb(0, 0, 0);">$(</span><span style="color: rgb(0, 0, 0);">"</span><span style="color: rgb(0, 0, 0);">&lt;div id='div1'&gt;&lt;font color='red''&gt;Hello&lt;/font&gt;&lt;/div&gt;</span><span style="color: rgb(0, 0, 0);">"</span><span style="color: rgb(0, 0, 0);">).appendTo(</span><span style="color: rgb(0, 0, 0);">"</span><span style="color: rgb(0, 0, 0);">body</span><span style="color: rgb(0, 0, 0);">"</span><span style="color: rgb(0, 0, 0);">);</span></div><br />4.写css<br /><div style="border: 1px solid rgb(204, 204, 204); padding: 4px 5px 4px 4px; background-color: rgb(238, 238, 238); font-size: 13px; width: 98%;"><!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>--><span style="color: rgb(0, 0, 0);">$(document.body).css( </span><span style="color: rgb(0, 0, 0);">"</span><span style="color: rgb(0, 0, 0);">background</span><span style="color: rgb(0, 0, 0);">"</span><span style="color: rgb(0, 0, 0);">, </span><span style="color: rgb(0, 0, 0);">"</span><span style="color: rgb(0, 0, 0);">black</span><span style="color: rgb(0, 0, 0);">"</span><span style="color: rgb(0, 0, 0);"> );</span></div><br />5.包含定位<br /><div style="border: 1px solid rgb(204, 204, 204); padding: 4px 5px 4px 4px; background-color: rgb(238, 238, 238); font-size: 13px; width: 98%;"><!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>--><span style="color: rgb(0, 0, 0);">&lt;p&gt;one&lt;/p&gt; <b>&lt;div&gt;&lt;p&gt;two&lt;/p&gt;&lt;/div&gt; </b>&lt;div&gt;three&lt;/div&gt;</span><span style="color: rgb(0, 0, 0);"></span><span style="color: rgb(0, 0, 0);"><br /><br />$(</span><span style="color: rgb(0, 0, 0);">"</span><span style="color: rgb(0, 0, 0);">div &gt; p</span><span style="color: rgb(0, 0, 0);">"</span><span style="color: rgb(0, 0, 0);">) <font color="#006400">//定位two &lt;p&gt;two&lt;/p&gt;</font><br /></span></div><br />6.范围定位<br /><div style="border: 1px solid rgb(204, 204, 204); padding: 4px 5px 4px 4px; background-color: rgb(238, 238, 238); font-size: 13px; width: 98%;"><!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>--><span style="color: rgb(0, 0, 255);">&lt;</span><span style="color: rgb(128, 0, 0);">body</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="color: rgb(0, 0, 0);"><br />        </span><span style="color: rgb(0, 0, 255);">&lt;</span><span style="color: rgb(128, 0, 0);">form</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="color: rgb(0, 0, 0);"><br />            </span><span style="color: rgb(0, 0, 255);">&lt;</span><span style="color: rgb(128, 0, 0);">input </span><span style="color: rgb(255, 0, 0);">type</span><span style="color: rgb(0, 0, 255);">="button"</span><span style="color: rgb(255, 0, 0);"> value</span><span style="color: rgb(0, 0, 255);">="哈哈"</span><span style="color: rgb(0, 0, 255);">/&gt;</span><span style="color: rgb(0, 0, 0);"><br />        </span><span style="color: rgb(0, 0, 255);">&lt;/</span><span style="color: rgb(128, 0, 0);">form</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="color: rgb(0, 0, 0);"><br /></span><span style="color: rgb(0, 0, 255);">&lt;/</span><span style="color: rgb(128, 0, 0);">body</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="color: rgb(0, 0, 0);"><br /><br /><font color="#0000ff">$("input:button", document.forms[0])[0]</font>.setAttribute("value","google");<br />或</span>  $("div", xml.responseXML) 等<br /></div><br />7.表达试定位<div style="border: 1px solid rgb(204, 204, 204); padding: 4px 5px 4px 4px; background-color: rgb(238, 238, 238); font-size: 13px; width: 98%;"><!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>--><span style="color: rgb(0, 0, 0);">$("p[@name='p1']").hide();<font color="#006400">//hide不要 $(..)[0]</font><br /><br />$("input[@name='butt1']:button", document.forms[0])[0].setAttribute("value","google");</span></div><br />8.$(..).fun.. 添加方法<br /><div style="border: 1px solid rgb(204, 204, 204); padding: 4px 5px 4px 4px; background-color: rgb(238, 238, 238); font-size: 13px; width: 98%;"><!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>--><span style="color: rgb(0, 0, 0);">        </span><span style="color: rgb(0, 0, 255);">&lt;</span><span style="color: rgb(128, 0, 0);">form</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="color: rgb(0, 0, 0);"><br />            </span><span style="color: rgb(0, 0, 255);">&lt;</span><span style="color: rgb(128, 0, 0);">input </span><span style="color: rgb(255, 0, 0);">name</span><span style="color: rgb(0, 0, 255);">="butt1"</span><span style="color: rgb(255, 0, 0);"> type</span><span style="color: rgb(0, 0, 255);">="button"</span><span style="color: rgb(255, 0, 0);"> value</span><span style="color: rgb(0, 0, 255);">="google"</span><span style="color: rgb(0, 0, 255);">/&gt;</span><span style="color: rgb(0, 0, 0);"><br />        </span><span style="color: rgb(0, 0, 255);">&lt;/</span><span style="color: rgb(128, 0, 0);">form</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="color: rgb(0, 0, 0);"><br />        </span><span style="color: rgb(0, 0, 255);">&lt;</span><span style="color: rgb(128, 0, 0);">script</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);"><br />                <br />        jQuery.fn.extend({<br />          <font color="#0000ff"><font color="#ffa500"><b>check</b></font>: </font></span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">function</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">() {<br />            alert('check');<br />          }<br />        });<br />        $(</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">"</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">input[@name='butt1']:button</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">"</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">, document.forms[</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">0</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">]).<font color="#ffa500"><b>check</b></font>();<br />        </span><span style="color: rgb(0, 0, 255);">&lt;/</span><span style="color: rgb(128, 0, 0);">script</span><span style="color: rgb(0, 0, 255);">&gt;<br /><br />或<br /></span><pre>jQuery.extend({<br />  min: function(a, b) { return a &lt; b ? a : b; },<br />  max: function(a, b) { return a &gt; b ? a : b; }<br />});</pre></div><br /><br />9.</font></font>$.noConflict()<font color="#0000ff"><font color="#000000"><div style="border: 1px solid rgb(204, 204, 204); padding: 4px 5px 4px 4px; background-color: rgb(238, 238, 238); font-size: 13px; width: 98%;"><!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>--><span style="color: rgb(0, 0, 0);">    </span><span style="color: rgb(0, 0, 255);">&lt;</span><span style="color: rgb(128, 0, 0);">body</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="color: rgb(0, 0, 0);"><br />        </span><span style="color: rgb(0, 0, 255);">&lt;</span><span style="color: rgb(128, 0, 0);">form</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="color: rgb(0, 0, 0);"><br />            </span><span style="color: rgb(0, 0, 255);">&lt;</span><span style="color: rgb(128, 0, 0);">input </span><span style="color: rgb(255, 0, 0);">name</span><span style="color: rgb(0, 0, 255);">="butt1"</span><span style="color: rgb(255, 0, 0);"> type</span><span style="color: rgb(0, 0, 255);">="button"</span><span style="color: rgb(255, 0, 0);"> value</span><span style="color: rgb(0, 0, 255);">="google"</span><span style="color: rgb(0, 0, 255);">/&gt;</span><span style="color: rgb(0, 0, 0);"><br />        </span><span style="color: rgb(0, 0, 255);">&lt;/</span><span style="color: rgb(128, 0, 0);">form</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="color: rgb(0, 0, 0);"><br />        </span><span style="color: rgb(0, 0, 255);">&lt;</span><span style="color: rgb(128, 0, 0);">a </span><span style="color: rgb(255, 0, 0);">href</span><span style="color: rgb(0, 0, 255);">="#"</span><span style="color: rgb(255, 0, 0);"> temp_href</span><span style="color: rgb(0, 0, 255);">="#"</span><span style="color: rgb(255, 0, 0);"> name</span><span style="color: rgb(0, 0, 255);">="li"</span><span style="color: rgb(255, 0, 0);"> </span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="color: rgb(0, 0, 0);">Link</span><span style="color: rgb(0, 0, 255);">&lt;/</span><span style="color: rgb(128, 0, 0);">a</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="color: rgb(0, 0, 0);"><br />        </span><span style="color: rgb(0, 0, 255);">&lt;</span><span style="color: rgb(128, 0, 0);">script</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);"><br />                <br />     </span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">var</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);"> $j </span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">=</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);"> jQuery.noConflict();  <br />       <br />     </span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 128, 0);">//</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 128, 0);"> Use jQuery via $j(<img src="http://www.blogjava.net/images/dot.gif" />)  </span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 128, 0);"><br /></span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">     $j(document).ready(</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">function</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">(){  <br />        $(</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">"</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">a</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">"</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">).click(</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">function</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">() {   <br />               $j(document.forms[</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">0</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">]).hide();  <br />           });<br />     });  <br />        </span><span style="color: rgb(0, 0, 255);">&lt;/</span><span style="color: rgb(128, 0, 0);">script</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="color: rgb(0, 0, 0);"><br />    </span><span style="color: rgb(0, 0, 255);">&lt;/</span><span style="color: rgb(128, 0, 0);">body</span><span style="color: rgb(0, 0, 255);">&gt;</span></div><br />10. $ 一般方法<br /><div style="border: 1px solid rgb(204, 204, 204); padding: 4px 5px 4px 4px; background-color: rgb(238, 238, 238); font-size: 13px; width: 98%;"><!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>--><b><font color="#ffa500">//each(fn)</font></b><br /><span style="color: rgb(0, 0, 0);">$("img").each(function(i){<br />  this.src = "test" + i + ".jpg";<br />});<br /></span><span style="color: rgb(0, 0, 255);">&lt;</span><span style="color: rgb(128, 0, 0);">img</span><span style="color: rgb(0, 0, 255);">/&gt;&lt;</span><span style="color: rgb(128, 0, 0);">img</span><span style="color: rgb(0, 0, 255);">/&gt;</span><span style="color: rgb(0, 0, 0);"><br /></span><span style="color: rgb(0, 0, 255);">&lt;</span><span style="color: rgb(128, 0, 0);">img </span><span style="color: rgb(255, 0, 0);">src</span><span style="color: rgb(0, 0, 255);">="test0.jpg"</span><span style="color: rgb(0, 0, 255);">/&gt;&lt;</span><span style="color: rgb(128, 0, 0);">img </span><span style="color: rgb(255, 0, 0);">src</span><span style="color: rgb(0, 0, 255);">="test1.jpg"</span><span style="color: rgb(0, 0, 255);">/&gt;<br /><br /></span><pre><b><font color="#ffa500"><br /></font></b>$("p").eq(1) //后1个<br />$("p").lt(1) //正取 1 开始<br /><br />$("img").get();//全取<br />$("img").get(0); //顺序取 0开始<br />$("p").gt(0) //反取从0开始<br /><br />$("*").index( $('#foo')[0] )<br />	&lt;div id="foobar"&gt;&lt;b&gt;&lt;/b&gt;&lt;span id="foo"&gt;&lt;/span&gt;&lt;/div&gt;<br />	返回结果 2 <br /><br />$("img").length; //总长度<br />$("img").size();<br /><br /><br /><br /></pre><br /><span style="color: rgb(0, 0, 255);"><br /></span></div><br /><br /></font></font><img src ="http://www.blogjava.net/Good-Game/aggbug/159129.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/Good-Game/" target="_blank">G_G</a> 2007-11-08 17:12 <a href="http://www.blogjava.net/Good-Game/archive/2007/11/08/159129.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>dojo 0.9笔记_layout</title><link>http://www.blogjava.net/Good-Game/archive/2007/09/07/143350.html</link><dc:creator>G_G</dc:creator><author>G_G</author><pubDate>Fri, 07 Sep 2007 03:19:00 GMT</pubDate><guid>http://www.blogjava.net/Good-Game/archive/2007/09/07/143350.html</guid><wfw:comment>http://www.blogjava.net/Good-Game/comments/143350.html</wfw:comment><comments>http://www.blogjava.net/Good-Game/archive/2007/09/07/143350.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/Good-Game/comments/commentRss/143350.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/Good-Game/services/trackbacks/143350.html</trackback:ping><description><![CDATA[引用 dojo demo  但在IE上总是有问题. 不显示 @#$!*&amp; 郁闷了我一天 ,后来发现 <br /><br />        <span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">script </span><span style="COLOR: #ff0000">type</span><span style="COLOR: #0000ff">="text/javascript"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"><br />                dojo.require(</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">dijit.layout.LayoutContainer</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);  <font color="#006400">//位置和官方的反过来 IE 就没事了 @#$%^! </font><br />                dojo.require(</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">dijit.layout.ContentPane</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);   <font color="#006400">// FF没这问题  .还是FF好啊 大家支持FF   ^_^</font><br />     </span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">script</span><span style="COLOR: #0000ff">&gt;<br /></span><br /><div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">html</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">head</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">title</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000">Layout Container Demo 1</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">title</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />    </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">style </span><span style="COLOR: #ff0000">type</span><span style="COLOR: #0000ff">="text/css"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #800000; BACKGROUND-COLOR: #f5f5f5"><br />        @import "/dojoCharset/js/dojo/dijit/themes/tundra/tundra.css";<br />        @import "/dojoCharset/js/dojo/dojo/dojo.css"<br />    </span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">style</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />        </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">script </span><span style="COLOR: #ff0000">type</span><span style="COLOR: #0000ff">="text/javascript"</span><span style="COLOR: #ff0000"> src</span><span style="COLOR: #0000ff">="/dojoCharset/js/dojo/dojo/dojo.js"</span><span style="COLOR: #ff0000"><br />                djConfig</span><span style="COLOR: #0000ff">="parseOnLoad: true"</span><span style="COLOR: #0000ff">&gt;&lt;/</span><span style="COLOR: #800000">script</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />        </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">script </span><span style="COLOR: #ff0000">type</span><span style="COLOR: #0000ff">="text/javascript"</span><span style="COLOR: #ff0000"> src</span><span style="COLOR: #0000ff">="/dojoCharset/js/create/cr.js"</span><span style="COLOR: #ff0000"><br />                djConfig</span><span style="COLOR: #0000ff">="parseOnLoad: true"</span><span style="COLOR: #0000ff">&gt;&lt;/</span><span style="COLOR: #800000">script</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000">        <br />        </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">script </span><span style="COLOR: #ff0000">type</span><span style="COLOR: #0000ff">="text/javascript"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"><br />                dojo.require(</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">dijit.layout.LayoutContainer</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);<br />                dojo.require(</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">dijit.layout.ContentPane</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);<br />     </span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">script</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">head</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">body </span><span style="COLOR: #ff0000">class</span><span style="COLOR: #0000ff">="tundra"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br /><br /></span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">div </span><span style="COLOR: #ff0000">dojoType</span><span style="COLOR: #0000ff">="dijit.layout.LayoutContainer"</span><span style="COLOR: #ff0000"> style</span><span style="COLOR: #0000ff">="width: 100%; height: 100%"</span><span style="COLOR: #0000ff">&gt;    <font color="#006400">//开一个 LayOut 空间</font></span><span style="COLOR: #000000"><br />   </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">div </span><span style="COLOR: #ff0000">dojoType</span><span style="COLOR: #0000ff">="dijit.layout.ContentPane"</span><span style="COLOR: #ff0000"> layoutAlign</span><span style="COLOR: #0000ff">="top"</span><span style="COLOR: #ff0000"> style</span><span style="COLOR: #0000ff">="background-color:red"</span><span style="COLOR: #ff0000"> href</span><span style="COLOR: #0000ff">="/dojoCharset/html/top.jsp"</span><span style="COLOR: #0000ff">&gt; <font color="#006400">//top </font></span><span style="COLOR: #000000"><br />        The Dojo Book<br />   </span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">div</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />   </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">div  </span><span style="COLOR: #ff0000">dojoType</span><span style="COLOR: #0000ff">="dijit.layout.ContentPane"</span><span style="COLOR: #ff0000"> layoutAlign</span><span style="COLOR: #0000ff">="left"  <font color="#008000">//left</font></span><span style="COLOR: #ff0000"><br />        style</span><span style="COLOR: #0000ff">="background-color:lightblue;width: 120px;"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />        Table of Contents<br />    </span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">div</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />    </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">div </span><span style="COLOR: #ff0000">id</span><span style="COLOR: #0000ff">='div' </span><span style="COLOR: #ff0000">dojoType</span><span style="COLOR: #0000ff">="dijit.layout.ContentPane"</span><span style="COLOR: #ff0000"> layoutAlign</span><span style="COLOR: #0000ff">="client"         <font color="#008000">//client </font></span><span style="COLOR: #ff0000"><br />        style</span><span style="COLOR: #0000ff">="background-color:yellow"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />            </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">blockquote</span><span style="COLOR: #0000ff">&gt;&lt;</span><span style="COLOR: #800000">a </span><span style="COLOR: #ff0000">href</span><span style="COLOR: #0000ff">="../node/717"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000">Introduction</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">a</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />                </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">ol</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />                    </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">li</span><span style="COLOR: #0000ff">&gt;&lt;</span><span style="COLOR: #800000">a </span><span style="COLOR: #ff0000">href</span><span style="COLOR: #0000ff">="../node/718"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000">Dojo: What is It?</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">a</span><span style="COLOR: #0000ff">&gt;&lt;/</span><span style="COLOR: #800000">li</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />                    </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">li</span><span style="COLOR: #0000ff">&gt;&lt;</span><span style="COLOR: #800000">a </span><span style="COLOR: #ff0000">href</span><span style="COLOR: #0000ff">="../node/719"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000">History</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">a</span><span style="COLOR: #0000ff">&gt;&lt;/</span><span style="COLOR: #800000">li</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />                    </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">li</span><span style="COLOR: #0000ff">&gt;&lt;</span><span style="COLOR: #800000">a </span><span style="COLOR: #ff0000">href</span><span style="COLOR: #0000ff">="../node/733"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000">What Dojo Gives You</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">a</span><span style="COLOR: #0000ff">&gt;&lt;/</span><span style="COLOR: #800000">li</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />                </span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">ol</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />                </span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">blockquote</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />    </span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">div</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">div</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000">       <br /></span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">body</span><span style="COLOR: #0000ff">&gt;&lt;/</span><span style="COLOR: #800000">html</span><span style="COLOR: #0000ff">&gt;</span></div><br />cr.js<br /><div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee"><img id="Codehighlighter1_14_377_Open_Image" onclick="this.style.display='none'; Codehighlighter1_14_377_Open_Text.style.display='none'; Codehighlighter1_14_377_Closed_Image.style.display='inline'; Codehighlighter1_14_377_Closed_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" align="top" /><img id="Codehighlighter1_14_377_Closed_Image" style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_14_377_Closed_Text.style.display='none'; Codehighlighter1_14_377_Open_Image.style.display='inline'; Codehighlighter1_14_377_Open_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" align="top" /><span style="COLOR: #000000">    </span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000"> on()</span><span id="Codehighlighter1_14_377_Closed_Text" style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff"><img src="http://www.blogjava.net/images/dot.gif" /></span><span id="Codehighlighter1_14_377_Open_Text"><span style="COLOR: #000000">{<br /><img id="Codehighlighter1_46_329_Open_Image" onclick="this.style.display='none'; Codehighlighter1_46_329_Open_Text.style.display='none'; Codehighlighter1_46_329_Closed_Image.style.display='inline'; Codehighlighter1_46_329_Closed_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockStart.gif" align="top" /><img id="Codehighlighter1_46_329_Closed_Image" style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_46_329_Closed_Text.style.display='none'; Codehighlighter1_46_329_Open_Image.style.display='inline'; Codehighlighter1_46_329_Open_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ContractedSubBlock.gif" align="top" />       </span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000"> helloPressed()</span><span id="Codehighlighter1_46_329_Closed_Text" style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff"><img src="http://www.blogjava.net/images/dot.gif" /></span><span id="Codehighlighter1_46_329_Open_Text"><span style="COLOR: #000000">{<br /><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />               window.alert('ok');<br /><img id="Codehighlighter1_92_323_Open_Image" onclick="this.style.display='none'; Codehighlighter1_92_323_Open_Text.style.display='none'; Codehighlighter1_92_323_Closed_Image.style.display='inline'; Codehighlighter1_92_323_Closed_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockStart.gif" align="top" /><img id="Codehighlighter1_92_323_Closed_Image" style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_92_323_Closed_Text.style.display='none'; Codehighlighter1_92_323_Open_Image.style.display='inline'; Codehighlighter1_92_323_Open_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ContractedSubBlock.gif" align="top" />            dojo.xhrGet(</span><span id="Codehighlighter1_92_323_Closed_Text" style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff"><img src="http://www.blogjava.net/images/dot.gif" /></span><span id="Codehighlighter1_92_323_Open_Text"><span style="COLOR: #000000">{<br /><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />                url: '</span><span style="COLOR: #000000">/</span><span style="COLOR: #000000">dojoCharset</span><span style="COLOR: #000000">/</span><span style="COLOR: #000000">html</span><span style="COLOR: #000000">/</span><span style="COLOR: #000000">top.jsp', <br /><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />                handleAs: </span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">text</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,<br /><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />                encoding: </span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">utf-8</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,<br /><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />                timeout: </span><span style="COLOR: #000000">5000</span><span style="COLOR: #000000">, </span><span style="COLOR: #008000">//</span><span style="COLOR: #008000"> Time in milliseconds</span><span style="COLOR: #008000"><br /><img id="Codehighlighter1_254_318_Open_Image" onclick="this.style.display='none'; Codehighlighter1_254_318_Open_Text.style.display='none'; Codehighlighter1_254_318_Closed_Image.style.display='inline'; Codehighlighter1_254_318_Closed_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockStart.gif" align="top" /><img id="Codehighlighter1_254_318_Closed_Image" style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_254_318_Closed_Text.style.display='none'; Codehighlighter1_254_318_Open_Image.style.display='inline'; Codehighlighter1_254_318_Open_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ContractedSubBlock.gif" align="top" /></span><span style="COLOR: #000000">                load: </span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">(data, ioArgs) </span><span id="Codehighlighter1_254_318_Closed_Text" style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff"><img src="http://www.blogjava.net/images/dot.gif" /></span><span id="Codehighlighter1_254_318_Open_Text"><span style="COLOR: #000000">{<br /><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />                    document.getElementById('div').innerHTML </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> data ;<br /><img src="http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockEnd.gif" align="top" />                }</span></span><span style="COLOR: #000000"><br /><img src="http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockEnd.gif" align="top" />            }</span></span><span style="COLOR: #000000">);<br /><img src="http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockEnd.gif" align="top" />        }</span></span><span style="COLOR: #000000"><br /><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />              dojo.addOnLoad(helloPressed);         <br /><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />         <br /><img src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockEnd.gif" align="top" />    }</span></span></div><br />top.js<br /><div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #0000ff">&lt;!</span><span style="COLOR: #ff00ff">DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//ZH-CN" "http://www.w3.org/TR/html4/strict.dtd"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br /></span><span style="COLOR: #000000; BACKGROUND-COLOR: #ffff00">&lt;%</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">@ page contentType</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">text/html;charset=gb2312</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> </span><span style="COLOR: #000000; BACKGROUND-COLOR: #ffff00">%&gt;</span><span style="COLOR: #000000"> <br /></span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">html</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />    </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">head</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />        </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">meta </span><span style="COLOR: #ff0000">http-equiv</span><span style="COLOR: #0000ff">="Content-Type"</span><span style="COLOR: #ff0000"> content</span><span style="COLOR: #0000ff">="text/html; charset=GB2312"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000">  <br />        </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">script </span><span style="COLOR: #ff0000">type</span><span style="COLOR: #0000ff">="text/javascript"</span><span style="COLOR: #ff0000"><br />            src</span><span style="COLOR: #0000ff">="/dojoCharset/js/create/cr.js"</span><span style="COLOR: #0000ff">&gt;&lt;/</span><span style="COLOR: #800000">script</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"> <br />    </span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">head</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />    </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">body</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />        </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">center</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />            </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">h3</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />                </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">font </span><span style="COLOR: #ff0000">color</span><span style="COLOR: #0000ff">='darkcyan'</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />                    大家好<br />                </span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">font</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />                </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">INPUT </span><span style="COLOR: #ff0000">id</span><span style="COLOR: #0000ff">='butt' </span><span style="COLOR: #ff0000">value</span><span style="COLOR: #0000ff">="list"</span><span style="COLOR: #ff0000"> type</span><span style="COLOR: #0000ff">="button"</span><span style="COLOR: #ff0000"> onclick</span><span style="COLOR: #0000ff">="on()"</span><span style="COLOR: #0000ff">/&gt;</span><span style="COLOR: #000000"><br />            </span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">h3</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />        </span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">center</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />    </span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">body</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />    <br /></span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">html</span><span style="COLOR: #0000ff">&gt;</span></div><img src ="http://www.blogjava.net/Good-Game/aggbug/143350.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/Good-Game/" target="_blank">G_G</a> 2007-09-07 11:19 <a href="http://www.blogjava.net/Good-Game/archive/2007/09/07/143350.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>dojo 小结</title><link>http://www.blogjava.net/Good-Game/archive/2007/09/06/143235.html</link><dc:creator>G_G</dc:creator><author>G_G</author><pubDate>Thu, 06 Sep 2007 09:52:00 GMT</pubDate><guid>http://www.blogjava.net/Good-Game/archive/2007/09/06/143235.html</guid><wfw:comment>http://www.blogjava.net/Good-Game/comments/143235.html</wfw:comment><comments>http://www.blogjava.net/Good-Game/archive/2007/09/06/143235.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/Good-Game/comments/commentRss/143235.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/Good-Game/services/trackbacks/143235.html</trackback:ping><description><![CDATA[
		<p>页面 的 LayOut 用: <a class="active" href="http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/layout/layout-container">LayoutContainer</a> <br />   这里有个问题 html -&gt; html  的乱码问题不是很好解决(可能是dojo 0.9 bug??) 这 top , left .... 等可以用 .jsp来做 再用dojoLayout加入主页面 .html <br /></p>
		<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee">
				<span style="COLOR: #0000ff">&lt;!</span>
				<span style="COLOR: #ff00ff">DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"<br />            "http://www.w3.org/TR/html4/strict.dtd"</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000">
						<br />
				</span>
				<span style="COLOR: #0000ff">&lt;</span>
				<span style="COLOR: #800000">html</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000">
						<br />
				</span>
				<span style="COLOR: #0000ff">&lt;</span>
				<span style="COLOR: #800000">head</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000">
						<br />
				</span>
				<span style="COLOR: #0000ff">&lt;</span>
				<span style="COLOR: #800000">title</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000">Layout Container Demo 1</span>
				<span style="COLOR: #0000ff">&lt;/</span>
				<span style="COLOR: #800000">title</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000">
						<br />    </span>
				<span style="COLOR: #0000ff">&lt;</span>
				<span style="COLOR: #800000">style </span>
				<span style="COLOR: #ff0000">type</span>
				<span style="COLOR: #0000ff">="text/css"</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #800000; BACKGROUND-COLOR: #f5f5f5">
						<br />        @import "http://127.0.0.1:7000/dojoCharset/js/dojo/dijit/themes/tundra/tundra.css";<br />        @import "http://127.0.0.1:7000/dojoCharset/js/dojo/dojo/dojo.css"<br />    </span>
				<span style="COLOR: #0000ff">&lt;/</span>
				<span style="COLOR: #800000">style</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000">
						<br />        </span>
				<span style="COLOR: #0000ff">&lt;</span>
				<span style="COLOR: #800000">script </span>
				<span style="COLOR: #ff0000">type</span>
				<span style="COLOR: #0000ff">="text/javascript"</span>
				<span style="COLOR: #ff0000"> src</span>
				<span style="COLOR: #0000ff">="http://127.0.0.1:7000/dojoCharset/js/dojo/dojo/dojo.js"</span>
				<span style="COLOR: #ff0000">
						<br />                djConfig</span>
				<span style="COLOR: #0000ff">="parseOnLoad: true"</span>
				<span style="COLOR: #0000ff">&gt;&lt;/</span>
				<span style="COLOR: #800000">script</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000">
						<br />        </span>
				<span style="COLOR: #0000ff">&lt;</span>
				<span style="COLOR: #800000">script </span>
				<span style="COLOR: #ff0000">type</span>
				<span style="COLOR: #0000ff">="text/javascript"</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">
						<br />                dojo.require(</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">dijit.layout.ContentPane</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);<br />                dojo.require(</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">dijit.layout.LayoutContainer</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);<br />     </span>
				<span style="COLOR: #0000ff">&lt;/</span>
				<span style="COLOR: #800000">script</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000">
						<br />
				</span>
				<span style="COLOR: #0000ff">&lt;/</span>
				<span style="COLOR: #800000">head</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000">
						<br />
				</span>
				<span style="COLOR: #0000ff">&lt;</span>
				<span style="COLOR: #800000">body </span>
				<span style="COLOR: #ff0000">class</span>
				<span style="COLOR: #0000ff">="tundra"</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000">
						<br />
						<br />
				</span>
				<span style="COLOR: #0000ff">&lt;</span>
				<span style="COLOR: #800000">div </span>
				<span style="COLOR: #ff0000">dojoType</span>
				<span style="COLOR: #0000ff">="dijit.layout.LayoutContainer"</span>
				<span style="COLOR: #ff0000"> style</span>
				<span style="COLOR: #0000ff">="width: 100%; height: 100%"</span>
				<span style="COLOR: #0000ff">&gt;<br /></span>
				<span style="COLOR: #000000">   <font color="#006400"><strong>//这里 href 是关键到入 top.jsp 还没乱码问题 </strong></font><br />   </span>
				<span style="COLOR: #0000ff">&lt;</span>
				<span style="COLOR: #800000">div </span>
				<span style="COLOR: #ff0000">dojoType</span>
				<span style="COLOR: #0000ff">="dijit.layout.ContentPane"</span>
				<span style="COLOR: #ff0000"> layoutAlign</span>
				<span style="COLOR: #0000ff">="top"</span>
				<span style="COLOR: #ff0000"> style</span>
				<span style="COLOR: #0000ff">="background-color:red"</span>
				<span style="COLOR: #ff0000"> <strong>href</strong></span>
				<span style="COLOR: #0000ff">
						<strong>="http://127.0.0.1:7000/dojoCharset/html/top.jsp"</strong>
				</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000">
						<br />   </span>
				<span style="COLOR: #0000ff">&lt;/</span>
				<span style="COLOR: #800000">div</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000">
						<br />   </span>
				<span style="COLOR: #0000ff">&lt;</span>
				<span style="COLOR: #800000">div </span>
				<span style="COLOR: #ff0000">dojoType</span>
				<span style="COLOR: #0000ff">="dijit.layout.ContentPane"</span>
				<span style="COLOR: #ff0000"> layoutAlign</span>
				<span style="COLOR: #0000ff">="left"</span>
				<span style="COLOR: #ff0000">
						<br />        style</span>
				<span style="COLOR: #0000ff">="background-color:lightblue;width: 120px;"</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000">
						<br />    </span>
				<span style="COLOR: #0000ff">&lt;/</span>
				<span style="COLOR: #800000">div</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000">
						<br />    </span>
				<span style="COLOR: #0000ff">&lt;</span>
				<span style="COLOR: #800000">div </span>
				<span style="COLOR: #ff0000">dojoType</span>
				<span style="COLOR: #0000ff">="dijit.layout.ContentPane"</span>
				<span style="COLOR: #ff0000"> layoutAlign</span>
				<span style="COLOR: #0000ff">="client"</span>
				<span style="COLOR: #ff0000">
						<br />        style</span>
				<span style="COLOR: #0000ff">="background-color:yellow"</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000">
						<br />
				</span>
				<span style="COLOR: #000000">    </span>
				<span style="COLOR: #0000ff">&lt;/</span>
				<span style="COLOR: #800000">div</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000">
						<br />
				</span>
				<span style="COLOR: #0000ff">&lt;/</span>
				<span style="COLOR: #800000">div</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000">       <br /></span>
				<span style="COLOR: #0000ff">&lt;/</span>
				<span style="COLOR: #800000">body</span>
				<span style="COLOR: #0000ff">&gt;&lt;/</span>
				<span style="COLOR: #800000">html</span>
				<span style="COLOR: #0000ff">&gt;</span>
		</div>
		<br />或者用 一种比较复杂但灵活的方法<br /><div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">html</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />  </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">head</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000">  <br />    </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">title</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000">Dojo: Hello World!</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">title</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />    </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">meta </span><span style="COLOR: #ff0000">http-equiv</span><span style="COLOR: #0000ff">="Content-Type"</span><span style="COLOR: #ff0000"> content</span><span style="COLOR: #0000ff">="text/html; charset=utf-8"</span><span style="COLOR: #ff0000"> </span><span style="COLOR: #0000ff">/&gt;</span><span style="COLOR: #000000">    <br /><br />    </span><span style="COLOR: #008000">&lt;!--</span><span style="COLOR: #008000"> SECTION 1 </span><span style="COLOR: #008000">--&gt;</span><span style="COLOR: #000000"><br />  </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">script </span><span style="COLOR: #ff0000">type</span><span style="COLOR: #0000ff">="text/javascript"</span><span style="COLOR: #ff0000"><br />    src</span><span style="COLOR: #0000ff">="http://127.0.0.1:7000/dojoCharset/js/dojo/dojo/dojo.js"</span><span style="COLOR: #0000ff">&gt;&lt;/</span><span style="COLOR: #800000">script</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"> <br />    </span><span style="COLOR: #008000">&lt;!--</span><span style="COLOR: #008000"> SECTION 2 </span><span style="COLOR: #008000">--&gt;</span><span style="COLOR: #000000"><br />    </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">script </span><span style="COLOR: #ff0000">type</span><span style="COLOR: #0000ff">="text/javascript"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"><br />      </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">function</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> helloPressed()<br />      {<br />        dojo.xhrGet({<br />                       url: 'http:</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">//</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">127.0.0.1:7000/dojoCharset/dojo', </span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5"><br /></span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">                       handleAs: </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">text</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">,<br />                       encoding: </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">utf-8</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">,<br />                       timeout: </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">5000</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">, </span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">//</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5"> Time in milliseconds</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5"><br /></span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">                       load: </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">function</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">(data, ioArgs) {<br />                              window.alert(data);  </span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">//</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5"> Prints "peach"</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5"><br /></span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">                               document.getElementById('div').innerHTML </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> data ;<br />                               <strong><font color="#006400">// div 添加</font></strong><br />                       }<br />                    });<br />      }<br />    dojo.addOnLoad(helloPressed);<br />    </span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">script</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />    </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">div </span><span style="COLOR: #ff0000">id</span><span style="COLOR: #0000ff">='div' </span><span style="COLOR: #0000ff">/&gt;</span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">html</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br /></span></div><img src ="http://www.blogjava.net/Good-Game/aggbug/143235.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/Good-Game/" target="_blank">G_G</a> 2007-09-06 17:52 <a href="http://www.blogjava.net/Good-Game/archive/2007/09/06/143235.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>dojo 0.9 学习(3) _collections</title><link>http://www.blogjava.net/Good-Game/archive/2007/09/05/142919.html</link><dc:creator>G_G</dc:creator><author>G_G</author><pubDate>Wed, 05 Sep 2007 08:06:00 GMT</pubDate><guid>http://www.blogjava.net/Good-Game/archive/2007/09/05/142919.html</guid><wfw:comment>http://www.blogjava.net/Good-Game/comments/142919.html</wfw:comment><comments>http://www.blogjava.net/Good-Game/archive/2007/09/05/142919.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/Good-Game/comments/commentRss/142919.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/Good-Game/services/trackbacks/142919.html</trackback:ping><description><![CDATA[1.ArrayList<br /><div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #000000">    <br /></span><span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">script type</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">text/javascript</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br /><br />dojo.require(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">dojox.collections.ArrayList</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">);<br /><br />dojo.addOnLoad(</span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">(){<br />    </span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> a </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> ['a1','a2'];<br />    </span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> arr </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> </span><span style="COLOR: #0000ff">new</span><span style="COLOR: #000000"> dojox.collections.ArrayList(a);  <br />    arr.add('xx1');<br />    arr.add('xx2');<br />    arr.add('xx3');<br />    <br />    <font color="#008000">//迭带</font><br />    </span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> it </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> arr.getIterator();<br />    </span><span style="COLOR: #0000ff">while</span><span style="COLOR: #000000">(</span><span style="COLOR: #000000">!</span><span style="COLOR: #000000">it.atEnd()){<br />        document.writeln( it.get());<br />    }<br />    <br />   <font color="#006400">//数量</font><br />    document.writeln(arr.count);<br />    <br />    <font color="#006400">//删除</font><br />    arr.remove('xx1');<br />    <br />    </span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> arr_str </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> arr.toString()<br />    document.writeln( arr_str );<br />});<br /><br /></span><span style="COLOR: #000000">&lt;/</span><span style="COLOR: #000000">script</span><span style="COLOR: #000000">&gt;</span></div><br />与java的collections 很相同方法就不一一介绍了<br />addRange --add 集合<br />clear , clone , contains , indexOf , insert , <br />item  -- get(i),<br />removeAt(i),<br />reverse ???,<br />sort,<br />toArray . return  object[]<img src ="http://www.blogjava.net/Good-Game/aggbug/142919.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/Good-Game/" target="_blank">G_G</a> 2007-09-05 16:06 <a href="http://www.blogjava.net/Good-Game/archive/2007/09/05/142919.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>dojo 0.9 笔记(2) _画图</title><link>http://www.blogjava.net/Good-Game/archive/2007/09/05/142906.html</link><dc:creator>G_G</dc:creator><author>G_G</author><pubDate>Wed, 05 Sep 2007 07:21:00 GMT</pubDate><guid>http://www.blogjava.net/Good-Game/archive/2007/09/05/142906.html</guid><wfw:comment>http://www.blogjava.net/Good-Game/comments/142906.html</wfw:comment><comments>http://www.blogjava.net/Good-Game/archive/2007/09/05/142906.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/Good-Game/comments/commentRss/142906.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/Good-Game/services/trackbacks/142906.html</trackback:ping><description><![CDATA[
		<strong>
				<font color="#0000ff">1.画图</font>
		</strong>
		<br />
		<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee">
				<span style="COLOR: #0000ff">&lt;!</span>
				<span style="COLOR: #ff00ff">DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//ZH-CN" "http://www.w3.org/TR/html4/strict.dtd"</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000">
						<br />
				</span>
				<span style="COLOR: #0000ff">&lt;</span>
				<span style="COLOR: #800000">html</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000">
						<br />    </span>
				<span style="COLOR: #0000ff">&lt;</span>
				<span style="COLOR: #800000">head</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000">
						<br />        </span>
				<span style="COLOR: #0000ff">&lt;</span>
				<span style="COLOR: #800000">meta </span>
				<span style="COLOR: #ff0000">http-equiv</span>
				<span style="COLOR: #0000ff">="Content-Type"</span>
				<span style="COLOR: #ff0000"> content</span>
				<span style="COLOR: #0000ff">="text/html"</span>
				<span style="COLOR: #ff0000"> </span>
				<span style="COLOR: #0000ff">/&gt;</span>
				<span style="COLOR: #000000">
						<br />        </span>
				<span style="COLOR: #0000ff">&lt;</span>
				<span style="COLOR: #800000">script </span>
				<span style="COLOR: #ff0000">type</span>
				<span style="COLOR: #0000ff">="text/javascript"</span>
				<span style="COLOR: #ff0000"> src</span>
				<span style="COLOR: #0000ff">="http://127.0.0.1:8000/lib/dojo/dojo_0.9/dojo/dojo.js"</span>
				<span style="COLOR: #ff0000">
						<br />                djConfig</span>
				<span style="COLOR: #0000ff">="parseOnLoad: true"</span>
				<span style="COLOR: #0000ff">&gt;&lt;/</span>
				<span style="COLOR: #800000">script</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000">
						<br />    </span>
				<span style="COLOR: #0000ff">&lt;</span>
				<span style="COLOR: #800000">style </span>
				<span style="COLOR: #ff0000">type</span>
				<span style="COLOR: #0000ff">="text/css"</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #800000; BACKGROUND-COLOR: #f5f5f5">
						<br />        @import "http://127.0.0.1:8000/lib/dojo/dojo_0.9/dojo/resources/dojo.css";<br />        @import "http://127.0.0.1:8000/lib/dojo/dojo_0.9/dijit/tests/css/dijitTests.css";<br />    </span>
				<span style="COLOR: #0000ff">&lt;/</span>
				<span style="COLOR: #800000">style</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000">    <br /></span>
				<span style="COLOR: #0000ff">&lt;</span>
				<span style="COLOR: #800000">script </span>
				<span style="COLOR: #ff0000">type</span>
				<span style="COLOR: #0000ff">="text/javascript"</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">
						<br />dojo.require(</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">dojox.gfx</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);<br />dojo.addOnLoad(</span>
				<span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">function</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">(){<br />    container </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> dojo.byId(</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">gfx_holder</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);<br />    </span>
				<span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> surface </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> dojox.gfx.createSurface(container, </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">385</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">, </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">385</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);        </span>
				<span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">//</span>
				<span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">创建图范围</span>
				<span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">
						<br />
				</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">    surface.create<font color="#ff0000">Image</font>({width: </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">30</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">, height: </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">40</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">, src: </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">http://127.0.0.1:8000/images/tomcat.ico</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">});  </span>
				<span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">//</span>
				<span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">create <br /></span>
				<span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">
						<br />
				</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">    surface.create<font color="#ff0000">Circle</font>({cx: </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">100</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">, cy: </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">100</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">, r: </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">20</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">}) .setFill('blue');<br />    <br />    surface.create<font color="#ff0000">Line</font>({x1: </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">0</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">, y1: </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">350</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">, x2: </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">700</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">, y2: </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">250</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">}).setStroke(</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">green</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);<br />    <br />    surface.create<font color="#ff0000">Rect</font>({x: </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">70</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">, y: </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">70</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">, width: </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">20</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">, height: </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">20</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">}).setFill(</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">red</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);<br />    <br />    </span>
				<span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> hour_hand_points </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> [{x: </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">50</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">, y: </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">82</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">}, {x: </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">100</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">, y: </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">15</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">},{x: </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">200</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">, y: </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">20</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">}];<br />    surface.createPolyline(hour_hand_points).setFill('aqua');<br />    <br />    <br />    </span>
				<span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> m </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> dojox.gfx.matrix;<br />    </span>
				<span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> initial_matrix </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> m.translate(</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">250</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">, </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">250</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);<br />    g </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> surface.createGroup().setTransform(initial_matrix);<br />    </span>
				<span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> f, s </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> {color: </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">black</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">, width: </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">1</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">};<br />    f </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">#ffffff</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">; s </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> {color: </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">#000000</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">, width: </span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">0.172</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">};<br />    g.createPath(</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">M-122.304 84.285C-122.304 2000.285 -122.203 86.179 -123.027 86.16C-123.851 700.141 -140.305 38.066 -160.833 40.309C-160.833 40.309 -143.05 32.956 -122.304 84.285z</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span>
				<span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">).setFill(f).setStroke(s);<br />    <font color="#008000">//画画 不过天知道画的是什么</font><br />    <br />});<br /></span>
				<span style="COLOR: #0000ff">&lt;/</span>
				<span style="COLOR: #800000">script</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000">
						<br />
				</span>
				<span style="COLOR: #0000ff">&lt;</span>
				<span style="COLOR: #800000">div </span>
				<span style="COLOR: #ff0000">id</span>
				<span style="COLOR: #0000ff">="gfx_holder"</span>
				<span style="COLOR: #ff0000"> style</span>
				<span style="COLOR: #0000ff">="width: 385px; height: 385px;"</span>
				<span style="COLOR: #0000ff">&gt;&lt;/</span>
				<span style="COLOR: #800000">div</span>
				<span style="COLOR: #0000ff">&gt;</span>
				<span style="COLOR: #000000">
						<br />
						<br />
				</span>
				<span style="COLOR: #0000ff">&lt;/</span>
				<span style="COLOR: #800000">html</span>
				<span style="COLOR: #0000ff">&gt;</span>
		</div>  case dojox.gfx.defaultPath.type:  return this.createPath(shape);<br />  case dojox.gfx.defaultRect.type:  return this.createRect(shape);<br />  case dojox.gfx.defaultCircle.type:  return this.createCircle(shape);<br />  case dojox.gfx.defaultEllipse.type:  return this.createEllipse(shape);<br />  case dojox.gfx.defaultLine.type:  return this.createLine(shape);<br />  case dojox.gfx.defaultPolyline.type: return this.createPolyline(shape);<br />  case dojox.gfx.defaultImage.type:  return this.createImage(shape);<br />  case dojox.gfx.defaultText.type:  return this.createText(shape);<br />  case dojox.gfx.defaultTextPath.type: return this.createTextPath(shape);<br />可以create的 方法<br /><br /><br /><font color="#0000ff"><strong>2.图象拖动事件<br />               -----正方形--------<br /></strong></font><div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #0000ff">&lt;!</span><span style="COLOR: #ff00ff">DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//ZH-CN" "http://www.w3.org/TR/html4/strict.dtd"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">html</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />    </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">head</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />        </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">meta </span><span style="COLOR: #ff0000">http-equiv</span><span style="COLOR: #0000ff">="Content-Type"</span><span style="COLOR: #ff0000"> content</span><span style="COLOR: #0000ff">="text/html"</span><span style="COLOR: #ff0000"> </span><span style="COLOR: #0000ff">/&gt;</span><span style="COLOR: #000000"><br />        </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">script </span><span style="COLOR: #ff0000">type</span><span style="COLOR: #0000ff">="text/javascript"</span><span style="COLOR: #ff0000"> src</span><span style="COLOR: #0000ff">="http://127.0.0.1:8000/lib/dojo/dojo_0.9/dojo/dojo.js"</span><span style="COLOR: #ff0000"><br />                djConfig</span><span style="COLOR: #0000ff">="parseOnLoad: true"</span><span style="COLOR: #0000ff">&gt;&lt;/</span><span style="COLOR: #800000">script</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />    </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">style </span><span style="COLOR: #ff0000">type</span><span style="COLOR: #0000ff">="text/css"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #800000; BACKGROUND-COLOR: #f5f5f5"><br />        @import "http://127.0.0.1:8000/lib/dojo/dojo_0.9/dojo/resources/dojo.css";<br />        @import "http://127.0.0.1:8000/lib/dojo/dojo_0.9/dijit/tests/css/dijitTests.css";<br />    </span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">style</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000">    <br /></span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">script </span><span style="COLOR: #ff0000">type</span><span style="COLOR: #0000ff">="text/javascript"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"><br /><br />dojo.require(</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">dojox.gfx</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);<br /><br /></span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> container </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">null</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">;<br /></span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> container_position </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">null</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">;<br /></span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> surface </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">null</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">;<br /></span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> surface_size </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">null</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">;<br /><br /><br /></span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> gShapes </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> {}<br /></span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> gShapeCounter </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">0</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">;<br /><br /></span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">function</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> makeCircleGrid(aShape)<br />{<br />        </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> id </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">shape_</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> (gShapeCounter</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">++</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);<br />        aShape.getEventSource().setAttribute('shapeid', id);<br />        dojox.gfx._addClass(aShape.getEventSource(), </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">movable</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);<br />        gShapes[id] </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> aShape;<br />    <br />}<br /><br /></span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> current_shape </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">null</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">;<br /></span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> current_shape_window </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">null</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">;<br /></span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> last_position </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">null</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">;<br /><br /></span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">function</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> getShape(event)<br />{<br />    </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> id </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> event.target.getAttribute('shapeid');<br />    </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> s  </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> id </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">?</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> gShapes[id] : </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">null</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">;<br />    </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">return</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> s;<br />}<br /><br /></span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">function</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> handleMouseDown(event)<br />{<br />    </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> shape </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> getShape(event);<br />    </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">if</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> (shape) {<br />        current_shape </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> shape;<br />        last_position </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> {<br />            x: event.clientX </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">-</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> container_position.x,<br />            y: event.clientY </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">-</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> container_position.y<br />        };<br />        <br />        </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> params </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> shape.getShape();<br />        <strong><font color="#ff0000"> //正方形的是 params [x ,y width,height]<br /></font></strong>        </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> center </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> dojox.gfx.matrix.multiplyPoint(shape.getTransform(), params.x, params.y);<br />        </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> dx </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> last_position.x </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">-</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> center.x;<br />        </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> dy </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> last_position.y </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">-</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> center.y;<br /><br />        current_shape_window </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> {<br />            x1: params.width </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> dx,<br />            y1: params.height </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> dy,<br />            x2: surface_size.width    </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> dx,<br />            y2: surface_size.height  </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">+</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> dy<br />        };<br />    }<br />    dojo.stopEvent(event);<br />}<br /><br /></span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">function</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> handleMouseMove(event)<br />{<br />    </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">if</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">(</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">!</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">current_shape) </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">return</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">;<br />    </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> x </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> Math.min(Math.max(event.clientX </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">-</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> container_position.x, current_shape_window.x1), current_shape_window.x2);<br />    </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> y </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> Math.min(Math.max(event.clientY </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">-</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> container_position.y, current_shape_window.y1), current_shape_window.y2);<br />    current_shape.applyTransform({dx: x </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">-</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> last_position.x, dy: y </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">-</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> last_position.y});<br />    last_position </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> {x: x, y: y};<br />    dojo.stopEvent(event);<br />}<br /><br /></span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">function</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> handleMouseUp(event)<br />{<br />    current_shape </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">null</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">;<br />    dojo.stopEvent(event);<br />}<br /><br /></span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">function</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> initGfx() {<br />    container </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> dojo.byId(</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">gfx_holder</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);<br />    container_position </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> dojo.coords(container, </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">true</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);<br />    surface </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> dojox.gfx.createSurface(container, </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">500</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">, </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">500</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);<br />    surface_size </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> surface.getDimensions();<br />    surface_size.width  </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> parseInt(surface_size.width);<br />    surface_size.height </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> parseInt(surface_size.height);<br /><br /><br />    </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> aShape </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> surface.createRect({x: </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">70</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">, y: </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">70</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">, width: </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">20</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">, height: </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">20</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">}).setFill(</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">red</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);<br /><br />    makeCircleGrid(aShape);<br /><br />    dojo.connect(container, 'onmousedown', handleMouseDown);<br />    dojo.connect(container, 'onmousemove', handleMouseMove);<br />    dojo.connect(container, 'onmouseup',   handleMouseUp);<br />    <br />    </span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5">//</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5"> cancel text selection and text dragging</span><span style="COLOR: #008000; BACKGROUND-COLOR: #f5f5f5"><br /></span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">    dojo.connect(container, </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">ondragstart</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">,   dojo, </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">stopEvent</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);<br />    dojo.connect(container, </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">onselectstart</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">, dojo, </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">stopEvent</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);<br />}<br /><br />dojo.addOnLoad(initGfx);<br /><br /></span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">script</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br /><br /></span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">style </span><span style="COLOR: #ff0000">type</span><span style="COLOR: #0000ff">="text/css"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #800000; BACKGROUND-COLOR: #f5f5f5"><br />.movable </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">{</span><span style="COLOR: #ff0000; BACKGROUND-COLOR: #f5f5f5"> cursor</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">:</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5"> pointer</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">;</span><span style="COLOR: #ff0000; BACKGROUND-COLOR: #f5f5f5"> </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">}</span><span style="COLOR: #800000; BACKGROUND-COLOR: #f5f5f5"><br /></span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">style</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br /><br /></span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">head</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">body</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />    </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">h1</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000">dojox.gfx: 100 draggable circles</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">h1</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br />    </span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">div </span><span style="COLOR: #ff0000">id</span><span style="COLOR: #0000ff">="gfx_holder"</span><span style="COLOR: #ff0000"> style</span><span style="COLOR: #0000ff">="width: 500px; height: 500px;"</span><span style="COLOR: #0000ff">&gt;&lt;/</span><span style="COLOR: #800000">div</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">body</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">html</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br /></span></div><p>          --------圆是-----------<br /></p><div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000"> handleMouseDown(event)<br />{<br />    </span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> shape </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> getShape(event);<br />    </span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000"> (shape) {<br />        current_shape </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> shape;<br />        last_position </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> {<br />            x: event.clientX </span><span style="COLOR: #000000">-</span><span style="COLOR: #000000"> container_position.x,<br />            y: event.clientY </span><span style="COLOR: #000000">-</span><span style="COLOR: #000000"> container_position.y<br />        };<br />        </span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> params </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> shape.getShape();<br />         <br />      <font color="#ff0000"><strong>// 形状的不同 就是 params 的取值不同 params [cx,xy,r]</strong></font><br />        </span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> center </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> dojox.gfx.matrix.multiplyPoint(shape.getTransform(), params.cx, params.cy);<br />        </span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> dx </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> last_position.x </span><span style="COLOR: #000000">-</span><span style="COLOR: #000000"> center.x;<br />        </span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> dy </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> last_position.y </span><span style="COLOR: #000000">-</span><span style="COLOR: #000000"> center.y;<br />        </span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> r  </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> params.r;<br />        current_shape_window </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> {<br />            x1: r </span><span style="COLOR: #000000">+</span><span style="COLOR: #000000"> dx,<br />            y1: r </span><span style="COLOR: #000000">+</span><span style="COLOR: #000000"> dy,<br />            x2: surface_size.width  </span><span style="COLOR: #000000">-</span><span style="COLOR: #000000"> r </span><span style="COLOR: #000000">+</span><span style="COLOR: #000000"> dx,<br />            y2: surface_size.height </span><span style="COLOR: #000000">-</span><span style="COLOR: #000000"> r </span><span style="COLOR: #000000">+</span><span style="COLOR: #000000"> dy<br />        };<br />    }<br />    dojo.stopEvent(event);<br />}</span></div><p>其他不用再说了吧!!</p><p> </p><p> </p><img src ="http://www.blogjava.net/Good-Game/aggbug/142906.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/Good-Game/" target="_blank">G_G</a> 2007-09-05 15:21 <a href="http://www.blogjava.net/Good-Game/archive/2007/09/05/142906.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>dojo0.9学习（1）--dojo.declare</title><link>http://www.blogjava.net/Good-Game/archive/2007/09/05/142825.html</link><dc:creator>G_G</dc:creator><author>G_G</author><pubDate>Wed, 05 Sep 2007 02:27:00 GMT</pubDate><guid>http://www.blogjava.net/Good-Game/archive/2007/09/05/142825.html</guid><wfw:comment>http://www.blogjava.net/Good-Game/comments/142825.html</wfw:comment><comments>http://www.blogjava.net/Good-Game/archive/2007/09/05/142825.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/Good-Game/comments/commentRss/142825.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/Good-Game/services/trackbacks/142825.html</trackback:ping><description><![CDATA[dojo0.9 一个完整的开发javascript包非常值得去学习。<br />有用的地方就不用多说了.....<br />开始学习吧<b> ！</b><br /><br /><font color="#006400">基础：</font><br /><b>1. dojo.declare  javascript类方便使用（继承，创造等等）</b><br />    <font color="#808080">&lt;1&gt;简单创造，使用</font><div style="border: 1px solid rgb(204, 204, 204); padding: 4px 5px 4px 4px; background-color: rgb(238, 238, 238); font-size: 13px; width: 98%;"><!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>--><span style="color: rgb(0, 0, 255);">&lt;!</span><span style="color: rgb(255, 0, 255);">DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//ZH-CN" "http://www.w3.org/TR/html4/strict.dtd"</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="color: rgb(0, 0, 0);"><br /></span><span style="color: rgb(0, 0, 255);">&lt;</span><span style="color: rgb(128, 0, 0);">html</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="color: rgb(0, 0, 0);"><br />    </span><span style="color: rgb(0, 0, 255);">&lt;</span><span style="color: rgb(128, 0, 0);">head</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="color: rgb(0, 0, 0);"><br />        </span><span style="color: rgb(0, 0, 255);">&lt;</span><span style="color: rgb(128, 0, 0);">meta </span><span style="color: rgb(255, 0, 0);">http-equiv</span><span style="color: rgb(0, 0, 255);">="Content-Type"</span><span style="color: rgb(255, 0, 0);"> content</span><span style="color: rgb(0, 0, 255);">="text/html"</span><span style="color: rgb(255, 0, 0);"> </span><span style="color: rgb(0, 0, 255);">/&gt;</span><span style="color: rgb(0, 0, 0);"><br />        </span><span style="color: rgb(0, 0, 255);">&lt;</span><span style="color: rgb(128, 0, 0);">script </span><span style="color: rgb(255, 0, 0);">type</span><span style="color: rgb(0, 0, 255);">="text/javascript"</span><span style="color: rgb(255, 0, 0);"> src</span><span style="color: rgb(0, 0, 255);">="http://127.0.0.1:8000/lib/dojo/dojo_0.9/dojo/dojo.js"</span><span style="color: rgb(255, 0, 0);"><br />                djConfig</span><span style="color: rgb(0, 0, 255);">="parseOnLoad: true"</span><span style="color: rgb(0, 0, 255);">&gt;&lt;/</span><span style="color: rgb(128, 0, 0);">script</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="color: rgb(0, 0, 0);"><br />    </span><span style="color: rgb(0, 0, 255);">&lt;/</span><span style="color: rgb(128, 0, 0);">head</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="color: rgb(0, 0, 0);"><br />    </span><span style="color: rgb(0, 0, 255);">&lt;</span><span style="color: rgb(128, 0, 0);">body</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="color: rgb(0, 0, 0);"><br />    </span><span style="color: rgb(0, 0, 255);">&lt;/</span><span style="color: rgb(128, 0, 0);">body</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="color: rgb(0, 0, 0);"><br /></span><span style="color: rgb(0, 0, 255);">&lt;/</span><span style="color: rgb(128, 0, 0);">html</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="color: rgb(0, 0, 0);"><br /></span><span style="color: rgb(0, 0, 255);">&lt;</span><span style="color: rgb(128, 0, 0);">script </span><span style="color: rgb(255, 0, 0);">type</span><span style="color: rgb(0, 0, 255);">="text/javascript"</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);"><br />    dojo.declare(</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">"</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">DojoClass</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">"</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">,</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">null</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">,{<br />        prptId: 'foo',<br />        method:</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">function</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">(val){<br />            window.alert(val);<br />        }<br />    });<br />    <br />    </span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">var</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);"> obj </span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">=</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);"> </span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">new</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);"> DojoClass();<br />    obj.method('XX');              <font color="#006400">//效果 alert('XX')</font><br /></span><span style="color: rgb(0, 0, 255);">&lt;/</span><span style="color: rgb(128, 0, 0);">script</span><span style="color: rgb(0, 0, 255);">&gt;</span></div>    <font color="#808080">&lt;2&gt;简单继承<br /><div style="border: 1px solid rgb(204, 204, 204); padding: 4px 5px 4px 4px; background-color: rgb(238, 238, 238); font-size: 13px; width: 98%;"><!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>--><span style="color: rgb(0, 0, 255);">&lt;</span><span style="color: rgb(128, 0, 0);">script </span><span style="color: rgb(255, 0, 0);">type</span><span style="color: rgb(0, 0, 255);">="text/javascript"</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);"><br />    dojo.declare(</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">"</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">DojoClass</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">"</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">,</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">null</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">,{<br />        prptId: 'foo',<br />        method:</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">function</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">(val){<br />            window.alert(val);<br />        }<br />    });<br />    <br />    dojo.declare(</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">"</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">Class</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">"</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">,DojoClass,{<br />        prptId2:'</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">2222</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">',<br />        method2:</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">function</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">(val){<br />            window.alert(</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">"</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">!!!</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">"</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">+</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">val);<br />        }<br />    });<br />    </span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">var</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);"> obj </span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">=</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);"> </span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">new</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);"> Class();<br />    obj.method('XX');          <font color="#006400">  //效果 alert('XX');</font><br />    obj.method2( obj.prptId</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">+</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">obj.prptId2 ); <font color="#008000">//效果 alert( '!!!foo2222' );</font><br />    <br /></span><span style="color: rgb(0, 0, 255);">&lt;/</span><span style="color: rgb(128, 0, 0);">script</span><span style="color: rgb(0, 0, 255);">&gt;</span></div></font>    <font color="#808080">&lt;3&gt;继承重写<br /><div style="border: 1px solid rgb(204, 204, 204); padding: 4px 5px 4px 4px; background-color: rgb(238, 238, 238); font-size: 13px; width: 98%;"><!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>--><span style="color: rgb(0, 0, 255);">&lt;</span><span style="color: rgb(128, 0, 0);">script </span><span style="color: rgb(255, 0, 0);">type</span><span style="color: rgb(0, 0, 255);">="text/javascript"</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);"><br />    dojo.declare(</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">"</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">DojoClass</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">"</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">,</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">null</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">,{<br />        prptId: 'foo',<br />        method:</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">function</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">(val){<br />            window.alert(val);<br />        }<br />    });<br />    <br />    dojo.declare(</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">"</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">Class</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">"</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">,DojoClass,{<br />        prptId2:'</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">2222</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">',<br />        method:</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">function</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">(val){<br />            <font color="#ff0000">val </font></span><font color="#ff0000"><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">=</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);"> val</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">+</span></font><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);"><font color="#ff0000">'list';</font><br />            </span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">this</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">.inherited('method',<font color="#ff0000">arguments</font>);<br />        },<br />        method2:</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">function</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">(val){<br />            window.alert(</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">"</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">!!!</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">"</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">+</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">val);<br />        }<br />    });<br />    </span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">var</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);"> obj </span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">=</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);"> </span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">new</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);"> Class();<br />    obj.method('XX');  <font color="#006400">//效果 alert( 'XXlist' );</font><br />    <br />    <br /></span><span style="color: rgb(0, 0, 255);">&lt;/</span><span style="color: rgb(128, 0, 0);">script</span><span style="color: rgb(0, 0, 255);">&gt;</span></div></font><font color="#a9a9a9">&lt;4&gt; initializer 类构造<br />   <font color="#ff1493"></font><font color="#000000"><font color="#ff1493">没成功 ？？ 原因不明</font><br /><div style="border: 1px solid rgb(204, 204, 204); padding: 4px 5px 4px 4px; background-color: rgb(238, 238, 238); font-size: 13px; width: 98%;"><!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>--><span style="color: rgb(0, 0, 255);">&lt;</span><span style="color: rgb(128, 0, 0);">script </span><span style="color: rgb(255, 0, 0);">type</span><span style="color: rgb(0, 0, 255);">="text/javascript"</span><span style="color: rgb(0, 0, 255);">&gt;</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);"><br />    dojo.declare(</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">"</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">DojoClass</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">"</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">,</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">null</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">,{<br /><br />        initializer:</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">function</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">(val){<br />            </span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">this</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">.prptId</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">=</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">val;<br />        },<br />        <br />        prptId: 'foo',<br />        <br />        method:</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">function</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">(val){<br />            window.alert(val);<br />        }<br />    });<br />    <br />    </span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">var</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);"> obj </span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);">=</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);"> </span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 255);">new</span><span style="background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);"> DojoClass('liukaiyi');<br />    obj.method( obj.prptId );  <font color="#006400">//效果 alert('foo');<font color="#ff0000"> 没成功</font></font><br /></span><span style="color: rgb(0, 0, 255);">&lt;/</span><span style="color: rgb(128, 0, 0);">script</span><span style="color: rgb(0, 0, 255);">&gt;</span></div><br /><br /></font></font><br /><img src ="http://www.blogjava.net/Good-Game/aggbug/142825.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/Good-Game/" target="_blank">G_G</a> 2007-09-05 10:27 <a href="http://www.blogjava.net/Good-Game/archive/2007/09/05/142825.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>