href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/writing-your-own-widget-class/creating-accessi">Creating=20
  Accessible Widgets</A>
  <LI class=3Dleaf><A=20
  =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/writing-your-own-widget-class/testing-widgets-">Testing=20
  Widgets for Accessibility</A></LI></UL>
<DIV class=3D"page-links clear-block"><A class=3Dpage-previous=20
title=3D"Go to previous page"=20
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/manipulating-widgets-through-code/interacting-">=E2=80=B9=20
Interacting With Widgets</A><A class=3Dpage-up title=3D"Go to parent =
page"=20
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo-0">up</A><A=20
class=3Dpage-next title=3D"Go to next page"=20
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/writing-your-own-widget-class/template">The=20
Template =E2=80=BA</A></DIV></DIV></DIV>
<DIV class=3Dlinks>
<UL class=3D"links inline">
  <LI class=3D"first book_printer"><A class=3Dbook_printer=20
  title=3D"Show a printer-friendly version of this book page and its =
sub-pages."=20
  href=3D"http://dojotoolkit.org/book/export/html/1572">Printer-friendly =

  version</A>=20
  <LI class=3Dcomment_forbidden><SPAN class=3Dcomment_forbidden><A=20
  =
href=3D"http://dojotoolkit.org/user/login?destination=3Dnode/1572%2523com=
ment-form">Login</A>=20
  or <A=20
  =
href=3D"http://dojotoolkit.org/user/register?destination=3Dnode/1572%2523=
comment-form">register</A>=20
  to post comments</SPAN>=20
  <LI class=3D"last subscriptions_del_node"><A =
class=3Dsubscriptions_del_node=20
  title=3D"Stop receiving an e-mail whenever a new comment is posted to =
this Book page."=20
  =
href=3D"http://dojotoolkit.org/subscriptions/del/node/1572">Unsubscribe =
post</A>=20
  </LI></UL></DIV></DIV>
<DIV id=3Dcomments></DIV><!-- /main_content region --></DIV></DIV>
<DIV class=3D"col-c content-region-container">
<DIV id=3Dsidebar-right-container></DIV></DIV><BR class=3Dclear></DIV>
<DIV class=3Dcols-a50b50 id=3Dafter-content-block>
<DIV class=3D"col-a content-region-container" =
id=3Dafter-content-block-1></DIV>
<DIV class=3D"col-b content-region-container" =
id=3Dafter-content-block-2><BR=20
class=3Dclear></DIV><BR class=3Dclear></DIV><BR clear=3Dall></DIV>
<DIV class=3Dcontent-region-container>
<DIV id=3Dnavigation-block>
<DIV id=3Dbreadcrumb-block>
<DIV id=3Dbreadcrumbs>
<DIV class=3Dbreadcrumb><A href=3D"http://dojotoolkit.org/">Home</A> =
=C2=BB <A=20
href=3D"http://dojotoolkit.org/book/dojo-book-0-9-0">The Book of =
Dojo</A> =C2=BB <A=20
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo-0">Part=20
3: JavaScript With Dojo and Dijit</A> =C2=BB Writing Your Own Widget=20
Class</DIV></DIV></DIV>
<DIV class=3Dcols-abcd id=3Dmain-menu-block><!-- Block: menu -->
<DIV class=3D"block block-menu" id=3Dblock-menu-573>
<DIV class=3Dcontent>
<UL class=3Dmenu>
  <LI class=3Dleaf id=3Dmenu-item-574><A title=3D"See the Dojo Toolkit =
in action!"=20
  href=3D"http://dojotoolkit.org/demos">Demos</A>=20
  <LI class=3Dexpanded id=3Dmenu-item-575><A=20
  title=3D"Get started with the Dojo Toolkit, fast"=20
  href=3D"http://dojotoolkit.org/docs/quickstart">Quick Start</A>=20
  <UL class=3Dmenu>
    <LI class=3Dleaf id=3Dmenu-item-576><A title=3D"Get the toolkit"=20
    href=3D"http://dojotoolkit.org/downloads">Downloads</A>=20
    <LI class=3Dleaf id=3Dmenu-item-577><A title=3D"See examples of the =
Dojo Toolkit"=20
    href=3D"http://dojotoolkit.org/demos">Examples</A>=20
    <LI class=3Dleaf id=3Dmenu-item-639><A=20
    href=3D"http://dojotoolkit.org/spotlight">Spotlight</A> </LI></UL>
  <LI class=3Dexpanded id=3Dmenu-item-578><A=20
  href=3D"http://dojotoolkit.org/about">About</A>=20
  <UL class=3Dmenu>
    <LI class=3Dleaf id=3Dmenu-item-579><A=20
    href=3D"http://dojotoolkit.org/about">Overview</A>=20
    <LI class=3Dleaf id=3Dmenu-item-580><A=20
    href=3D"http://dojotoolkit.org/about/features">Features</A>=20
    <LI class=3Dleaf id=3Dmenu-item-581><A=20
    href=3D"http://dojotoolkit.org/about/press">Press</A>=20
    <LI class=3Dleaf id=3Dmenu-item-582><A=20
    href=3D"http://dojotoolkit.org/about/contact">Contact</A>=20
</LI></UL></LI></UL></DIV></DIV><!-- Block: menu -->
<DIV class=3D"block block-menu" id=3Dblock-menu-589>
<DIV class=3Dcontent>
<UL class=3Dmenu>
  <LI class=3Dexpanded id=3Dmenu-item-583><A=20
  href=3D"http://dojotoolkit.org/downloads">Downloads</A>=20
  <UL class=3Dmenu>
    <LI class=3Dleaf id=3Dmenu-item-584><A=20
    href=3D"http://dojotoolkit.org/downloads">Current releases</A>=20
    <LI class=3Dleaf id=3Dmenu-item-585><A=20
    href=3D"http://archive.dojotoolkit.org/nightly/">Nightly builds</A>=20
    <LI class=3Dleaf id=3Dmenu-item-586><A=20
    href=3D"http://archive.dojotoolkit.org/">Archives</A>=20
    <LI class=3Dleaf id=3Dmenu-item-587><A=20
    href=3D"http://trac.dojotoolkit.org/roadmap?show=3Dall">Change =
logs</A>=20
    <LI class=3Dleaf id=3Dmenu-item-588><A=20
    href=3D"http://dojotoolkit.org/downloads/releasenotes">Release =
notes</A>=20
  </LI></UL>
  <LI class=3Dexpanded id=3Dmenu-item-590><A=20
  href=3D"http://dojotoolkit.org/news">News</A>=20
  <UL class=3Dmenu>
    <LI class=3Dleaf id=3Dmenu-item-591><A=20
    href=3D"http://dojotoolkit.org/blog">Blogs</A>=20
    <LI class=3Dleaf id=3Dmenu-item-592><A=20
    =
href=3D"http://dojotoolkit.org/topics/news/announcements">Announcements</=
A>=20
    <LI class=3Dleaf id=3Dmenu-item-593><A=20
    href=3D"http://dojotoolkit.org/aggregator">Planet Dojo</A>=20
</LI></UL></LI></UL></DIV></DIV><!-- Block: menu -->
<DIV class=3D"block block-menu" id=3Dblock-menu-594>
<DIV class=3Dcontent>
<UL class=3Dmenu>
  <LI class=3Dexpanded id=3Dmenu-item-595><A=20
  href=3D"http://dojotoolkit.org/docs">Documentation</A>=20
  <UL class=3Dmenu>
    <LI class=3Dleaf id=3Dmenu-item-596><A=20
    href=3D"http://dojotoolkit.org/docs/quickstart">Quick Start</A>=20
    <LI class=3Dleaf id=3Dmenu-item-597><A=20
    href=3D"http://dojotoolkit.org/book/dojo-book-0-9-0">The Book of =
Dojo</A>=20
    <LI class=3Dleaf id=3Dmenu-item-598><A=20
    href=3D"http://dojotoolkit.org/docs/portingguides">Porting =
Guides</A>=20
    <LI class=3Dleaf id=3Dmenu-item-599><A =
href=3D"http://dojotoolkit.org/api">API=20
    Reference</A>=20
    <LI class=3Dleaf id=3Dmenu-item-632><A=20
    href=3D"http://dojotoolkit.org/developer">Developer notes</A> =
</LI></UL>
  <LI class=3Dexpanded id=3Dmenu-item-601><A=20
  href=3D"http://dojotoolkit.org/support">Support</A>=20
  <UL class=3Dmenu>
    <LI class=3Dleaf id=3Dmenu-item-602><A=20
    href=3D"http://dojotoolkit.org/support">General Information</A>=20
    <LI class=3Dleaf id=3Dmenu-item-600><A=20
    href=3D"http://dojotoolkit.org/support/faq">FAQ</A>=20
    <LI class=3Dleaf id=3Dmenu-item-603><A=20
    href=3D"http://dojotoolkit.org/forum">Forums</A> =
</LI></UL></LI></UL></DIV></DIV><!-- Block: menu -->
<DIV class=3D"block block-menu" id=3Dblock-menu-604>
<DIV class=3Dcontent>
<UL class=3Dmenu>
  <LI class=3Dexpanded id=3Dmenu-item-605><A=20
  href=3D"http://dojotoolkit.org/community">Community</A>=20
  <UL class=3Dmenu>
    <LI class=3Dleaf id=3Dmenu-item-606><A=20
    href=3D"http://dojotoolkit.org/community">General Information</A>=20
    <LI class=3Dleaf id=3Dmenu-item-607><A=20
    =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-4-meta-dojo/using-=
subversion">Subversion</A>=20

    <LI class=3Dleaf id=3Dmenu-item-608><A =
href=3D"http://trac.dojotoolkit.org/">Bug=20
    Tracking</A>=20
    <LI class=3Dleaf id=3Dmenu-item-609><A=20
    href=3D"http://dojotoolkit.org/community/roadmap">Roadmap</A>=20
    <LI class=3Dleaf id=3Dmenu-item-610><A=20
    =
href=3D"http://dojotoolkit.org/community/architecture">Architecture</A>=20
  </LI></UL>
  <LI class=3Dexpanded id=3Dmenu-item-611><A=20
  href=3D"http://dojotoolkit.org/donate">Donate</A>=20
  <UL class=3Dmenu>
    <LI class=3Dleaf id=3Dmenu-item-612><A=20
    href=3D"http://dojotoolkit.org/donate">PayPal donations</A> =
</LI></UL>
  <LI class=3Dleaf id=3Dmenu-item-620><A=20
  href=3D"http://dojotoolkit.org/foundation">Foundation</A> =
</LI></UL></DIV></DIV>
<DIV class=3Dclear></DIV></DIV>
<DIV id=3Dmenu-footer-block>
<DIV id=3Dmenu-footer-left></DIV>
<DIV id=3Dmenu-footer-right></DIV></DIV>
<DIV>
<DIV id=3Dfooter-block>
<DIV id=3Dcopyright-block>=C2=A9 The Dojo Foundation, All Rights=20
Reserved.</DIV></DIV></DIV><NOSCRIPT>
<STYLE type=3Dtext/css>FORM.rating {
	DISPLAY: block
}
</STYLE>
</NOSCRIPT></DIV></DIV>
<DIV id=3Ddebug style=3D"DISPLAY: none"><XMP style=3D"COLOR: #000; =
BACKGROUND-COLOR: #ccc"></XMP></DIV></DIV></DIV></BODY></HTML>

------=_NextPart_000_0252_01C83501.15AD2F90
Content-Type: image/gif
Content-Transfer-Encoding: base64
Content-Location: http://dojotoolkit.org/sites/all/themes/dtk/img/banner-logo-text.gif

R0lGODlhmAAgALMPAOzs7HZ1drGxsc3NzZubm0hISdvb24GBgWhoaKKiolpaWo+Pj2BfX8HBwf//
/////yH5BAEAAA8ALAAAAACYACAAAAT/8MlJq7046827/2AojmRpnujXAELqvnDsDU4r33hu0onu
/8ALr6M4KILIJGg4UTifk4Zj0HxClVgkc2Hoeg0HicEBkAS+Xlt2naMtJIyAAkGPHx+IRECiCDAQ
AQh/CGyFKQECAwJ7bhQLiQJhEwgHhBMHiQ1vhpwlUlNjBFKbCwAODQlSAJJSBmZjAwkCDg4Enbcq
ZAwSBwCmbwe0lg8BtGEJp3jGTaY9uM8YxQ4MBRMLy6aSD9XXZQQOCQU0AgXVEgjCFeYFBLYbldsT
5vIS6xjzBNX2F/Px9fQDAgSgso2dug1SBpSTZ0ogmQumGFwjoCCdvAJj1NSz0U4Dt2H///r1o1Bu
5AN3FxmgfKCS3z8JAQfik6BRg6mVEqQcQEawwpgFE4OVsTDLlaNaKgksQKlyk5k9AQhIckfpJIFd
xAjsYdlxAYIFEh+8UUoTAEoBZnkRGHZgLUyBVL6eFIuUAy2nE2ZhSmaBx7cE1wyYRGZ0koM9BFaJ
YhkwAcqOWgXYArBLwIIAB3oRi/ngAJgwBgZcpjJgQFsqBAxsPan6gawzb14beBNzAAMAhBwoW61h
WQW9sxpckCIZ3LeeFL4VnqDbqgTdjgUOdS42kfOhCBIH4ILVANYHzQc+MC0mDnLxD4beTg+nTMwu
lpo3t+sAb04He4X3rRX0IVEHyz0nQf9H4I0nGYFW3bYUFQqo1kIqZ+xxQCwFMmcGaVsNAMh5VKAH
noe6xQTAAO7I58FNFjQUGESHTYTOfBRIoR8FzRGoG4ITtNMVQQYIkJsEAKxWRgMohUeaO2V4uBmQ
hCyG20nC1ZbejxVyMAtyxKRDiwUv0tVDNiniZ0ECBmRXogQJlPYYRQAQSVApA7LQwHZdbNJAaRWK
p0gDrT0QGgV/IlCafoIOoJ+UZ1RIJkgYvMjbAGASV4Gk37SgXAWXngAYDgFB8w1+f/SoE0w1HMFA
QgPWcJ9taOpyQmpt8HaLZ7SwwJo2CfhigC9OfTMjrbuqigKjMRCLyx8b2IHpFBX0YSwtNNC+4Gu0
1AZRabXY6jALTtl2m4Ipz3orbgjIODPuuSPsah+67Lbr7rvwihABADs=

------=_NextPart_000_0252_01C83501.15AD2F90
Content-Type: text/css;
	charset="gb2312"
Content-Transfer-Encoding: quoted-printable
Content-Location: http://dojotoolkit.org/sites/all/modules/dojo/dtk_build/dijit/themes/dijit.css

.dijitReset {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; =
BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; =
MARGIN: 0px; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: =
0px
}
.dijitInline {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; DISPLAY: inline-block; =
PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; =
PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; PADDING-TOP: 0px; =
BORDER-RIGHT-WIDTH: 0px
}
.dj_ie .dijitInline {
	DISPLAY: inline; ZOOM: 1
}
.dijitInlineTable {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; =
PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; =
PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; PADDING-TOP: 0px; POSITION: =
relative; BORDER-RIGHT-WIDTH: 0px
}
.dijitTeeny {
	FONT-SIZE: 1px; LINE-HEIGHT: 1px
}
.dijitPopup {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; =
BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; =
MARGIN: 0px; PADDING-TOP: 0px; POSITION: absolute; BACKGROUND-COLOR: =
transparent; BORDER-RIGHT-WIDTH: 0px
}
.dijit_a11y .dijitPopup {
	BACKGROUND-COLOR: white! important; opacity: 1
}
.dijit_ally .dijitPopup DIV {
	BACKGROUND-COLOR: white! important; opacity: 1
}
.dijit_a11y .dijitPopup TABLE {
	BACKGROUND-COLOR: white! important; opacity: 1
}
.dijit_a11y .dijitTooltipContainer {
	BACKGROUND-COLOR: white! important; opacity: 1
}
.dj_ie .dijit_a11y .dijitPopup * {
	FILTER: none
}
.dijitInputField {
	FONT-FAMILY: inherit
}
.dijitPositionOnly {
	BORDER-TOP-WIDTH: 0px! important; PADDING-RIGHT: 0px! important; =
PADDING-LEFT: 0px! important; BORDER-LEFT-WIDTH: 0px! important; =
BACKGROUND-IMAGE: none! important; BORDER-BOTTOM-WIDTH: 0px! important; =
PADDING-BOTTOM: 0px! important; WIDTH: auto! important; PADDING-TOP: =
0px! important; HEIGHT: auto! important; BACKGROUND-COLOR: transparent! =
important; BORDER-RIGHT-WIDTH: 0px! important
}
.dijitNonPositionOnly {
	FLOAT: none! important; MARGIN: 0px; VERTICAL-ALIGN: middle! important; =
POSITION: static! important
}
.dijitBackgroundIframe {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; =
BORDER-LEFT-WIDTH: 0px; Z-INDEX: -1; LEFT: 0px; BORDER-BOTTOM-WIDTH: =
0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; =
POSITION: absolute; TOP: 0px; HEIGHT: 100%; BORDER-RIGHT-WIDTH: 0px
}
.dijitClickableRegion {
	CURSOR: pointer
}
.dijitDisplayNone {
	DISPLAY: none! important
}
.dijitContainer {
	OVERFLOW: hidden
}
.dijit_a11y * {
	BACKGROUND-IMAGE: none! important; BACKGROUND-COLOR: transparent! =
important
}
.dijit_a11y .dijitCalendarIncrementControl .dijitA11ySideArrow {
	PADDING-LEFT: 0.2em; VISIBILITY: visible! important
}
.dijitToolbar .dijitDropDownButton .dijitA11yDownArrow {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: =
0px; PADDING-TOP: 0px
}
.dj_ie6 .dijitToolbar .dijitDropDownButton .dijitA11yDownArrow {
	VERTICAL-ALIGN: bottom
}
.dijitA11ySideArrow {
	MARGIN-LEFT: 0.2em; VERTICAL-ALIGN: top; LINE-HEIGHT: 2em; =
MARGIN-RIGHT: 0em; TEXT-ALIGN: center
}
.dj_ie .dijitA11yDownArrow {
	FONT-SIZE: 0.8em; VERTICAL-ALIGN: middle; MARGIN-RIGHT: 0.5em
}
.dj_ie .dijitA11yUpArrow {
	FONT-SIZE: 0.8em; VERTICAL-ALIGN: middle; MARGIN-RIGHT: 0.5em
}
.dijit_a11y .dijitButton .dijitButtonNode {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BACKGROUND: =
white; BORDER-LEFT: black 1px solid; COLOR: black! important; =
BORDER-BOTTOM: black 1px solid
}
.dijit_a11y .dijitDropDownButton .dijitButtonNode {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BACKGROUND: =
white; BORDER-LEFT: black 1px solid; COLOR: black! important; =
BORDER-BOTTOM: black 1px solid
}
.dijit_a11y .dijitComboButton .dijitButtonNode {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BACKGROUND: =
white; BORDER-LEFT: black 1px solid; COLOR: black! important; =
BORDER-BOTTOM: black 1px solid
}
.dijit_a11y .dijitComboBox .dijitInputField {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BACKGROUND: =
white; BORDER-LEFT: black 1px solid; COLOR: black! important; =
BORDER-BOTTOM: black 1px solid
}
.dijit_a11y .dijitComboBox .dijitButtonNode {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BACKGROUND: =
white; BORDER-LEFT: black 1px solid; COLOR: black! important; =
BORDER-BOTTOM: black 1px solid
}
.dijit_a11y .dijitButtonDisabled .dijitButtonNode {
	BORDER-RIGHT: #999999 1px dotted; BORDER-TOP: #999999 1px dotted; =
BORDER-LEFT: #999999 1px dotted; COLOR: #999999! important; =
BORDER-BOTTOM: #999999 1px dotted
}
.dijit_a11y .dijitDropDownButtonDisabled .dijitButtonNode {
	BORDER-RIGHT: #999999 1px dotted; BORDER-TOP: #999999 1px dotted; =
BORDER-LEFT: #999999 1px dotted; COLOR: #999999! important; =
BORDER-BOTTOM: #999999 1px dotted
}
.dijit_a11y .dijitComboButtonDisabled .dijitButtonNode {
	BORDER-RIGHT: #999999 1px dotted; BORDER-TOP: #999999 1px dotted; =
BORDER-LEFT: #999999 1px dotted; COLOR: #999999! important; =
BORDER-BOTTOM: #999999 1px dotted
}
.dijit_a11y .dijitComboBoxDisabled .dijitInputField {
	BORDER-RIGHT: #999999 1px dotted; BORDER-TOP: #999999 1px dotted; =
BORDER-LEFT: #999999 1px dotted; COLOR: #999999! important; =