Changeset 22951 in legacy


Ignore:
Timestamp:
Oct 1, 2010 6:29:45 PM (7 years ago)
Author:
doughays
Message:

Refs #11741. Remaining changes to dijit/tests testcases to validate against HTML5. Declaration.js still uses dojoType/dojoAttachPoint/dojoAttachEvent, and test_bgIframe.html still uses an invalid applet tag (not sure why).

Files:
38 edited

Legend:

Unmodified
Added
Removed
  • dijit/trunk/tests/Tree.html

    r22498 r22951  
    2424        <script type="text/javascript" src="helpers.js"></script>
    2525
    26         <script language="JavaScript" type="text/javascript">
     26        <script type="text/javascript">
    2727                dojo.require("doh.runner");
    2828                dojo.require("dijit.dijit"); // optimize: load dijit layer
  • dijit/trunk/tests/Tree_with_JRS.html

    r22273 r22951  
    2424        <script type="text/javascript" src="helpers.js"></script>
    2525
    26         <script language="JavaScript" type="text/javascript">
     26        <script type="text/javascript">
    2727                dojo.require("doh.runner");
    2828                dojo.require("dijit.dijit"); // optimize: load dijit layer
  • dijit/trunk/tests/Widget-placeAt.html

    r22273 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2         "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
     4
     5        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    56
    67        <title>_Widget.placeAt tests</title>
     
    1314
    1415        <!-- required: a default dijit theme: -->
    15         <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css">
     16        <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css"/>
    1617
    1718        <!-- required: load the dojo base -->
    18         <script type="text/javascript" src="../../dojo/dojo.js" djConfig="isDebug:true, parseOnLoad: true" ></script>
     19        <script type="text/javascript" src="../../dojo/dojo.js" data-dojo-config="isDebug:true, parseOnLoad: true" ></script>
    1920        <!-- for theme-switching, only for dijit -->
    2021        <script type="text/javascript" src="../../dijit/tests/_testCommon.js"></script>
     
    124125
    125126        <h2>BorderContainer sample</h2>
    126         <div id="bc1" dojoType="dijit.layout.BorderContainer" style="width:600px; height:400px">
    127                 <div dojoType="dijit.layout.ContentPane" region="center">
    128                         <button id="addStuff" dojoType="dijit.form.Button">
     127        <div id="bc1" data-dojo-type="dijit.layout.BorderContainer" data-dojo-props='style:"width:600px; height:400px"'>
     128                <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props='region:"center"'>
     129                        <button id="addStuff" data-dojo-type="dijit.form.Button">
    129130                                Add Stuff
    130                                 <script type="dojo/method" event="onClick">
     131                                <script type="dojo/method" data-dojo-event="onClick">
    131132                                        this.set("disabled", true);
    132133                                        var bc = dijit.byId("bc1");
  • dijit/trunk/tests/_Container.html

    r22273 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2                 "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
    54
     5        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
     6
    67        <title>Container</title>
    78
    8         <script type="text/javascript" src="../../dojo/dojo.js" djConfig="isDebug: true, parseOnLoad: true"></script>
     9        <script type="text/javascript" src="../../dojo/dojo.js" data-dojo-config="isDebug: true, parseOnLoad: true"></script>
    910        <script type="text/javascript">
    1011                dojo.require("doh.runner");
     
    9899<body class="claro">
    99100
    100         <div id="container" dojoType="dijit.TestContainer">
    101                 <div id="zero" dojoType="dijit.TestContained"></div>
    102                 <div id="one" dojoType="dijit.TestContained"></div>
    103                 <div id="two" dojoType="dijit.TestContained"></div>
    104                 <div id="three" dojoType="dijit._Widget"></div>
     101        <div id="container" data-dojo-type="dijit.TestContainer">
     102                <div id="zero" data-dojo-type="dijit.TestContained"></div>
     103                <div id="one" data-dojo-type="dijit.TestContained"></div>
     104                <div id="two" data-dojo-type="dijit.TestContained"></div>
     105                <div id="three" data-dojo-type="dijit._Widget"></div>
    105106        </div>
    106         <div id="outside" dojoType="dijit._Widget"></div>
    107         <div id="outsideCont" dojoType="dijit.TestContained"></div>
     107        <div id="outside" data-dojo-type="dijit._Widget"></div>
     108        <div id="outsideCont" data-dojo-type="dijit.TestContained"></div>
    108109</body>
    109110</html>
  • dijit/trunk/tests/_Templated-widgetsInTemplate.html

    r22869 r22951  
     1<!DOCTYPE html>
    12<html>
    23        <head>
     4                <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
    35                <title>testing widgetsInTemplate support</title>
    46                <script type="text/javascript" src="../../dojo/dojo.js"
    5                         djConfig="parseOnLoad: true, isDebug: true"></script>
     7                        data-dojo-config="parseOnLoad: true, isDebug: true"></script>
    68                <script type="text/javascript">
    79                        dojo.require("doh.runner");
     
    173175        <body class="claro">
    174176                <h1>testing widgetsInTemplate support</h1>
    175                 <xmp id="Test1Template" style="display:none;">
     177                <textarea id="Test1Template" style="display:none;">
    176178                        <div>
    177179                                <div data-dojo-attach-point="normalNode">normal node</div>
    178180                                <button data-dojo-attach-point="buttonWidget" data-dojo-attach-event="onClick:onClick" data-dojo-type="dijit.form.Button">button #1</button>
    179181                                <div data-dojo-attach-point="checkboxWidget" data-dojo-attach-event="onClick:onClick" data-dojo-type="dijit.form.CheckBox"></div> checkbox #1
    180                                 <div data-dojo-attach-point="progressBarWidget" data-dojo-attach-event="onChange:onClick" style="width:400px"
    181                                         data-dojo-type="dijit.ProgressBar" data-dojo-props="value: 20, maximum: 200"></div>
     182                                <div data-dojo-attach-point="progressBarWidget" data-dojo-attach-event="onChange:onClick"
     183                                        data-dojo-type="dijit.ProgressBar" data-dojo-props='value: 20, maximum: 200, style: "width:400px;"'></div>
    182184                        </div>
    183                 </xmp>
     185                </textarea>
    184186                <script>
    185187                        dojo.declare('Test1Widget',
     
    189191                //              isContainer: true,
    190192
    191                                 templateString: dojo.byId('Test1Template').textContent || dojo.byId('Test1Template').innerText,
     193                                templateString: dojo.byId('Test1Template').value,
    192194                                onClick: function(e){
    193195                                        if(e.target){
     
    207209       
    208210       
    209                 <xmp id="Test3Template" style="display:none;">
     211                <textarea id="Test3Template" style="display:none;">
    210212                        <div>
    211213                                <div data-dojo-attach-point="checkboxWidget" data-dojo-type="dijit.form.CheckBox"></div> checkbox #3
    212214                                <div data-dojo-attach-point="containerNode"></div>
    213215                        </div>
    214                 </xmp>
     216                </textarea>
    215217                <script>
    216218                        dojo.declare('Test3Widget',
     
    219221                                widgetsInTemplate: true,
    220222
    221                                 templateString: dojo.byId('Test3Template').textContent || dojo.byId('Test3Template').innerText
     223                                templateString: dojo.byId('Test3Template').value,
    222224                        });
    223225                </script>
     
    240242
    241243                <!-- Test templated widget containing layout widgets in template -->
    242                 <xmp id="Test4Template" style="display:none;">
     244                <textarea id="Test4Template" style="display:none;">
    243245                        <div>
    244246                                <div data-dojo-type="dijit.layout.TabContainer" data-dojo-props="style: {height: '5em'}" data-dojo-attach-point="tabCont">
     
    251253                                </div>
    252254                        </div>
    253                 </xmp>
     255                </textarea>
    254256                <script>
    255257                        dojo.declare('Test4Widget',
     
    258260                                widgetsInTemplate: true,
    259261       
    260                                 templateString: dojo.byId('Test4Template').textContent || dojo.byId('Test4Template').innerText
     262                                templateString: dojo.byId('Test4Template').value,
    261263                        });
    262264       
     
    284286       
    285287                <!-- Test templated widget containing container and nested widgets in template -->
    286                 <xmp id="Test5Template" style="display:none;">
     288                <textarea id="Test5Template" style="display:none;">
    287289                        <div>
    288290                                <div data-dojo-type="TestLayoutWidget" data-dojo-attach-point="layout">
     
    310312                                </div>
    311313                        </div>
    312                 </xmp>
     314                </textarea>
    313315                <script>
    314316                        dojo.declare('TestLayoutWidget', dijit.layout._LayoutWidget, {
     
    394396                                widgetsInTemplate: true,
    395397       
    396                                 templateString: dojo.byId('Test5Template').textContent || dojo.byId('Test5Template').innerText,
     398                                templateString: dojo.byId('Test5Template').value,
    397399                                startup: function(){
    398400                                        if(this._started){
     
    471473        </body>
    472474</html>
    473 
  • dijit/trunk/tests/_Templated.html

    r20570 r22951  
     1<!DOCTYPE html>
    12<html>
    23        <head>
     4                <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    35                <title>_Templated tests</title>
    46                <script type="text/javascript" src="../../dojo/dojo.js"
    5                         djConfig="parseOnLoad: true, isDebug: true"></script>
     7                        data-dojo-config="parseOnLoad: true, isDebug: true"></script>
    68                <script type="text/javascript">
    79                        dojo.require("doh.runner");
     
    6365                                        templateString: "<div style='border: 1px solid red'>" +
    6466                                                                                "<button dojoAttachPoint='buttonNode,focusNode'>hi</button>" +
    65                                                                                 '<span><input dojoAttachPoint="inputNode" value="input"></span>' +
     67                                                                                '<span><input dojoAttachPoint="inputNode" value="input"/></span>' +
    6668                                                                                "<span dojoAttachPoint='containerNode'></span>" +
    6769                                                                        "</div>"
     
    176178                                                                widgetsInTemplate:true,
    177179                                                                templateString: "<div>" +
    178                                                                                                         "<span dojoType='SubThing'>a</span>" +
    179                                                                                                         "<div dojoType='dijit.layout.LayoutContainer'>" +
    180                                                                                                                 "<span dojoType='SubThing'>b</span>" +
     180                                                                                                        "<span data-dojo-type='SubThing'>a</span>" +
     181                                                                                                        "<div data-dojo-type='dijit.layout.LayoutContainer'>" +
     182                                                                                                                "<span data-dojo-type='SubThing'>b</span>" +
    181183                                                                                                        "</div>" +
    182184                                                                                                "</div>",
  • dijit/trunk/tests/_Widget-connect-performance.html

    r22273 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2                 "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
    54
     5        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
     6
    67        <title>Test Dijit Internal Event: "ondijitclick"</title>
    78
    8         <script type="text/javascript" src="../../dojo/dojo.js" djConfig="isDebug: true, parseOnLoad: true"></script>
     9        <script type="text/javascript" src="../../dojo/dojo.js" data-dojo-config="isDebug: true, parseOnLoad: true"></script>
    910        <script type="text/javascript">
    1011                dojo.require("doh.runner");
     
    6667<body class="claro">
    6768        <div id="externalNode"></div>
    68         <div id="widget1" dojoType="dijit.MyWidget"></div>
     69        <div id="widget1" data-dojo-type="dijit.MyWidget"></div>
    6970</body>
    7071</html>
  • dijit/trunk/tests/_Widget-deferredConnect.html

    r22273 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2                 "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
     4        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    55        <title>_Widget deferred connection test</title>
    66        <style type="text/css">
     
    1111
    1212        <script type="text/javascript" src="../../dojo/dojo.js"
    13                 djConfig="isDebug: true, parseOnLoad: true"></script>
     13                data-dojo-config="isDebug: true, parseOnLoad: true"></script>
    1414        <script>
    1515                dojo.require("dijit.form.Button");
     
    6060                "overrode" button specifies an onmousemove handler on initialization.
    6161        -->
    62         <button id="overrode" dojoType="dijit.form.Button"
    63                 onMouseMove="if(!overrodeMouseMoved){ console.log('\'overrode\' button: mouse moved'); } overrodeMouseMoved = true;">
     62        <button id="overrode" data-dojo-type="dijit.form.Button"
     63                data-dojo-props='onMouseMove:function(){ if(!overrodeMouseMoved){ console.log("\"overrode\" button: mouse moved"); } overrodeMouseMoved = true; }'>
    6464                overrode
    6565        </button>
     
    7070                to the Button.onMouseMove empty function.
    7171        -->
    72         <button id="connect" dojoType="dijit.form.Button">
     72        <button id="connect" data-dojo-type="dijit.form.Button">
    7373                connected
    7474        </button>
    7575
    76         <button id="both" dojoType="dijit.form.Button" onMouseMove="bothHandler">
     76        <button id="both" data-dojo-type="dijit.form.Button" data-dojo-props='onMouseMove:bothHandler'>
    7777                both
    7878        </button>
  • dijit/trunk/tests/_Widget-ondijitclick.html

    r22273 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2                 "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
    54
     5        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
     6
    67        <title>Test Dijit Internal Event: "ondijitclick"</title>
    78
    8         <script type="text/javascript" src="../../dojo/dojo.js" djConfig="isDebug: true, parseOnLoad: true"></script>
     9        <script type="text/javascript" src="../../dojo/dojo.js" data-dojo-config="isDebug: true, parseOnLoad: true"></script>
    910        <script type="text/javascript">
    1011                dojo.require("dijit._Widget");
     
    4748                the right one.)
    4849        </p>
    49         <div id="first" dojoType="dijit.WidgetWithOndijitclick" tabIndex=0
    50                         onClick="dojo.byId('plainbutton').focus();">
     50        <div id="first" tabIndex="0" data-dojo-type="dijit.WidgetWithOndijitclick" data-dojo-props='
     51                        onClick:function(){ dojo.byId("plainbutton").focus(); }'>
    5152                click me using space or enter, to focus button below
    5253        </div>
    5354        <button id="plainbutton" onclick="console.log('plain button clicked'); window.clicked = true;" type="button" >plain button</button>
    5455
    55         <div id="second" dojoType="dijit.WidgetWithOndijitclick" tabIndex=0
    56                         onClick="dojo.byId('textarea').focus();">
     56        <div id="second" tabIndex="0" data-dojo-type="dijit.WidgetWithOndijitclick" data-dojo-props='
     57                        onClick:function(){ dojo.byId("textarea").focus(); }'>
    5758                click me using space or enter, to focus textarea below
    5859        </div>
     
    6465                click me using space or enter, to focus ondijitclick widget below
    6566        </button>
    66         <div id="third" dojoType="dijit.WidgetWithOndijitclick" tabIndex=0 style="margin-top: 0px;"
    67                         onfocus="console.log('onfocus on third'); window.onDijitClickFocus = true;"
    68                         onClick="console.log('onclick on third'); window.spuriousOnDijitClick = true;">
     67        <div id="third" tabIndex="0" data-dojo-type="dijit.WidgetWithOndijitclick" data-dojo-props='style:"margin-top: 0px;",
     68                        onFocus:function(){ console.log("onfocus on third"); window.onDijitClickFocus = true; },
     69                        onClick:function(){ console.log("onclick on third"); window.spuriousOnDijitClick = true; }'>
    6970                clicking the button above shouldn't cause my ondijitclick handler to fire
    7071        </div>
    7172        <br>
    72         <div id="fourth" dojoType="dijit.WidgetWithOndijitclick" tabIndex=0 style="margin-top: 0px;"
    73                         onClick='alert("make sure can close this alert via keyboard");'>
     73        <div id="fourth" tabIndex="0" data-dojo-type="dijit.WidgetWithOndijitclick" data-dojo-props='style:"margin-top: 0px;",
     74                        onClick:function(){ alert("make sure can close this alert via keyboard"); }'>
    7475                Manual Test: Click me using space or enter to launch a JavaScript alert() from element using ondijitclick
    7576        </div>
  • dijit/trunk/tests/_Widget-subscribe.html

    r22273 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2                 "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
    54
     5        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
     6
    67        <title>Test Dijit Subscribe</title>
    78
    8         <script type="text/javascript" src="../../dojo/dojo.js" djConfig="isDebug: true, parseOnLoad: true"></script>
     9        <script type="text/javascript" src="../../dojo/dojo.js" data-dojo-config="isDebug: true, parseOnLoad: true"></script>
    910        <script type="text/javascript">
    1011                dojo.require("doh.runner");
     
    9293</head>
    9394<body class="claro">
    94         <div id="widget1" dojoType="dijit.MyWidget"></div>
     95        <div id="widget1" data-dojo-type="dijit.MyWidget"></div>
    9596</body>
    9697</html>
  • dijit/trunk/tests/_altCalendar.html

    r22832 r22951  
    1313                        </span></th>
    1414                        <th class='dijitReset' colspan="6">
    15                                 <div dojoType="dijit.form.DropDownButton" dojoAttachPoint="monthDropDownButton">
     15                                <div data-dojo-type="dijit.form.DropDownButton" data-dojo-attach-point="monthDropDownButton">
    1616                                </div>
    1717                        </th>
  • dijit/trunk/tests/_base/manager.html

    r20570 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2                 "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
     4        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    55        <title>Dijit manager unit test</title>
    66        <style type="text/css">
     
    99        </style>
    1010        <script type="text/javascript" src="../../../dojo/dojo.js"
    11                 djConfig="isDebug: true, parseOnLoad: true"></script>
     11                data-dojo-config="isDebug: true, parseOnLoad: true"></script>
    1212        <script type="text/javascript" src="../_testCommon.js"></script>
    1313
     
    246246<body>
    247247        <h1>Dijit Manager Unit Test</h1>
    248         <div dojoType="foo" id="one" name="bob" attr1="10" attr2="10"></div>
    249         <div dojoType="foo" id="two" name="is" attr1="5" attr2="10"></div>
    250         <div dojoType="bar" id="three" name="your" attr1="5" attr2="5">
     248        <div id="one" data-dojo-type="foo" data-dojo-props='name:"bob", attr1:10, attr2:10'></div>
     249        <div id="two" data-dojo-type="foo" data-dojo-props='name:"is", attr1:5, attr2:10'></div>
     250        <div id="three" data-dojo-type="bar" data-dojo-props='name:"your", attr1:5, attr2:5'>
    251251                <div id="three.one">
    252252                        <div id="three.one.one"></div>
    253253                </div>
    254254        </div>
    255         <div dojoType="bar" id="four" name="uncle" attr1="10" attr2="5"></div>
     255        <div id="four" data-dojo-type="bar" data-dojo-props='name:"uncle", attr1:10, attr2:5'></div>
    256256        <div id="not-a-widget"></div>
    257257</body>
  • dijit/trunk/tests/_base/tabindex.html

    r22722 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2                 "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
     4        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    55        <title>Dijit tabindex related functions unit test</title>
    66        <style type="text/css">
     
    1010        </style>
    1111        <script type="text/javascript" src="../../../dojo/dojo.js"
    12                 djConfig="isDebug: true, parseOnLoad: true"></script>
     12                data-dojo-config="isDebug: true, parseOnLoad: true"></script>
    1313        <script type="text/javascript" src="../_testCommon.js"></script>
    1414
     
    141141        </div>
    142142        <div id="a-without-href-container">
    143                 <a id="a-without-href" name="named-link-anchor"></a>
     143                <a id="a-without-href"></a>
    144144        </div>
    145145        <div id="a-with-href-container">
    146                 <a id="a-with-href" href="#named-link-anchor"></a>
    147         </div>
    148 
    149         <div><img src="../images/flatScreen.gif" alt="picture of a flat-screen monitor" usemap="#area-map"></div>
     146                <a id="a-with-href" href="#a-without-href"></a>
     147        </div>
     148
     149        <div><img src="../images/flatScreen.gif" alt="picture of a flat-screen monitor" usemap="#area-map"/></div>
    150150        <map id="area-map" name="area-map">
    151                 <area id="area" href="#" alt="example area" shape="rect" coords="0,0,8,8">
     151                <area id="area" href="#" alt="example area" shape="rect" coords="0,0,8,8"/>
    152152        </map>
    153153
     
    156156        </div>
    157157        <div id="input-container">
    158                 <input id="input">
     158                <input id="input"/>
    159159        </div>
    160160        <div id="object-container">
    161                 <object id="object"></object>
     161                <object id="object" type="text/javascript"></object>
    162162        </div>
    163163        <div id="select-container">
     
    169169
    170170        <div id="skip-disabled">
    171                 <input id="disabled-input1" disabled="disabled">
    172                 <input id="not-disabled-input">
    173                 <input id="disabled-input2" disabled="disabled">
     171                <input id="disabled-input1" disabled="disabled"/>
     172                <input id="not-disabled-input"/>
     173                <input id="disabled-input2" disabled="disabled"/>
    174174        </div>
    175175
     
    183183
    184184        <div id="zero-tabindex-input-container">
    185                 <input id="zero-tabindex-input" tabindex="0">
     185                <input id="zero-tabindex-input" tabindex="0"/>
    186186        </div>
    187187
     
    191191
    192192        <div id="editor-container">
    193                 <div id="editor" dojoType="dijit.Editor"></div>
     193                <div id="editor" data-dojo-type="dijit.Editor"></div>
    194194        </div>
    195195
    196196        <div id="positive-tabindex-mixed-with-no-tabindex">
    197                 <input id="no-tabindex-input1">
    198                 <input id="no-tabindex-input2">
    199                 <input id="positive-tabindex-input1a" tabindex="1">
    200                 <input id="positive-tabindex-input1b" tabindex="1">
    201                 <input id="positive-tabindex-input2a" tabindex="2">
    202                 <input id="positive-tabindex-input2b" tabindex="2">
     197                <input id="no-tabindex-input1"/>
     198                <input id="no-tabindex-input2"/>
     199                <input id="positive-tabindex-input1a" tabindex="1"/>
     200                <input id="positive-tabindex-input1b" tabindex="1"/>
     201                <input id="positive-tabindex-input2a" tabindex="2"/>
     202                <input id="positive-tabindex-input2b" tabindex="2"/>
    203203        </div>
    204204
    205205        <div id="positive-tabindex">
    206                 <input id="positive-tabindex-input3a" tabindex="3">
    207                 <input id="positive-tabindex-input3b" tabindex="3">
    208                 <input id="positive-tabindex-input4a" tabindex="4">
    209                 <input id="positive-tabindex-input4b" tabindex="4">
     206                <input id="positive-tabindex-input3a" tabindex="3"/>
     207                <input id="positive-tabindex-input3b" tabindex="3"/>
     208                <input id="positive-tabindex-input4a" tabindex="4"/>
     209                <input id="positive-tabindex-input4b" tabindex="4"/>
    210210        </div>
    211211
    212212        <div id="skip-minus-one">
    213                 <input id="minus-one-input1" tabindex="-1">
    214                 <input id="not-minus-one-input">
    215                 <input id="minus-one-input2" tabindex="-1">
     213                <input id="minus-one-input1" tabindex="-1"/>
     214                <input id="not-minus-one-input"/>
     215                <input id="minus-one-input2" tabindex="-1"/>
    216216        </div>
    217217
    218218        <div id="descend">
    219                 <input disabled="disabled">
     219                <input disabled="disabled"/>
    220220                <div>
    221                         <input disabled="disabled">
    222                         <div>
    223                                 <input disabled="disabled">
     221                        <input disabled="disabled"/>
     222                        <div>
     223                                <input disabled="disabled"/>
    224224                        </div>
    225225                </div>
    226226                <div>
    227                         <input disabled="disabled">
    228                         <div>
    229                                 <input disabled="disabled">
    230                         </div>
    231                         <div>
    232                                 <input id="child-input1">
    233                         </div>
    234                         <div>
    235                                 <input id="child-input2">
     227                        <input disabled="disabled"/>
     228                        <div>
     229                                <input disabled="disabled"/>
     230                        </div>
     231                        <div>
     232                                <input id="child-input1"/>
     233                        </div>
     234                        <div>
     235                                <input id="child-input2"/>
    236236                        </div>
    237237                </div>
    238238                <div>
    239239                        <div>
    240                                 <input disabled="disabled">
    241                         </div>
    242                         <input disabled="disabled">
    243                 </div>
    244                 <input disabled="disabled">
     240                                <input disabled="disabled"/>
     241                        </div>
     242                        <input disabled="disabled"/>
     243                </div>
     244                <input disabled="disabled"/>
    245245        </div>
    246246
  • dijit/trunk/tests/_base/test_focusWidget.html

    r22722 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2                 "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
     4        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    55        <title>dijit.focus Test</title>
    66        <style type="text/css">
     
    1111
    1212        <script type="text/javascript" src="../../../dojo/dojo.js"
    13                 djConfig="isDebug: true, parseOnLoad: true"></script>
     13                data-dojo-config="isDebug: true, parseOnLoad: true"></script>
    1414        <script type="text/javascript">
    1515                dojo.require("dijit.dijit"); // optimize: load dijit layer
     
    9898        </p>
    9999
    100         <label for="fieldset1">a form ContentPane widget:</label><br>
    101         <form dojoType="dijit.layout.ContentPane" id="form">
    102                 <label for="first">simple input: </label><input id=first><br>
     100        <label>a form ContentPane widget:</label><br>
     101        <form id="form" data-dojo-type="dijit.layout.ContentPane" >
     102                <label for="first">simple input: </label><input id="first"/><br>
    103103
    104                 <label for="fieldset1">a fieldset ContentPane widget:</label><br>
    105                 <fieldset id=fieldset1 dojoType="dijit.layout.ContentPane">
     104                <label>a fieldset ContentPane widget:</label><br>
     105                <fieldset id=fieldset1 data-dojo-type="dijit.layout.ContentPane">
    106106                        <label for="select">a ComboBox widget:</label>
    107                         <select id=select dojoType="dijit.form.ComboBox">
     107                        <select id=select data-dojo-type="dijit.form.ComboBox">
    108108                                <option>this</option>
    109109                                <option>is</option>
     
    112112                        </select>
    113113                        <label for="plain">a plain input:</label>
    114                         <input id=plain value=plain>
     114                        <input id=plain value=plain/>
    115115                </fieldset>
    116                 <div dojoType="dijit.Editor" id=editor>
     116                <div id=editor data-dojo-type="dijit.Editor" >
    117117                        Hello world, this is an <i>editor</i>
    118118                </div>
    119119                <br>
    120                 <label for="fieldset1">another fieldset ContentPane:</label><br>
    121                 <fieldset id=fieldset2 dojoType="dijit.layout.ContentPane">
     120                <label>another fieldset ContentPane:</label><br>
     121                <fieldset id=fieldset2 data-dojo-type="dijit.layout.ContentPane">
    122122                        <label for="date">a DateTextBox widget:</label>
    123                         <input id=date dojoType="dijit.form.DateTextBox"><br>
     123                        <input id=date data-dojo-type="dijit.form.DateTextBox"/><br>
    124124
    125125                        <label for="textarea">a plain textarea:</label><br>
     
    127127
    128128                        <label for="spinner">a Spinner widget:</label>
    129                         <input id=spinner dojoType="dijit.form.NumberSpinner" value=100><br>
     129                        <input id=spinner data-dojo-type="dijit.form.NumberSpinner" data-dojo-props='value:100'/><br>
    130130
    131                         <label for="button">a Combobutton widget:</label>
    132                         <div id=button dojoType="dijit.form.ComboButton" tabIndex=0>
     131                        <label>a Combobutton widget:</label>
     132                        <div id=button data-dojo-type="dijit.form.ComboButton" data-dojo-props='tabIndex:"0"'>
    133133                                <span>push me</span>
    134                                 <div id=menu dojoType="dijit.Menu">
    135                                         <div id=mi1 dojoType="dijit.MenuItem">menu item 1</div>
    136                                         <div id=mi2 dojoType="dijit.MenuItem">menu item 2</div>
    137                                         <div id=popupMenuItem dojoType="dijit.PopupMenuItem">
     134                                <div id=menu data-dojo-type="dijit.Menu">
     135                                        <div id=mi1 data-dojo-type="dijit.MenuItem">menu item 1</div>
     136                                        <div id=mi2 data-dojo-type="dijit.MenuItem">menu item 2</div>
     137                                        <div id=popupMenuItem data-dojo-type="dijit.PopupMenuItem">
    138138                                                <span>submenu</span>
    139                                                 <div id=submenu dojoType="dijit.Menu">
    140                                                         <div id=smi1 dojoType="dijit.MenuItem">submenu item 1</div>
    141                                                         <div id=smi2 dojoType="dijit.MenuItem">submenu item 2</div>
     139                                                <div id=submenu data-dojo-type="dijit.Menu">
     140                                                        <div id=smi1 data-dojo-type="dijit.MenuItem">submenu item 1</div>
     141                                                        <div id=smi2 data-dojo-type="dijit.MenuItem">submenu item 2</div>
    142142                                                </div>
    143143                                        </div>
  • dijit/trunk/tests/bidi.html

    r22273 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2                 "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
    5         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     4        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    65        <title>Multi-directional document test</title>
    76
     
    1211
    1312        <!-- required: a default dijit theme: -->
    14         <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css">
     13        <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css"/>
    1514
    1615        <!-- required: dojo.js -->
    1716        <script type="text/javascript" src="../../dojo/dojo.js"
    18                 djConfig="parseOnLoad: true, extraLocale: ['en','ar','he'], isDebug: true"></script>
     17                data-dojo-config="parseOnLoad: true, extraLocale: ['en','ar','he'], isDebug: true"></script>
    1918
    2019        <!-- not needed, for testing alternate themes -->
    2120        <script type="text/javascript" src="_testCommon.js"></script>
    2221
    23         <script language="JavaScript" type="text/javascript">
     22        <script type="text/javascript">
    2423                dojo.require("dojo.data.ItemFileReadStore");
    2524
     
    5756        <h1 class="testTitle">Multi-directional document test</h1>
    5857
    59         <div dojoType="dojo.data.ItemFileReadStore" jsId="continentStore"
    60                 url="_data/countries.json"></div>
    61         <div dojoType="dijit.tree.ForestStoreModel" jsId="continentModel"
    62                 store="continentStore" query="{type:'continent'}"
    63                 rootId="continentRoot" rootLabel="Continents" childrenAttrs="children"></div>
     58        <div data-dojo-id="continentStore" data-dojo-type="dojo.data.ItemFileReadStore" data-dojo-props='url:"_data/countries.json"'></div>
     59        <div data-dojo-id="continentModel" data-dojo-type="dijit.tree.ForestStoreModel" data-dojo-props='store:continentStore, query:{type:"continent"},
     60                rootId:"continentRoot", rootLabel:"Continents", childrenAttrs:["children"]'></div>
    6461
    6562        <div id="right" dir="rtl" lang="ar-eg" style="float: right; width: 500px;">
    6663                <h2>RTL</h2>
    6764
    68                 <div dojoType="dijit.Toolbar"
    69                                 ><div dojoType="dijit.form.Button" iconClass="dijitEditorIcon dijitEditorIconCut" showLabel="false">Cut</div
    70                                 ><div dojoType="dijit.form.DropDownButton" iconClass="plusIcon" showLabel="true">
     65                <div data-dojo-type="dijit.Toolbar"
     66                                ><div data-dojo-type="dijit.form.Button" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconCut", showLabel:false'>Cut</div
     67                                ><div data-dojo-type="dijit.form.DropDownButton" data-dojo-props='iconClass:"plusIcon", showLabel:true'>
    7168                                        <span>שיח</span>
    72                                         <div dojoType="dijit.TooltipDialog" title="Enter Login information">
     69                                        <div data-dojo-type="dijit.TooltipDialog" data-dojo-props='title:"Enter Login information"'>
    7370                                                <table>
    7471                                                        <tr>
    75                                                                 <td><label for="user">שם:</label></td>
    76                                                                 <td><input dojoType=dijit.form.TextBox></td>
     72                                                                <td><label>שם:</label></td>
     73                                                                <td><input data-dojo-type=dijit.form.TextBox/></td>
    7774                                                        </tr>
    7875                                                        <tr>
    79                                                                 <td><label for="pwd">תאריך:</label></td>
    80                                                                 <td><input dojoType=dijit.form.DateTextBox></td>
     76                                                                <td><label>תאריך:</label></td>
     77                                                                <td><input data-dojo-type=dijit.form.DateTextBox/></td>
    8178                                                        </tr>
    8279                                                        <tr>
    83                                                                 <td><label for="pwd">גיל:</label></td>
    84                                                                 <td><input dojoType=dijit.form.NumberSpinner></td>
     80                                                                <td><label>גיל:</label></td>
     81                                                                <td><input data-dojo-type=dijit.form.NumberSpinner/></td>
    8582                                                        </tr>
    8683                                                        <tr>
    87                                                                 <td colspan="2" align="center">
    88                                                                         <button dojoType=dijit.form.Button type="submit" name="submit">כניסה</button></td>
     84                                                                <td colspan="2" style="text-align:center;">
     85                                                                        <button data-dojo-type=dijit.form.Button data-dojo-props='type:"submit", name:"submit"'>כניסה</button>
     86                                                                </td>
    8987                                                        </tr>
    9088                                                </table>
    9189                                        </div
    9290                                ></div
    93                                 ><div dojoType="dijit.form.DropDownButton" iconClass="dijitEditorIcon dijitEditorIconBackColor" showLabel="true">
     91                                ><div data-dojo-type="dijit.form.DropDownButton" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconBackColor", showLabel:true'>
    9492                                        <span>لوحة الألوان</span>
    95                                         <div dojoType="dijit.ColorPalette" style="display: none" palette="7x10" onChange="console.log(this.value);"></div>
     93                                        <div data-dojo-type="dijit.ColorPalette" data-dojo-props='style:"display:none;", palette:"7x10", onChange:function(){ console.log(this.value); }'></div>
    9694                                </div
    97                                 ><div dojoType="dijit.form.ComboButton" optionsTitle='save options' iconClass="plusIcon" showLabel="true">
     95                                ><div data-dojo-type="dijit.form.ComboButton" data-dojo-props='optionsTitle:"save options", iconClass:"plusIcon", showLabel:true'>
    9896                                        <span>القائمة</span>
    99                                         <div dojoType="dijit.Menu" style="display: none;">
    100                                                 <div dojoType="dijit.MenuItem"  iconClass="dijitEditorIcon dijitEditorIconSave">حفظ</div>
    101                                                 <div dojoType="dijit.MenuItem">حفظ ك</div>
    102                                                 <div dojoType="dijit.PopupMenuItem">
     97                                        <div data-dojo-type="dijit.Menu" data-dojo-props='style:"display:none;"'>
     98                                                <div data-dojo-type="dijit.MenuItem"  data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconSave"'>حفظ</div>
     99                                                <div data-dojo-type="dijit.MenuItem">حفظ ك</div>
     100                                                <div data-dojo-type="dijit.PopupMenuItem">
    103101                                                        <span>فرعية</span>
    104                                                         <div dojoType="dijit.Menu">
    105                                                                 <div dojoType="dijit.MenuItem">Submenu Item One</div>
    106                                                                 <div dojoType="dijit.MenuItem">Submenu Item Two</div>
    107                                                                 <div dojoType="dijit.PopupMenuItem">
     102                                                        <div data-dojo-type="dijit.Menu">
     103                                                                <div data-dojo-type="dijit.MenuItem">Submenu Item One</div>
     104                                                                <div data-dojo-type="dijit.MenuItem">Submenu Item Two</div>
     105                                                                <div data-dojo-type="dijit.PopupMenuItem">
    108106                                                                        <span>Deeper Submenu</span>
    109                                                                         <div dojoType="dijit.Menu">
    110                                                                                 <div dojoType="dijit.MenuItem">Sub-sub-menu Item One</div>
    111                                                                                 <div dojoType="dijit.MenuItem">Sub-sub-menu Item Two</div>
     107                                                                        <div data-dojo-type="dijit.Menu">
     108                                                                                <div data-dojo-type="dijit.MenuItem">Sub-sub-menu Item One</div>
     109                                                                                <div data-dojo-type="dijit.MenuItem">Sub-sub-menu Item Two</div>
    112110                                                                        </div>
    113111                                                                </div>
     
    117115                                </div
    118116                ></div>
    119                 <div dojoType="dijit.layout.TabContainer" style="width: 450px; height: 300px; margin-top: 1em;">
    120                         <div dojoType="dijit.layout.ContentPane" title="رابط" closable="true" href="layout/doc0.html"></div>
    121                         <div dojoType="dijit.Tree" model="continentModel" openOnClick="true" title="עץ" closable="true"></div>
     117                <div data-dojo-type="dijit.layout.TabContainer" data-dojo-props='style:"width: 450px; height: 300px; margin-top: 1em;"'>
     118                        <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props='title:"رابط", closable:true, href:"layout/doc0.html"'></div>
     119                        <div data-dojo-type="dijit.Tree" data-dojo-props='model:continentModel, openOnClick:true, title:"עץ", closable:true'></div>
    122120                </div>
    123121        </div>
     
    126124                <h2>LTR</h2>
    127125
    128                 <div dojoType="dijit.Toolbar"
    129                                 ><div dojoType="dijit.form.Button" iconClass="dijitEditorIcon dijitEditorIconCut" showLabel="false">Cut</div
    130                                 ><div dojoType="dijit.form.DropDownButton" iconClass="plusIcon" showLabel="true">
     126                <div data-dojo-type="dijit.Toolbar"
     127                                ><div data-dojo-type="dijit.form.Button" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconCut", showLabel:false'>Cut</div
     128                                ><div data-dojo-type="dijit.form.DropDownButton" data-dojo-props='iconClass:"plusIcon", showLabel:true'>
    131129                                        <span>TooltipDialog</span>
    132                                         <div dojoType="dijit.TooltipDialog" title="Enter Login information">
     130                                        <div data-dojo-type="dijit.TooltipDialog" data-dojo-props='title:"Enter Login information"'>
    133131                                                <table>
    134132                                                        <tr>
    135                                                                 <td><label for="user">Name:</label></td>
    136                                                                 <td><input dojoType=dijit.form.TextBox></td>
     133                                                                <td><label>Name:</label></td>
     134                                                                <td><input data-dojo-type=dijit.form.TextBox/></td>
    137135                                                        </tr>
    138136                                                        <tr>
    139                                                                 <td><label for="pwd">Date:</label></td>
    140                                                                 <td><input dojoType=dijit.form.DateTextBox></td>
     137                                                                <td><label>Date:</label></td>
     138                                                                <td><input data-dojo-type=dijit.form.DateTextBox/></td>
    141139                                                        </tr>
    142140                                                        <tr>
    143                                                                 <td><label for="pwd">Age:</label></td>
    144                                                                 <td><input dojoType=dijit.form.NumberSpinner></td>
     141                                                                <td><label>Age:</label></td>
     142                                                                <td><input data-dojo-type=dijit.form.NumberSpinner/></td>
    145143                                                        </tr>
    146144                                                        <tr>
    147                                                                 <td colspan="2" align="center">
    148                                                                         <button dojoType=dijit.form.Button type="submit" name="submit">Login</button></td>
     145                                                                <td colspan="2" style="text-align:center;">
     146                                                                        <button data-dojo-type=dijit.form.Button data-dojo-props='type:"submit", name:"submit"'>Login</button></td>
    149147                                                        </tr>
    150148                                                </table>
    151149                                        </div
    152150                                ></div
    153                                 ><div dojoType="dijit.form.DropDownButton" iconClass="dijitEditorIcon dijitEditorIconBackColor" showLabel="true">
     151                                ><div data-dojo-type="dijit.form.DropDownButton" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconBackColor", showLabel:true'>
    154152                                        <span>ColorPalette</span>
    155                                         <div dojoType="dijit.ColorPalette" style="display: none" palette="7x10" onChange="console.log(this.value);"></div>
     153                                        <div data-dojo-type="dijit.ColorPalette" data-dojo-props='style:"display:none;", palette:"7x10", onChange:function(){ console.log(this.value); }'></div>
    156154                                </div
    157                                 ><div dojoType="dijit.form.ComboButton" optionsTitle='save options' iconClass="plusIcon" showLabel="true">
     155                                ><div data-dojo-type="dijit.form.ComboButton" data-dojo-props='optionsTitle:"save options", iconClass:"plusIcon", showLabel:true'>
    158156                                        <span>Menu</span>
    159                                         <div dojoType="dijit.Menu" style="display: none;">
    160                                                 <div dojoType="dijit.MenuItem"  iconClass="dijitEditorIcon dijitEditorIconSave">Save</div>
    161                                                 <div dojoType="dijit.MenuItem">Save As</div>
    162                                                 <div dojoType="dijit.PopupMenuItem">
     157                                        <div data-dojo-type="dijit.Menu" data-dojo-props='style:"display none;"'>
     158                                                <div data-dojo-type="dijit.MenuItem"  data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconSave"'>Save</div>
     159                                                <div data-dojo-type="dijit.MenuItem">Save As</div>
     160                                                <div data-dojo-type="dijit.PopupMenuItem">
    163161                                                        <span>Enabled Submenu</span>
    164                                                         <div dojoType="dijit.Menu">
    165                                                                 <div dojoType="dijit.MenuItem">Submenu Item One</div>
    166                                                                 <div dojoType="dijit.MenuItem">Submenu Item Two</div>
    167                                                                 <div dojoType="dijit.PopupMenuItem">
     162                                                        <div data-dojo-type="dijit.Menu">
     163                                                                <div data-dojo-type="dijit.MenuItem">Submenu Item One</div>
     164                                                                <div data-dojo-type="dijit.MenuItem">Submenu Item Two</div>
     165                                                                <div data-dojo-type="dijit.PopupMenuItem">
    168166                                                                        <span>Deeper Submenu</span>
    169                                                                         <div dojoType="dijit.Menu">
    170                                                                                 <div dojoType="dijit.MenuItem">Sub-sub-menu Item One</div>
    171                                                                                 <div dojoType="dijit.MenuItem">Sub-sub-menu Item Two</div>
     167                                                                        <div data-dojo-type="dijit.Menu">
     168                                                                                <div data-dojo-type="dijit.MenuItem">Sub-sub-menu Item One</div>
     169                                                                                <div data-dojo-type="dijit.MenuItem">Sub-sub-menu Item Two</div>
    172170                                                                        </div>
    173171                                                                </div>
     
    178176                ></div>
    179177
    180                 <div dojoType="dijit.layout.TabContainer" style="width: 450px; height: 300px; margin-top: 1em;">
    181                         <div dojoType="dijit.layout.ContentPane" title="Href" closable="true" href="layout/doc0.html"></div>
    182                         <div dojoType="dijit.Tree" model="continentModel" openOnClick="true" title="Tree" closable="true"></div>
     178                <div data-dojo-type="dijit.layout.TabContainer" data-dojo-props='style:"width: 450px; height: 300px; margin-top: 1em;"'>
     179                        <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props='title:"Href", closable:true, href:"layout/doc0.html"'></div>
     180                        <div data-dojo-type="dijit.Tree" data-dojo-props='model:continentModel, openOnClick:true, title:"Tree", closable:true'></div>
    183181                </div>
    184182
  • dijit/trunk/tests/i18n/calendar.html

    r22273 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2         "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43        <head>
     4                <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    55                <title>Calendar Widget Test</title>
    66
     
    99                        @import "../../../dojo/resources/dojo.css";
    1010                        @import "../css/dijitTests.css";
     11                        #calendar5 .dijitCalendarDateTemplate { height: 50px; width: 50px; border: 1px solid #ccc; vertical-align: top }
     12                        #calendar5 .dijitCalendarDateLabel, #calendar5 .dijitCalendarDateTemplate { text-align: inherit }
     13                        #calendar5 .dijitCalendarDayLabel { font-weight: bold }
     14                        #calendar5 .dijitCalendarSelectedYear { font-size: 1.5em }
     15                        #calendar5 .dijitCalendarMonth { font-family: serif; letter-spacing: 0.2em; font-size: 2em }
     16                        .blue { color: blue }
    1117                </style>
    1218
    1319                <!-- required: a default dijit theme: -->
    14                 <link id="themeStyles" rel="stylesheet" href="../../../dijit/themes/claro/claro.css">
     20                <link id="themeStyles" rel="stylesheet" href="../../../dijit/themes/claro/claro.css"/>
    1521
    1622                <!-- required: dojo.js.
     
    1824                        on the page besides the browser's default.  -->
    1925                <script type="text/javascript" src="../../../dojo/dojo.js"
    20                         djConfig="parseOnLoad: true, isDebug: true, extraLocale: ['en-us', 'ar-sy', 'es-es', 'zh-cn']"></script>
     26                        data-dojo-config="parseOnLoad: true, isDebug: true, extraLocale: ['en-us', 'ar-sy', 'es-es', 'zh-cn']"></script>
    2127
    2228                <!-- not needed, for testing alternate themes -->
     
    4450
    4551                                var bigCalendar = dojo.byId("calendar5");
    46                                 bigCalendar.setAttribute("dojoType", "BigCalendar");
     52                                bigCalendar.setAttribute("data-dojo-type", "BigCalendar");
    4753                                dojo.parser.parse(bigCalendar.parentNode);
    4854                        });
     
    5864
    5965                before
    60                 <input id="calendar1" dojoType="dijit.Calendar" onChange="myHandler(this.id,arguments[0])" lang="en-us">
    61                 <input id="calendar2" dojoType="dijit.Calendar" onChange="myHandler(this.id,arguments[0])" lang="es-es">
    62                 <input id="calendar3" dojoType="dijit.Calendar" onChange="myHandler(this.id,arguments[0])" lang="zh-cn">
    63                 <input id="calendar4" dojoType="dijit.Calendar" onChange="myHandler(this.id,arguments[0])" lang="ar-sy">
     66                <input id="calendar1" data-dojo-type="dijit.Calendar" data-dojo-props='onChange:function(){ myHandler(this.id,arguments[0]) }, lang:"en-us"'/>
     67                <input id="calendar2" data-dojo-type="dijit.Calendar" data-dojo-props='onChange:function(){ myHandler(this.id,arguments[0]) }, lang:"es-es"'/>
     68                <input id="calendar3" data-dojo-type="dijit.Calendar" data-dojo-props='onChange:function(){ myHandler(this.id,arguments[0]) }, lang:"zh-cn"'/>
     69                <input id="calendar4" data-dojo-type="dijit.Calendar" data-dojo-props='onChange:function(){ myHandler(this.id,arguments[0]) }, lang:"ar-sy"'/>
    6470                after
    6571                <p>
     
    7480
    7581                <p>Customized template with "today" button</p>
    76                 <style>
    77                         #calendar5 .dijitCalendarDateTemplate { height: 50px; width: 50px; border: 1px solid #ccc; vertical-align: top }
    78                         #calendar5 .dijitCalendarDateLabel, #calendar5 .dijitCalendarDateTemplate { text-align: inherit }
    79                         #calendar5 .dijitCalendarDayLabel { font-weight: bold }
    80                         #calendar5 .dijitCalendarSelectedYear { font-size: 1.5em }
    81                         #calendar5 .dijitCalendarMonth { font-family: serif; letter-spacing: 0.2em; font-size: 2em }
    82                         .blue { color: blue }
    83                 </style>
    8482                <div>
    8583                        <!-- Parent div used so we have a handle to use for dojo.parser.parse after BigCalendar gets defined. -->
    8684                        <!-- The input below will be replaced by BigCalendar which is defined in a dojo.addOnLoad block. -->
    87                         <input id="calendar5" dayWidth="abbr" value="2008-03-15">
     85                        <input id="calendar5" data-dojo-props='dayWidth:"abbr", value:"2008-03-15"'/>
    8886                </div>
    8987<!--
    90                 <input id="calendar5" dojoType="dijit.Calendar" dayWidth="abbr" templatePath="../dijit/tests/_altCalendar.html" value="2008-03-15">
     88                <input id="calendar5" data-dojo-type="dijit.Calendar" dayWidth="abbr" templatePath="../dijit/tests/_altCalendar.html" value="2008-03-15"/>
    9189 -->
    9290        </body>
  • dijit/trunk/tests/test_Calendar.html

    r22273 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2         "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43        <head>
     4                <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    55                <title>Calendar Widget Test</title>
    66
     
    2121
    2222                <!-- required: a default dijit theme: -->
    23                 <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css">
     23                <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css"/>
    2424
    2525                <!-- required: dojo.js -->
    2626                <script type="text/javascript" src="../../dojo/dojo.js"
    27                         djConfig="parseOnLoad: true, isDebug: true"></script>
     27                        data-dojo-config="parseOnLoad: true, isDebug: true"></script>
    2828
    2929                <!-- not needed, for testing alternate themes -->
     
    5151
    5252                                var bigCalendar = dojo.byId("calendar5");
    53                                 bigCalendar.setAttribute("dojoType", "BigCalendar");
     53                                bigCalendar.setAttribute("data-dojo-type", "BigCalendar");
    5454                                dojo.parser.parse(bigCalendar.parentNode);
    5555                        });
     
    6464                <h1 class="testTitle">Dijit Calendar Test</h1>
    6565
    66                 <input value="input before" id="before">
    67                 <input id="calendar1" dojoType="dijit.Calendar" onChange="myHandler(this.id,arguments[0])">
    68                 <input value="input after" id="after">
     66                <input value="input before" id="before"/>
     67                <input id="calendar1" data-dojo-type="dijit.Calendar" data-dojo-props='onChange:function(v){ myHandler(this.id, v) }'/>
     68                <input value="input after" id="after"/>
    6969                <p>
    7070                        <a href="#"
     
    7979                        <!-- Parent div used so we have a handle to use for dojo.parser.parse after BigCalendar gets defined. -->
    8080                        <!-- The input below will be replaced by BigCalendar which is defined in a dojo.addOnLoad block. -->
    81                         <input id="calendar5" dayWidth="abbr" value="2008-03-14">
     81                        <input id="calendar5" data-dojo-props='dayWidth:"abbr", value:"2008-03-14"'/>
    8282                </div>
    8383        </body>
  • dijit/trunk/tests/test_ColorPalette.html

    r22273 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2                 "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
     4        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    55        <title>ColorPalette Test</title>
    66
     
    1111
    1212        <!-- required: a default dijit theme: -->
    13         <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css">
     13        <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css"/>
    1414
    1515        <!-- required: dojo.js -->
    1616        <script type="text/javascript" src="../../dojo/dojo.js"
    17                 djConfig="parseOnLoad: true, isDebug: true, extraLocale: ['en-us', 'es-mx']"></script>
     17                data-dojo-config="parseOnLoad: true, isDebug: true, extraLocale: ['en-us', 'es-mx']"></script>
    1818
    1919        <!-- not needed, for testing alternate themes -->
    2020        <script type="text/javascript" src="_testCommon.js"></script>
    2121
    22         <script language="JavaScript" type="text/javascript">
     22        <script type="text/javascript">
    2323                dojo.require("dijit.dijit"); // optimize: load dijit layer
    2424                dojo.require("dijit.ColorPalette");
     
    4545
    4646        <p>Large color palette (7x10), English tooltips:</p>
    47         <input id="beforeBig" value="for tabIndex testing">
    48         <div dojoType="dijit.ColorPalette" id="big" onChange="setColor(this.value);" lang="en-us"></div>
     47        <input id="beforeBig" value="for tabIndex testing"/>
     48        <div id="big" data-dojo-type="dijit.ColorPalette" data-dojo-props='onChange:function(){ setColor(this.value); }, lang:"en-us"'></div>
    4949        Test color is: <span id="outputSpan"></span>.
    50         <input id="afterBig" value="for tabIndex testing">
     50        <input id="afterBig" value="for tabIndex testing"/>
    5151
    5252        <p>Small color palette (3x4), Spanish tooltips:</p>
    53         <input id="beforeSmall" value="for tabIndex testing">
    54         <div dojoType="dijit.ColorPalette" id="small" palette="3x4" lang="es-mx"></div>
    55         <input id="afterSmall" value="for tabIndex testing">
     53        <input id="beforeSmall" value="for tabIndex testing"/>
     54        <div id="small" data-dojo-type="dijit.ColorPalette" data-dojo-props='palette:"3x4", lang:"es-mx"'></div>
     55        <input id="afterSmall" value="for tabIndex testing"/>
    5656
    5757        <p>Default color palette (7x10) created programatically:</p>
  • dijit/trunk/tests/test_Declaration.html

    r22735 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2         "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
     4
     5        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    56
    67        <title>Dojo Toolkit - Declaration test</title>
     
    1112
    1213        <!-- required: a default dijit theme: -->
    13         <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css">
     14        <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css"/>
    1415
    1516        <!-- required: dojo.js -->
    1617        <script type="text/javascript" src="../../dojo/dojo.js"
    17                 djConfig="isDebug: true"></script>
     18                data-dojo-config="isDebug: true"></script>
    1819
    1920        <!-- not needed, for testing alternate themes -->
     
    6667        <h3>Simple macro:</h3>
    6768        <p>(Check to make sure that links contain employee number)
    68         <div dojoType="dijit.Declaration" widgetClass="Employee" defaults="{ empid: 123, name: '' }">
     69        <div data-dojo-type="dijit.Declaration" data-dojo-props='widgetClass:"Employee", defaults:{ empid: 123, name: "" }'>
    6970                <span>${name}</span>
    7071                <a href="update.php?id=${empid}">update</a>
    7172                <a href="delete.php?id=${empid}">delete</a>
    7273        </div>
    73         <div dojoType="Employee" empid="100" name="Alan Allen"></div>
    74         <div dojoType="Employee" empid="101" name="Bob Brown"></div>
    75         <div dojoType="Employee" empid="102" name="Cathy Cameron"></div>
     74        <div data-dojo-type="Employee" data-dojo-props='empid:100, name:"Alan Allen"'></div>
     75        <div data-dojo-type="Employee" data-dojo-props='empid:101, name:"Bob Brown"'></div>
     76        <div data-dojo-type="Employee" data-dojo-props='empid:102, name:"Cathy Cameron"'></div>
    7677
    77         <h3>Using dojoAttachEvent, dojoAttachPoint</h3>
    78         <div dojoType="dijit.Declaration" widgetClass="HideButton">
    79                 XXX<button dojoAttachEvent="onclick: myHandler" dojoAttachPoint="containerNode"></button>XXX
    80                 <script type='dojo/method' event='myHandler'>
     78        <h3>Using data-dojo-attach-event, data-dojo-attach-point</h3>
     79        <div data-dojo-type="dijit.Declaration" data-dojo-props='widgetClass:"HideButton"'>
     80                XXX<button data-dojo-attach-event="onclick: myHandler" data-dojo-attach-point="containerNode"></button>XXX
     81                <script type='dojo/method' data-dojo-event='myHandler'>
    8182                        this.domNode.style.display="none";
    8283                </script>
    8384        </div>
    84         <button dojoType="HideButton" jsId="hideButtonA">Click to hide</button>
    85         <button dojoType="HideButton" jsId="hideButtonB">Click to hide #2</button>
     85        <button data-dojo-id="hideButtonA" data-dojo-type="HideButton" >Click to hide</button>
     86        <button data-dojo-id="hideButtonB" data-dojo-type="HideButton" >Click to hide #2</button>
    8687
    8788        <h3>Extending another widget</h3>
    8889        <p>HideButton2 extends HideButton (above) and changes the template (but keeps the onclick handler).</p>
    89         <span dojoType="dijit.Declaration" widgetClass="HideButton2" mixins="HideButton">
    90                 YYY<button dojoAttachEvent="onclick: myHandler" dojoAttachPoint="containerNode"></button>YYY
     90        <span data-dojo-type="dijit.Declaration" data-dojo-props='widgetClass:"HideButton2", mixins:["HideButton"]'>
     91                YYY<button data-dojo-attach-event="onclick: myHandler" data-dojo-attach-point="containerNode"></button>YYY
    9192        </span>
    92         <button dojoType="HideButton2" jsId="hideButton2A">Hide me extended</button>
    93         <button dojoType="HideButton2" jsId="hideButton2B">Hide me extended #2</button>
     93        <button data-dojo-id="hideButton2A" data-dojo-type="HideButton2" >Hide me extended</button>
     94        <button data-dojo-id="hideButton2B" data-dojo-type="HideButton2" >Hide me extended #2</button>
    9495
    9596        <h3>Using dojo/method:</h3>
    96         <div dojoType="dijit.Declaration" widgetClass="m" defaults="{ foo: 'thud', progress: 10 }">
    97                 <script type='dojo/method' event='postCreate'>
     97        <div data-dojo-type="dijit.Declaration" data-dojo-props='widgetClass:"m", defaults:{ foo: "thud", progress: 10 }'>
     98                <script type='dojo/method' data-dojo-event='postCreate'>
    9899                        console.log("in postCreate ", this, arguments);
    99100                        mPrototypeExecuted = true;
     
    104105                <p>thinger blah stuff ${foo}</p>
    105106
    106                 <div style="width:400px" maximum="200"
    107                         progress="${progress}" dojoType="dijit.ProgressBar"></div>
    108                 <p dojoAttachPoint='baz'>baz thud</p>
     107                <div data-dojo-type="dijit.ProgressBar" data-dojo-props='style:"width:400px", maximum:200,
     108                        progress:"${progress}" '></div>
     109                <p data-dojo-attach-point='baz'>baz thud</p>
    109110        </div>
    110111
    111         <div dojoType="m" jsId="m1" foo="blah" progress="50"></div>
    112         <div dojoType="m" jsId="m2" foo="thinger" progress="73"></div>
     112        <div data-dojo-id="m1" data-dojo-type="m" data-dojo-props='foo:"blah", progress:"50"'></div>
     113        <div data-dojo-id="m2" data-dojo-type="m" data-dojo-props='foo:"thinger", progress:"73"'></div>
    113114
    114115        <h3>Using dojo/connect:</h3>
    115         <div dojoType="dijit.Declaration" widgetClass="foo" defaults="{ foo: 'thud', progress: 10 }">
    116                 <script type='dojo/connect' event='startup'>
     116        <div data-dojo-type="dijit.Declaration" data-dojo-props='widgetClass:"foo", defaults:{ foo: "thud", progress: 10 }'>
     117                <script type='dojo/connect' data-dojo-event='startup'>
    117118                        this.baz.innerHTML += " (modified by dojo/connect event=startup) ";
    118119                </script>
     
    120121                <p>thinger blah stuff ${foo}</p>
    121122
    122                 <div style="width:400px" maximum="200"
    123                         progress="${progress}" dojoType="dijit.ProgressBar"></div>
    124                 <p dojoAttachPoint='baz'>baz thud</p>
     123                <div data-dojo-type="dijit.ProgressBar" data-dojo-props='style:"width:400px", maximum:200,
     124                        progress:"${progress}" '></div>
     125                <p data-dojo-attach-point='baz'>baz thud</p>
    125126        </div>
    126127
    127         <div dojoType="foo" jsId="foo1" foo="blah" progress="50"></div>
    128         <div dojoType="foo" jsId="foo2" foo="thinger" progress="73"></div>
     128        <div data-dojo-id="foo1" data-dojo-type="foo" data-dojo-props='foo:"blah", progress:"50"'></div>
     129        <div data-dojo-id="foo2" data-dojo-type="foo" data-dojo-props='foo:"thinger", progress:"73"'></div>
    129130
    130131</body>
  • dijit/trunk/tests/test_Dialog.html

    r22768 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2                 "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
     4        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    55        <title>Dialog Widget Dojo Tests</title>
    66
     
    1616
    1717        <!-- required: a default dijit theme: -->
    18         <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css">
     18        <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css"/>
    1919
    2020        <!-- required: dojo.js -->
    2121        <script type="text/javascript" src="../../dojo/dojo.js"
    22                 djConfig="parseOnLoad: true, isDebug: true"></script>
     22                data-dojo-config="parseOnLoad: true, isDebug: true"></script>
    2323
    2424        <!-- not needed, for testing alternate themes -->
     
    7575
    7676        <h1 class="testTitle">Dijit layout.Dialog tests</h1>
    77         <button dojoType="dijit.form.Button"  id="dialog1button" onclick="dijit.byId('dialog1').show()">Show Dialog</button> |
    78 
    79         <div dojoType="dijit.Dialog" id="dialog1" title="First Dialog"
    80                         aria-describedby="intro"
    81                         onfocus="console.log('user focus handler')"
    82                         onblur="console.log('user blur handler')"
    83                         execute="console.log('submitted w/args:\n' + dojo.toJson(arguments[0], true));">
     77        <button id="dialog1button" data-dojo-type="dijit.form.Button"  data-dojo-props='onClick:function(){ dijit.byId("dialog1").show() }'>Show Dialog</button> |
     78
     79        <div id="dialog1" data-dojo-type="dijit.Dialog" data-dojo-props='title:"First Dialog",
     80                        "aria-describedby":"intro",
     81                        onFocus:function(){ console.log("user focus handler") },
     82                        onBlur:function(){ console.log("user blur handler") },
     83                        execute:function(){ console.log("submitted w/args:\n" + dojo.toJson(arguments[0], true)); }'>
    8484                <div id="intro" style="width:30em;">Introductory information spoken by screen reader if aria-describedby is
    8585                added to the declaration of dialog above with value equal to the id of the container element for this text. This technique
     
    8888                        <tr>
    8989                                <td><label for="name">Name: </label></td>
    90                                 <td><input dojoType=dijit.form.TextBox type="text" name="name" id="name"></td>
     90                                <td><input id="name" data-dojo-type="dijit.form.TextBox" data-dojo-props='type:"text", name:"name" '/></td>
    9191                        </tr>
    9292                        <tr>
    9393                                <td><label for="loc">Location: </label></td>
    94                                 <td><input dojoType=dijit.form.TextBox type="text" name="loc" id="loc"></td>
     94                                <td><input id="loc" data-dojo-type="dijit.form.TextBox" data-dojo-props='type:"text", name:"loc" '/></td>
    9595                        </tr>
    9696                        <tr>
    9797                                <td><label for="date">Date: </label></td>
    98                                 <td><input dojoType=dijit.form.DateTextBox type="text" name="date" id="date"></td>
     98                                <td><input id="date" data-dojo-type="dijit.form.DateTextBox" data-dojo-props='type:"text", name:"date" '/></td>
    9999                        </tr>
    100100                        <tr>
    101                                 <td><label for="time">Time: </label></td>
    102                                 <td><div dojoType="dijit.InlineEditBox" editor=dijit.form.TimeTextBox type="text" name="time" id="time" width="100px" style="width:100px;"></div></td>
     101                                <td><label>Time: </label></td>
     102                                <td><div id="time" data-dojo-type="dijit.InlineEditBox" data-dojo-props='editor:"dijit.form.TimeTextBox", editorParams:{type:"text", name:"time"}, width:"100px", style:"width:100px;"'></div></td>
    103103                        </tr>
    104104                        <tr>
    105105                                <td><label for="desc">Description: </label></td>
    106                                 <td><input dojoType=dijit.form.TextBox type="text" name="desc" id="desc"></td>
     106                                <td><input id="desc" data-dojo-type="dijit.form.TextBox" data-dojo-props='type:"text", name:"desc" '/></td>
    107107                        </tr>
    108108                        <tr>
    109                                 <td colspan="2" align="center">
    110                                         <button dojoType=dijit.form.Button id="ok" type="submit">OK</button></td>
     109                                <td colspan="2" style="text-align:center;">
     110                                        <button id="ok" data-dojo-type="dijit.form.Button" data-dojo-props='type:"submit"'>OK</button></td>
    111111                        </tr>
    112112                </table>
     
    114114
    115115
    116         <button dojoType="dijit.form.Button" onclick="createDialog()" title="shows after 3 second delay, with blue background">Programatic Dialog (3 second delay)</button> |
     116        <button data-dojo-type="dijit.form.Button" data-dojo-props='onClick:function(){ createDialog() }, title:"shows after 3 second delay, with blue background"'>Programatic Dialog (3 second delay)</button> |
    117117
    118118
     
    141141        </div>
    142142
    143         <button dojoType="dijit.form.Button" onclick="dijit.byId('tabDialog').show()">Show TabContainer Dialog</button> |
    144 
    145         <div dojoType="dijit.Dialog" id="tabDialog" title="TabContainer Dialog">
    146                 <div dojoType="dijit.layout.TabContainer" id="tc" style="width: 400px; height: 400px;">
    147                         <div dojoType="dijit.layout.ContentPane" id="cp1" title="First tab">
     143        <button data-dojo-type="dijit.form.Button" data-dojo-props='onClick:function(){ dijit.byId("tabDialog").show() }'>Show TabContainer Dialog</button> |
     144
     145        <div id="tabDialog" data-dojo-type="dijit.Dialog" data-dojo-props='title:"TabContainer Dialog"'>
     146                <div id="tc" data-dojo-type="dijit.layout.TabContainer" data-dojo-props='style:"width: 400px; height: 400px;"'>
     147                        <div id="cp1" data-dojo-type="dijit.layout.ContentPane" data-dojo-props='title:"First tab"'>
    148148                                <p>
    149149                                        This is the first tab.
     
    158158                                </p>
    159159                        </div>
    160                         <div dojoType="dijit.layout.ContentPane" id="cp2" title="Second tab">
     160                        <div id="cp2" data-dojo-type="dijit.layout.ContentPane" data-dojo-props='title:"Second tab"'>
    161161                                <p>
    162162                                        This is the second tab.
     
    190190        </div>
    191191
    192         <button dojoType="dijit.form.Button" onclick="dijit.byId('fifthDlg').show();">Test slow loading HREF Dialog</button> |
    193 
    194         <div dojoType="dijit.Dialog" id="fifthDlg" href="layout/getResponse.php?delay=3000&messId=3"
    195                 style="width: 300px" title="From HREF (slow network simulated)"></div>
    196 
    197         <button dojoType="dijit.form.Button" onclick="dijit.byId('dialog6').show()">Show File Dialog</button>
    198 
    199         <div dojoType="dijit.Dialog" id="dialog6" title="File Dialog"
    200                         onfocus="console.log('user focus handler')"
    201                         onblur="console.log('user blur handler')"
    202                         execute="alert('submitted w/args:\n' + dojo.toJson(arguments[0], true));" style="min-width: 350px">
     192        <button data-dojo-type="dijit.form.Button" data-dojo-props='onClick:function(){ dijit.byId("fifthDlg").show(); }'>Test slow loading HREF Dialog</button> |
     193
     194        <div id="fifthDlg" data-dojo-type="dijit.Dialog" data-dojo-props='href:"layout/getResponse.php?delay=3000&amp;messId=3",
     195                style:"width: 300px", title:"From HREF (slow network simulated)"'></div>
     196
     197        <button data-dojo-type="dijit.form.Button" data-dojo-props='onClick:function(){ dijit.byId("dialog6").show() }'>Show File Dialog</button>
     198
     199        <div id="dialog6" data-dojo-type="dijit.Dialog" data-dojo-props='title:"File Dialog",
     200                        onFocus:function(){ console.log("user focus handler") },
     201                        onBlur:function(){ console.log("user blur handler") },
     202                        execute:function(){ alert("submitted w/args:\n" + dojo.toJson(arguments[0], true)); }, style:"min-width: 350px"'>
    203203                <!-- note: style="min-width: 350px" to workaround FF bug where width is too short, see http://bugs.dojotoolkit.org/ticket/5976 -->
    204204                        <label for="afile">ID File: </label>
    205                         <input dojoType=dijit.form.TextBox type="file" name="afile" id="afile">
    206         </div>
    207 
    208         <button dojoType="dijit.form.Button" onclick="dijit.byId('cantmove').show()">Show Unmovable</button>
    209 
    210         <div dojoType="dijit.Dialog" id="cantmove" title="unmovable" draggable="false">
     205                        <input id="afile" data-dojo-type="dijit.form.TextBox" data-dojo-props='type:"file", name:"afile" '/>
     206        </div>
     207
     208        <button data-dojo-type="dijit.form.Button" data-dojo-props='onClick:function(){ dijit.byId("cantmove").show() }'>Show Unmovable</button>
     209
     210        <div id="cantmove" data-dojo-type="dijit.Dialog" data-dojo-props='title:"unmovable", draggable:false'>
    211211                <p>You should not be able to <br /> drag this dialog</p>
    212212        </div>
    213213
    214         <button dojoType="dijit.form.Button" onclick="dijit.byId('preventer').show()">Show Close prevention</button>
    215 
    216         <div dojoType="dijit.Dialog" id="preventer" title="Confirm Close">
     214        <button data-dojo-type="dijit.form.Button" data-dojo-props='onClick:function(){ dijit.byId("preventer").show() }'>Show Close prevention</button>
     215
     216        <div id="preventer" data-dojo-type="dijit.Dialog" data-dojo-props='title:"Confirm Close"'>
    217217                I am done entering data:
    218                 <button dojoType="dijit.form.Button" id="preventerOK" type="submit" onClick="return confirm('Are you sure?')">OK</button>
    219         </div>
    220 
    221         <button dojoType="dijit.form.Button" onclick="dijit.byId('embedded').show()">Dialog w/embedded layout widgets</button> |
    222 
    223         <div dojoType="dijit.Dialog" id="embedded" title="Embedded layout widgets"
    224                 onShow="dojo.attr(this.domNode, 'aria-describedby', 'describe');" >
     218                <button id="preventerOK" data-dojo-type="dijit.form.Button" data-dojo-props='type:"submit", onClick:function(){ return confirm("Are you sure?") }'>OK</button>
     219        </div>
     220
     221        <button data-dojo-type="dijit.form.Button" data-dojo-props='onClick:function(){ dijit.byId("embedded").show() }'>Dialog w/embedded layout widgets</button> |
     222
     223        <div id="embedded" data-dojo-type="dijit.Dialog" data-dojo-props='title:"Embedded layout widgets",
     224                onShow:function(){ dojo.attr(this.domNode, "aria-describedby", "describe"); } '>
    225225                <p id="describe">
    226226                        The pane has some text, plus two embedded layout widgets, which should
     
    230230                        Here's a BorderContainer:
    231231                </p>
    232                 <div dojoType="dijit.layout.BorderContainer" style="height:200px; width:300px">
    233                         <div dojoType="dijit.layout.ContentPane" region="left" style="width:100px" splitter="true">
     232                <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props='style:"height:200px; width:300px"'>
     233                        <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props='region:"left", style:"width:100px", splitter:true'>
    234234                                1Sed arcu magna, molestie at, fringilla in, sodales eu, elit.
    235235                                Curabitur mattis lorem et est. Quisque et tortor. Integer bibendum
     
    246246                                ut eros sit amet ante pharetra interdum.
    247247                        </div>
    248                         <div dojoType="dijit.layout.ContentPane" region="center">
     248                        <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props='region:"center"'>
    249249                                2Sed arcu magna, molestie at, fringilla in, sodales eu, elit.
    250250                                Curabitur mattis lorem et est. Quisque et tortor. Integer bibendum
     
    265265                        And a TabContainer:
    266266                </p>
    267                 <div dojoType="dijit.layout.TabContainer" style="height:200px; width:300px">
    268                         <div dojoType="dijit.layout.ContentPane" title="Tab 1">
     267                <div data-dojo-type="dijit.layout.TabContainer" data-dojo-props='style:"height:200px; width:300px"'>
     268                        <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props='title:"Tab 1"'>
    269269                                1Sed arcu magna, molestie at, fringilla in, sodales eu, elit.
    270270                                Curabitur mattis lorem et est. Quisque et tortor. Integer bibendum
     
    281281                                ut eros sit amet ante pharetra interdum.
    282282                        </div>
    283                         <div dojoType="dijit.layout.ContentPane" title="Tab 2">
     283                        <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props='title:"Tab 2"'>
    284284                                2Sed arcu magna, molestie at, fringilla in, sodales eu, elit.
    285285                                Curabitur mattis lorem et est. Quisque et tortor. Integer bibendum
     
    304304       
    305305        <!-- Action Bar test case -->
    306         <button dojoType="dijit.form.Button"  id="ABDlg1Btn" onclick="dijit.byId('ABDlg1').show()">Show Dialog With Action Buttons</button>
    307         <div dojoType="dijit.Dialog" id="ABDlg1" title="ActionBar Dialog 1"
    308                         onExecute="console.log('OK button pressed')"
    309                         onCancel="console.log('Cancel button pressed')"
    310                         aria-describedby="intro"
    311                         execute="console.log('submitted w/args:\n' + dojo.toJson(arguments[0], true));">
     306        <button id="ABDlg1Btn" data-dojo-type="dijit.form.Button"  data-dojo-props='onClick:function(){ dijit.byId("ABDlg1").show() }'>Show Dialog With Action Buttons</button>
     307        <div id="ABDlg1" data-dojo-type="dijit.Dialog" data-dojo-props='title:"ActionBar Dialog 1",
     308                        onExecute:function(){ console.log("OK button pressed") },
     309                        onCancel:function(){ console.log("Cancel button pressed") },
     310                        "aria-describedby":"intro",
     311                        execute:function(){ console.log("submitted w/args:\n" + dojo.toJson(arguments[0], true)); }'>
    312312                <div class="dijitDialogPaneContentArea">
    313313                        <div id="ABintro1" style="width:30em;">Introductory information spoken by screen reader if aria-describedby is
     
    318318               
    319319                <div class="dijitDialogPaneActionBar">
    320                         <button dojoType="dijit.form.Button" type="submit" id="ABdialog1button1">OK</button>
    321                         <button dojoType="dijit.form.Button" type="button" onClick="dijit.byId('ABDlg1').onCancel();"
    322                                         id="ABdialog1button2">Cancel</button>
     320                        <button id="ABdialog1button1" data-dojo-type="dijit.form.Button" data-dojo-props='type:"submit" '>OK</button>
     321                        <button id="ABdialog1button2" data-dojo-type="dijit.form.Button" data-dojo-props='type:"button", onClick:function(){ dijit.byId("ABDlg1").onCancel(); }
     322                                        '>Cancel</button>
    323323                </div>
    324324        </div>
    325325       
    326         <button dojoType="dijit.form.Button"  id="NABDlgBtn" onclick="dijit.byId('NABDlg').show()">Show Dialog With No Action Buttons</button>
    327         <div dojoType="dijit.Dialog" id="NABDlg" title="No Action Bar Dialog"
    328                         aria-describedby="intro"
    329                         onfocus="console.log('user focus handler')"
    330                         onblur="console.log('user blur handler')"
    331                         execute="console.log('submitted w/args:\n' + dojo.toJson(arguments[0], true));">
     326        <button id="NABDlgBtn" data-dojo-type="dijit.form.Button"  data-dojo-props='onClick:function(){ dijit.byId("NABDlg").show() }'>Show Dialog With No Action Buttons</button>
     327        <div id="NABDlg" data-dojo-type="dijit.Dialog" data-dojo-props='title:"No Action Bar Dialog",
     328                        "aria-describedby":"intro",
     329                        onFocus:function(){ console.log("user focus handler") },
     330                        onBlur:function(){ console.log("user blur handler") },
     331                        execute:function(){ console.log("submitted w/args:\n" + dojo.toJson(arguments[0], true)); }'>
    332332                               
    333333                <div class="dijitDialogPaneContentArea">
     
    338338                                <tr>
    339339                                        <td><label for="NABname">Name: </label></td>
    340                                         <td><input dojoType=dijit.form.TextBox type="text" name="NABname" id="NABname"></td>
     340                                        <td><input id="NABname" data-dojo-type="dijit.form.TextBox" data-dojo-props='type:"text", name:"NABname" '/></td>
    341341                                </tr>
    342342                                <tr>
    343343                                        <td><label for="NABloc">Location: </label></td>
    344                                         <td><input dojoType=dijit.form.TextBox type="text" name="NABloc" id="NABloc"></td>
     344                                        <td><input id="NABloc" data-dojo-type="dijit.form.TextBox" data-dojo-props='type:"text", name:"NABloc" '/></td>
    345345                                </tr>
    346346                                <tr>
    347347                                        <td><label for="NABdate">Date: </label></td>
    348                                         <td><input dojoType=dijit.form.DateTextBox type="text" name="NABdate" id="NABdate"></td>
     348                                        <td><input id="NABdate" data-dojo-type="dijit.form.DateTextBox" data-dojo-props='type:"text", name:"NABdate" '/></td>
    349349                                </tr>
    350350                                <tr>
    351351                                        <td><label for="NABdesc">Description: </label></td>
    352                                         <td><input dojoType=dijit.form.TextBox type="text" name="NABdesc" id="NABdesc"></td>
     352                                        <td><input id="NABdesc" data-dojo-type="dijit.form.TextBox" data-dojo-props='type:"text", name:"NABdesc" '/></td>
    353353                                </tr>
    354354                        </table>
     
    357357
    358358
    359         <button dojoType="dijit.form.Button"  id="layeredDialogs" onclick="open2Dialogs">Show 2 Dialogs</button>
    360 
    361         <button dojoType="dijit.form.Button"  id="iframeDlg" onclick='dijit.byId("dlgFrame").show();'>Show iframe in dialog</button>
    362         <div dojoType="dijit.Dialog" id="dlgFrame" title="Search">
    363                 <iframe title="Test IFrame" src="layout/getResponse.php?delay=3000&messId=3" style="width:600px; height: 400px;">
     359        <button id="layeredDialogs" data-dojo-type="dijit.form.Button"  data-dojo-props='onClick:open2Dialogs'>Show 2 Dialogs</button>
     360
     361        <button id="iframeDlg" data-dojo-type="dijit.form.Button"  data-dojo-props='onClick:function(){ dijit.byId("dlgFrame").show(); }'>Show iframe in dialog</button>
     362        <div id="dlgFrame" data-dojo-type="dijit.Dialog" data-dojo-props='title:"Search"'>
     363                <iframe title="Test IFrame" src="layout/getResponse.php?delay=3000&amp;messId=3" style="width:600px; height: 400px;">
    364364        </iframe>
    365365                               
     
    374374
    375375        <form>
    376         <input id="plainInput">
     376        <input id="plainInput"/>
    377377        <br>
    378378        <button id="plainButton">hello</button>
     
    413413        </p>
    414414        <form>
    415                 <center>
     415                <div style="text-align:center;">
    416416                        <select>
    417417                                <option>1</option>
    418418                                <option>2</option>
    419419                        </select>
    420                 </center>
     420                </div>
    421421        </form>
    422422        <p>Mauris pharetra lorem sit amet sapien. Nulla libero metus, tristique
     
    468468        </p>
    469469        <form>
    470                 <center>
     470                <div style="text-align:center;">
    471471                        <select>
    472472                                <option>1</option>
    473473                                <option>2</option>
    474474                        </select>
    475                 </center>
     475                </div>
    476476        </form>
    477477        <p>Mauris pharetra lorem sit amet sapien. Nulla libero metus, tristique
     
    491491
    492492        <p>
    493         <button dojoType="dijit.form.Button" onClick="dijit.byId('dialog1').show()">Show Dialog</button> |
     493        <button data-dojo-type="dijit.form.Button" data-dojo-props='onClick:function(){ dijit.byId("dialog1").show() }'>Show Dialog</button> |
    494494        <!-- showing a dialog from an anchor with inline onclick="" is a solution to page onUnLoad firing
    495495                but you must return false; alternatively, you can dojo.connect() to the anchor links, and
  • dijit/trunk/tests/test_Dialog_focusDestroy.html

    r22273 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2                 "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
     4        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    55        <title>Dialog Widget Dojo Tests</title>
    66
     
    1616
    1717        <!-- required: a default dijit theme: -->
    18         <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css">
     18        <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css"/>
    1919
    2020        <!-- required: dojo.js -->
    2121        <script type="text/javascript" src="../../dojo/dojo.js"
    22                 djConfig="parseOnLoad: true, isDebug: true"></script>
     22                data-dojo-config="parseOnLoad: true, isDebug: true"></script>
    2323
    2424        <!-- not needed, for testing alternate themes -->
     
    6262        <input id="testInput" name="foo" value="bar" />
    6363
    64         <button dojoType="dijit.form.Button" onclick="createAndShow()">Show Dialog</button>
     64        <button data-dojo-type="dijit.form.Button" data-dojo-props='onClick:function(){ createAndShow() }'>Show Dialog</button>
    6565
    6666</body>
    6767</html>
    68 
  • dijit/trunk/tests/test_InlineEditBox.html

    r22273 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2         "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43        <head>
     4                <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    55                <title>Inline Edit Box Test</title>
    66
     
    1818
    1919                <!-- required: a default dijit theme: -->
    20                 <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css">
     20                <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css"/>
    2121
    2222                <!-- required: dojo.js -->
    2323                <script type="text/javascript" src="../../dojo/dojo.js"
    24                         djConfig="parseOnLoad: true, isDebug: true"></script>
     24                        data-dojo-config="parseOnLoad: true, isDebug: true"></script>
    2525
    2626                <!-- not needed, for testing alternate themes -->
     
    6565                <h1 class="testTitle">Dijit InlineEditBox Test</h1>
    6666
    67                 <span dojoType="dojo.data.ItemFileReadStore" jsId="stateStore"
    68                         url="_data/states.json"></span>
    69                 <span dojoType="dojo.data.ItemFileReadStore" jsId="productStore">
     67                <span data-dojo-id="stateStore" data-dojo-type="dojo.data.ItemFileReadStore" data-dojo-props='url:"_data/states.json"'></span>
     68                <span data-dojo-id="productStore" data-dojo-type="dojo.data.ItemFileReadStore" >
    7069                        <script type="dojo/method">
    7170                                this._jsonData =
     
    8382                <h2>Form Letter with blanks</h2>
    8483                <div class="letter">
    85                         <h3 id="editable" dojoType="dijit.InlineEditBox" onChange="myHandler(this.id,arguments[0])" autoSave="true" title="company name"></h3>
    86                         <p>
    87                                 Dear <span id="MrSmith" dojoType="dijit.InlineEditBox" width="200px" title="recipient name"></span>,
     84                        <h3 id="editable" data-dojo-type="dijit.InlineEditBox" data-dojo-props='onChange:function(){ myHandler(this.id,arguments[0]) }, autoSave:true, title:"company name"'></h3>
     85                        <p>
     86                                Dear <span id="MrSmith" data-dojo-type="dijit.InlineEditBox" data-dojo-props='width:"200px", title:"recipient name"'></span>,
    8887                        </p>
    8988                        <p class="letter">
    9089                                Thank you for your recent order.
    9190                                Please remit
    92                                 <span id="dollar_as" dojoType="dijit.InlineEditBox" editor="dijit.form.CurrencyTextBox" editorParams="{currency: 'USD'}" width="100px" title="dollar amount"></span>&nbsp;for
     91                                <span id="dollar_as" data-dojo-type="dijit.InlineEditBox" data-dojo-props='editor:"dijit.form.CurrencyTextBox", editorParams:{currency: "USD"}, width:"100px", title:"dollar amount"'></span>&nbsp;for
    9392                                your purchase of
    94                                 <span dojoType="dijit.InlineEditBox" editor="dijit.form.NumberSpinner" editorParams="{constraints: {places:0} }" width="70px" title="quantity"></span>&nbsp;deluxe
    95                                 <span dojoType="dijit.InlineEditBox" editor="dijit.form.ComboBox" title="item name"
    96                                         editorParams="{searchAttr: 'name', store: productStore, autocomplete: false, hasDownArrow: false}"
    97                                          width="200px"></span>&nbsp;on
    98                                 <span dojoType="dijit.InlineEditBox" editor="dijit.form.DateTextBox" width="200px" title="purchase date as mm/dd/yy"></span>&nbsp;in
    99                                 <span dojoType="dijit.InlineEditBox" editor="dijit.form.FilteringSelect"
    100                                         editorParams="{searchAttr: 'name', keyAttr: 'abbreviation', store: stateStore, autocomplete: true, hasDownArrow: true}"
    101                                          width="200px" title="state of purchase"></span>.
    102                         </p>
    103                         <p id="textarea" dojoType="dijit.InlineEditBox" autoSave="true" editor="dijit.form.Textarea" title="additional details"></p>
     93                                <span data-dojo-type="dijit.InlineEditBox" data-dojo-props='editor:"dijit.form.NumberSpinner", editorParams:{constraints: {places:0} }, width:"70px", title:"quantity"'></span>&nbsp;deluxe
     94                                <span data-dojo-type="dijit.InlineEditBox" data-dojo-props='editor:"dijit.form.ComboBox", title:"item name",
     95                                        editorParams:{searchAttr: "name", store: productStore, autocomplete: false, hasDownArrow: false},
     96                                         width:"200px"'></span>&nbsp;on
     97                                <span data-dojo-type="dijit.InlineEditBox" data-dojo-props='editor:"dijit.form.DateTextBox", width:"200px", title:"purchase date as mm/dd/yy"'></span>&nbsp;in
     98                                <span data-dojo-type="dijit.InlineEditBox" data-dojo-props='editor:"dijit.form.FilteringSelect",
     99                                        editorParams:{searchAttr: "name", keyAttr: "abbreviation", store: stateStore, autocomplete: true, hasDownArrow: true},
     100                                         width:"200px", title:"state of purchase"'></span>.
     101                        </p>
     102                        <p id="textarea" data-dojo-type="dijit.InlineEditBox" data-dojo-props='autoSave:true, editor:"dijit.form.Textarea", title:"additional details"'></p>
    104103                        <p>
    105104                                Sincerely,
    106105                        </p>
    107                         <span  style="margin-left: 2em; font-family: cursive;" dojoType="dijit.InlineEditBox" width="400px" title="sender name"                                                                           ></span>
    108                 </div>
    109                 <hr style="margin-bottom: 1em;">
     106                        <span data-dojo-type="dijit.InlineEditBox" data-dojo-props='style:"margin-left: 2em; font-family: cursive;", width:"400px", title:"sender name"                                                                           '></span>
     107                </div>
     108                <hr style="margin-bottom: 1em;"/>
    110109
    111110                <h2>Form Letter with <span id="predefined">predefined values</span>, and no auto-save</h2>
    112111                <div class="letter">
    113                         <h3 id="editable2" dojoType="dijit.InlineEditBox" onChange="myHandler(this.id,arguments[0])" autoSave="false" title="company name">
     112                        <h3 id="editable2" data-dojo-type="dijit.InlineEditBox" data-dojo-props='onChange:function(){ myHandler(this.id,arguments[0]) }, autoSave:false, title:"company name"'>
    114113                                Bob Vance Refrigeration
    115114                        </h3>
    116115                        <p>
    117                                 Dear <span dojoType="dijit.InlineEditBox" width="200px" autoSave="false" title="recipient name">John</span>,
     116                                Dear <span data-dojo-type="dijit.InlineEditBox" data-dojo-props='width:"200px", autoSave:false, title:"recipient name"'>John</span>,
    118117                        </p>
    119118                        <p class="letter">
    120119                                Thank you for your recent order.
    121120                                Please remit
    122                                 <span id="dollar" dojoType="dijit.InlineEditBox" editor="dijit.form.CurrencyTextBox" editorParams="{currency: 'USD'}" width="100px" autoSave="false" title="dollar amount">$2,000</span>
     121                                <span id="dollar" data-dojo-type="dijit.InlineEditBox" data-dojo-props='editor:"dijit.form.CurrencyTextBox", editorParams:{currency: "USD"}, width:"100px", autoSave:false, title:"dollar amount"'>$2,000</span>
    123122                                for your purchase of
    124                                 <span id="quantity" dojoType="dijit.InlineEditBox" editor="dijit.form.NumberSpinner" editorParams="{constraints: {places:0} }" width="70px" autoSave="false" title="quantity">3</span>
     123                                <span id="quantity" data-dojo-type="dijit.InlineEditBox" data-dojo-props='editor:"dijit.form.NumberSpinner", editorParams:{constraints: {places:0} }, width:"70px", autoSave:false, title:"quantity"'>3</span>
    125124                                deluxe
    126                                 <span id="item" dojoType="dijit.InlineEditBox" editor="dijit.form.ComboBox"
    127                                         editorParams="{searchAttr: 'name', store: productStore, autocomplete: false, hasDownArrow: false}"
    128                                          width="200px" autoSave="false" title="item name">refrigerators</span>
     125                                <span id="item" data-dojo-type="dijit.InlineEditBox" data-dojo-props='editor:"dijit.form.ComboBox",
     126                                        editorParams:{searchAttr: "name", store: productStore, autocomplete: false, hasDownArrow: false},
     127                                         width:"200px", autoSave:false, title:"item name"'>refrigerators</span>
    129128                                on
    130129                                <!--
     
    134133                                        to tell DateTextBox to expect that pattern regardless of the machine's locale
    135134                                -->
    136                                 <span id="purchase" dojoType="dijit.InlineEditBox"
    137                                         editor="dijit.form.DateTextBox" editorParams="{constraints: {datePattern: 'MM/dd/yyyy'}}"
    138                                         width="200px" autoSave="false" title="purchase date as mm/dd/yy">01/05/2007</span>
     135                                <span id="purchase" data-dojo-type="dijit.InlineEditBox"
     136                                        data-dojo-props='editor:"dijit.form.DateTextBox", editorParams:{constraints: {datePattern: "MM/dd/yyyy"}},
     137                                        width:"200px", autoSave:false, title:"purchase date as mm/dd/yy"'>01/05/2007</span>
    139138                                in
    140                                 <span id="state" dojoType="dijit.InlineEditBox" editor="dijit.form.FilteringSelect"
    141                                         editorParams="{searchAttr: 'name', keyAttr: 'abbreviation', store: stateStore, autocomplete: true, hasDownArrow: false}"
    142                                          width="200px" autoSave="false" title="state of purchase">
     139                                <span id="state" data-dojo-type="dijit.InlineEditBox" data-dojo-props='editor:"dijit.form.FilteringSelect",
     140                                        editorParams:{searchAttr: "name", keyAttr: "abbreviation", store: stateStore, autocomplete: true, hasDownArrow: false},
     141                                         width:"200px", autoSave:false, title:"state of purchase"'>
    143142                                         Pennsylvania
    144143                                </span>.
    145144                        </p>
    146                         <p dojoType="dijit.InlineEditBox" autoSave="false" editor="dijit.form.Textarea" title="additional details">
     145                        <p data-dojo-type="dijit.InlineEditBox" data-dojo-props='autoSave:false, editor:"dijit.form.Textarea", title:"additional details"'>
    147146                                We sincerely appreciate your business and hope we can do business again.
    148147                        </p>
     
    150149                                Sincerely,
    151150                        </p>
    152                         <span  style="margin-left: 2em; font-family: cursive;" dojoType="dijit.InlineEditBox" width="400px" autoSave="false" title="sender name">Bob Vance</span>
    153                 </div>
    154                 <hr style="margin-bottom: 1em;">
     151                        <span data-dojo-type="dijit.InlineEditBox" data-dojo-props='style:"margin-left: 2em; font-family: cursive;", width:"400px", autoSave:false, title:"sender name"'>Bob Vance</span>
     152                </div>
     153                <hr style="margin-bottom: 1em;"/>
    155154
    156155
     
    163162                <br>
    164163                (before editable inline)
    165                 <fieldset class="dijitInline"><div dojoType="dijit.InlineEditBox" onChange="myHandler(this.id,arguments[0])" width="400px" style="width: 400px;">
     164                <fieldset class="dijitInline"><div data-dojo-type="dijit.InlineEditBox" data-dojo-props='onChange:function(){ myHandler(this.id,arguments[0]) }, width:"400px", style:"width: 400px;"'>
    166165                        hello world
    167166                </div></fieldset>
    168167                (after editable inline)
    169                 <hr style="width:100%;">
     168                <hr style="width:100%;"/>
    170169
    171170                <h2>Pararagraph</h2>
     
    186185                </p>
    187186                (before editable paragraph.  the editable paragraph has Save/Cancel buttons when open.)
    188                 <p id="areaEditable" dojoType="dijit.InlineEditBox" autoSave="false" editor="dijit.form.Textarea">
     187                <p id="areaEditable" data-dojo-type="dijit.InlineEditBox" data-dojo-props='autoSave:false, editor:"dijit.form.Textarea"'>
    189188                        Aliquam vitae enim. Duis scelerisque metus auctor est venenatis
    190189imperdiet. Fusce dignissim porta augue. Nulla vestibulum. Integer lorem
     
    204203                <button onClick="dijit.byId('areaEditable').set('disabled', false)">enable</button>
    205204                the InlineEditBox above.
    206                 <hr style="width:100%;">
     205                <hr style="width:100%;"/>
    207206
    208207                <h2>Editor</h2>
    209                 <div id="inlineRTE" dojoType="dijit.InlineEditBox" editor="dijit.Editor"
    210                         autoSave="false" renderAsHtml="true"
    211                         editorParams="{height: '', extraPlugins: ['dijit._editor.plugins.AlwaysShowToolbar']}">
     208                <div id="inlineRTE" data-dojo-type="dijit.InlineEditBox" data-dojo-props='editor:"dijit.Editor",
     209                        autoSave:false, renderAsHtml:true,
     210                        editorParams:{height: "", extraPlugins: ["dijit._editor.plugins.AlwaysShowToolbar"]}'>
    212211                        <b>Aliquam</b> vitae enim. <i>Duis</i> scelerisque metus auctor est venenatis
    213 imperdiet. <u>Fusce</u> dignissim porta augue. Nulla vestibulum. Integer lorem
     212imperdiet. <span style="text-decoration: underline;"> Fusce</span> dignissim porta augue. Nulla vestibulum. Integer lorem
    214213nunc, ullamcorper a, commodo ac, malesuada sed, dolor. Aenean id mi in
    215214massa bibendum suscipit. Integer eros. Nullam suscipit mauris. In
     
    231230                <h2>FilteringSelect (no down arrow, and save/cancel buttons):</h2>
    232231                before
    233                 <span id="filteringSelect2" dojoType="dijit.InlineEditBox" editor="dijit.form.FilteringSelect"
    234                         editorParams="{searchAttr: 'name', keyAttr: 'abbreviation', store: stateStore, autocomplete: true, hasDownArrow: false}"
    235                          width="200px" autoSave="false">
     232                <span id="filteringSelect2" data-dojo-type="dijit.InlineEditBox" data-dojo-props='editor:"dijit.form.FilteringSelect",
     233                        editorParams:{searchAttr: "name", keyAttr: "abbreviation", store: stateStore, autocomplete: true, hasDownArrow: false},
     234                         width:"200px", autoSave:false'>
    236235                        Indiana
    237236                </span>
    238237                <button onclick="dijit.byId('filteringSelect2').edit();return false;">Edit previous value</button>
    239238                after
    240                 <hr style="width:100%;">
     239                <hr style="width:100%;"/>
    241240
    242241                <h2>Programmatically created:</h2>
     
    248247                        });
    249248                </script>
    250                 <hr style="width:100%;">
     249                <hr style="width:100%;"/>
    251250                <h2>Complex renderAsHtml="false"</h2>
    252                 <div id="renderAsHtml_false" dojoType="dijit.InlineEditBox" renderAsHtml="false" width="400px" style="width:400px;">
     251                <div id="renderAsHtml_false" data-dojo-type="dijit.InlineEditBox" data-dojo-props='renderAsHtml:false, width:"400px", style:"width:400px;"'>
    253252                        &lt;B&gt;not bold&lt;/B&gt;&amp;lt;input&amp;gt;
    254253                </div>
    255                 <hr style="width:100%;">
     254                <hr style="width:100%;"/>
    256255                <h2>Complex renderAsHtml="true"</h2>
    257                 <div id="renderAsHtml_true" dojoType="dijit.InlineEditBox" renderAsHtml="true" width="400px" style="width:400px;">
     256                <div id="renderAsHtml_true" data-dojo-type="dijit.InlineEditBox" data-dojo-props='renderAsHtml:true, width:"400px", style:"width:400px;"'>
    258257                        &lt;B&gt;not bold&lt;/B&gt;<B>bold</B>&amp;lt;input&amp;gt;
    259258                </div>
  • dijit/trunk/tests/test_Menu.html

    r22273 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2                 "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
     4
     5        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    56
    67        <title>Menu System Test</title>
     
    2627
    2728        <!-- required: a default dijit theme: -->
    28         <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css">
     29        <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css"/>
    2930
    3031        <!-- required: dojo.js -->
    3132        <script type="text/javascript" src="../../dojo/dojo.js"
    32                 djConfig="parseOnLoad: true, isDebug: true"></script>
     33                data-dojo-config="parseOnLoad: true, isDebug: true"></script>
    3334
    3435        <!-- not needed, for testing alternate themes -->
    3536        <script type="text/javascript" src="_testCommon.js"></script>
    3637
    37         <script language="JavaScript" type="text/javascript">
     38        <script type="text/javascript">
    3839                dojo.require("dijit.dijit"); // optimize: load dijit layer
    3940                dojo.require("dijit.Menu");
     
    4849        </script>
    4950
    50     <script language="Javascript" type="text/javascript">
     51    <script type="text/javascript">
    5152        function createMenu() {
    5253            // create a menu programmatically
     
    107108<body class="claro">
    108109
    109         <div dojoType="dijit.Menu" id="windowContextMenu" contextMenuForWindow="true" style="display: none;">
    110                 <div dojoType="dijit.MenuItem" onClick="console.log('Hello world');">Context Menu</div>
    111                 <div dojoType="dijit.MenuSeparator"></div>
    112                 <div dojoType="dijit.MenuItem" disabled="true" onClick="alert('this shouldn\'t appear');">Disabled Item</div>
    113                 <div dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconCut"
    114                         onClick="console.log('not actually cutting anything, just a test!')" accelKey="Ctrl+X">Cut</div>
    115                 <div dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconCopy"
    116                         onClick="console.log('not actually copying anything, just a test!')" accelKey="Ctrl+C">Copy</div>
    117                 <div dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconPaste"
    118                         onClick="console.log('not actually pasting anything, just a test!')" accelKey="Ctrl+V">Paste</div>
    119                 <div dojoType="dijit.MenuSeparator"></div>
    120                 <div dojoType="dijit.PopupMenuItem" id="enabledSubmenu">
     110        <div id="windowContextMenu" data-dojo-type="dijit.Menu" data-dojo-props='contextMenuForWindow:true, style:"display: none;"'>
     111                <div data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Hello world"); }'>Context Menu</div>
     112                <div data-dojo-type="dijit.MenuSeparator"></div>
     113                <div data-dojo-type="dijit.MenuItem" data-dojo-props='disabled:true, onClick:function(){ alert("this should NOT appear"); }'>Disabled Item</div>
     114                <div data-dojo-type="dijit.MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconCut",
     115                        onClick:function(){ console.log("not actually cutting anything, just a test!") }, accelKey:"Ctrl+X"'>Cut</div>
     116                <div data-dojo-type="dijit.MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconCopy",
     117                        onClick:function(){ console.log("not actually copying anything, just a test!") }, accelKey:"Ctrl+C"'>Copy</div>
     118                <div data-dojo-type="dijit.MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconPaste",
     119                        onClick:function(){ console.log("not actually pasting anything, just a test!") }, accelKey:"Ctrl+V"'>Paste</div>
     120                <div data-dojo-type="dijit.MenuSeparator"></div>
     121                <div id="enabledSubmenu" data-dojo-type="dijit.PopupMenuItem" >
    121122                        <span>Enabled Submenu</span>
    122                         <div dojoType="dijit.Menu" id="submenu2">
    123                                 <div dojoType="dijit.MenuItem" id="submenu2_item1" onClick="console.log('Submenu 1!')">Submenu Item One</div>
    124                                 <div dojoType="dijit.MenuItem" id="submenu2_item2" onClick="console.log('Submenu 2!')">Submenu Item Two</div>
    125                                 <div dojoType="dijit.PopupMenuItem" id="deeperSubmenu">
     123                        <div id="submenu2" data-dojo-type="dijit.Menu" >
     124                                <div id="submenu2_item1" data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Submenu 1!") }'>Submenu Item One</div>
     125                                <div id="submenu2_item2" data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Submenu 2!") }'>Submenu Item Two</div>
     126                                <div id="deeperSubmenu" data-dojo-type="dijit.PopupMenuItem" >
    126127                                        <span>Deeper Submenu</span>
    127                                         <div dojoType="dijit.Menu" id="submenu4">
    128                                                 <div dojoType="dijit.MenuItem" onClick="console.log('Sub-submenu 1!')">Sub-sub-menu Item One</div>
    129                                                 <div dojoType="dijit.MenuItem" onClick="console.log('Sub-submenu 2!')">Sub-sub-menu Item Two</div>
     128                                        <div id="submenu4" data-dojo-type="dijit.Menu" >
     129                                                <div data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Sub-submenu 1!") }'>Sub-sub-menu Item One</div>
     130                                                <div data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Sub-submenu 2!") }'>Sub-sub-menu Item Two</div>
    130131                                        </div>
    131132                                </div>
    132133                        </div>
    133134                </div>
    134                 <div dojoType="dijit.PopupMenuItem" disabled="true">
     135                <div data-dojo-type="dijit.PopupMenuItem" data-dojo-props='disabled:true'>
    135136                        <span>Disabled Submenu</span>
    136                         <div dojoType="dijit.Menu" id="submenu3" style="display: none;">
    137                                 <div dojoType="dijit.MenuItem" onClick="console.log('Submenu 1!')">Submenu Item One</div>
    138                                 <div dojoType="dijit.MenuItem" onClick="console.log('Submenu 2!')">Submenu Item Two</div>
     137                        <div id="submenu3" data-dojo-type="dijit.Menu" data-dojo-props='style:"display: none;"'>
     138                                <div data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Submenu 1!") }'>Submenu Item One</div>
     139                                <div data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Submenu 2!") }'>Submenu Item Two</div>
    139140                        </div>
    140141                </div>
    141                 <div dojoType="dijit.PopupMenuItem">
     142                <div data-dojo-type="dijit.PopupMenuItem">
    142143                        <span>Different popup</span>
    143                         <div dojoType="dijit.ColorPalette"></div>
    144                 </div>
    145                 <div dojoType="dijit.MenuSeparator"></div>
    146                 <div dojoType="dijit.CheckedMenuItem" checked="true" onChange="console.log('Now set to ' + arguments[0])">Checked</div>
    147                 <div dojoType="dijit.CheckedMenuItem">Not Checked</div>
    148                 <div dojoType="dijit.CheckedMenuItem" checked="true" disabled="true">Checked Disabled</div>
    149                 <div dojoType="dijit.MenuSeparator"></div>
    150                 <div dojoType="dijit.PopupMenuItem">
     144                        <div data-dojo-type="dijit.ColorPalette"></div>
     145                </div>
     146                <div data-dojo-type="dijit.MenuSeparator"></div>
     147                <div data-dojo-type="dijit.CheckedMenuItem" data-dojo-props='checked:true, onChange:function(){ console.log("Now set to " + arguments[0]) }'>Checked</div>
     148                <div data-dojo-type="dijit.CheckedMenuItem">Not Checked</div>
     149                <div data-dojo-type="dijit.CheckedMenuItem" data-dojo-props='checked:true, disabled:true'>Checked Disabled</div>
     150                <div data-dojo-type="dijit.MenuSeparator"></div>
     151                <div data-dojo-type="dijit.PopupMenuItem">
    151152                        <span>Bigger Submenu</span>
    152                         <div dojoType="dijit.Menu" id="bigsubmenu" style="display: none;">
    153                                 <div dojoType="dijit.MenuItem">Item One</div>
    154                                 <div dojoType="dijit.MenuItem">Item Two</div>
    155                                 <div dojoType="dijit.MenuItem">Item Three</div>
    156                                 <div dojoType="dijit.MenuItem">Item Four</div>
    157                                 <div dojoType="dijit.MenuItem">Item Five</div>
    158                                 <div dojoType="dijit.MenuItem">Item Six</div>
    159                                 <div dojoType="dijit.MenuItem">Item Seven</div>
    160                                 <div dojoType="dijit.MenuItem">Item Eight</div>
    161                                 <div dojoType="dijit.MenuItem">Item Nine</div>
    162                                 <div dojoType="dijit.MenuItem">Item Ten</div>
     153                        <div id="bigsubmenu" data-dojo-type="dijit.Menu" data-dojo-props='style:"display: none;"'>
     154                                <div data-dojo-type="dijit.MenuItem">Item One</div>
     155                                <div data-dojo-type="dijit.MenuItem">Item Two</div>
     156                                <div data-dojo-type="dijit.MenuItem">Item Three</div>
     157                                <div data-dojo-type="dijit.MenuItem">Item Four</div>
     158                                <div data-dojo-type="dijit.MenuItem">Item Five</div>
     159                                <div data-dojo-type="dijit.MenuItem">Item Six</div>
     160                                <div data-dojo-type="dijit.MenuItem">Item Seven</div>
     161                                <div data-dojo-type="dijit.MenuItem">Item Eight</div>
     162                                <div data-dojo-type="dijit.MenuItem">Item Nine</div>
     163                                <div data-dojo-type="dijit.MenuItem">Item Ten</div>
    163164                        </div>
    164165                </div>
    165166        </div>
    166167
    167         <div dojoType="dijit.Menu" id="leftClickContextMenu" leftClickToOpen="true" targetNodeIds="input2" style="display: none;">
    168                 <div dojoType="dijit.MenuItem" disabled="true">Left Click Menu</div>
    169                 <div dojoType="dijit.MenuItem" onClick="console.log('Hello world');">Enabled Item</div>
    170                 <div dojoType="dijit.MenuItem" disabled="true">Disabled Item</div>
    171                 <div dojoType="dijit.MenuSeparator"></div>
    172                 <div dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconCut"
    173                         onClick="console.log('not actually cutting anything, just a test!')">Cut</div>
    174                 <div dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconCopy"
    175                         onClick="console.log('not actually copying anything, just a test!')">Copy</div>
    176                 <div dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconPaste"
    177                         onClick="console.log('not actually pasting anything, just a test!')">Paste</div>
    178                 <div dojoType="dijit.MenuSeparator"></div>
    179                 <div dojoType="dijit.PopupMenuItem">
     168        <div id="leftClickContextMenu" data-dojo-type="dijit.Menu" data-dojo-props='leftClickToOpen:true, targetNodeIds:["input2"], style:"display: none;"'>
     169                <div data-dojo-type="dijit.MenuItem" data-dojo-props='disabled:true'>Left Click Menu</div>
     170                <div data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Hello world"); }'>Enabled Item</div>
     171                <div data-dojo-type="dijit.MenuItem" data-dojo-props='disabled:true'>Disabled Item</div>
     172                <div data-dojo-type="dijit.MenuSeparator"></div>
     173                <div data-dojo-type="dijit.MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconCut",
     174                        onClick:function(){ console.log("not actually cutting anything, just a test!") }'>Cut</div>
     175                <div data-dojo-type="dijit.MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconCopy",
     176                        onClick:function(){ console.log("not actually copying anything, just a test!") }'>Copy</div>
     177                <div data-dojo-type="dijit.MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconPaste",
     178                        onClick:function(){ console.log("not actually pasting anything, just a test!") }'>Paste</div>
     179                <div data-dojo-type="dijit.MenuSeparator"></div>
     180                <div data-dojo-type="dijit.PopupMenuItem">
    180181                        <span>Enabled Submenu</span>
    181                         <div dojoType="dijit.Menu" id="leftsubmenu2">
    182                                 <div dojoType="dijit.MenuItem" onClick="console.log('Submenu 1!')">Submenu Item One</div>
    183                                 <div dojoType="dijit.MenuItem" onClick="console.log('Submenu 2!')">Submenu Item Two</div>
    184                                 <div dojoType="dijit.PopupMenuItem">
     182                        <div id="leftsubmenu2" data-dojo-type="dijit.Menu" >
     183                                <div data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Submenu 1!") }'>Submenu Item One</div>
     184                                <div data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Submenu 2!") }'>Submenu Item Two</div>
     185                                <div data-dojo-type="dijit.PopupMenuItem">
    185186                                        <span>Deeper Submenu</span>
    186                                         <div dojoType="dijit.Menu" id="leftsubmenu4">
    187                                                 <div dojoType="dijit.MenuItem" onClick="console.log('Sub-submenu 1!')">Sub-sub-menu Item One</div>
    188                                                 <div dojoType="dijit.MenuItem" onClick="console.log('Sub-submenu 2!')">Sub-sub-menu Item Two</div>
     187                                        <div id="leftsubmenu4" data-dojo-type="dijit.Menu" >
     188                                                <div data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Sub-submenu 1!") }'>Sub-sub-menu Item One</div>
     189                                                <div data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Sub-submenu 2!") }'>Sub-sub-menu Item Two</div>
    189190                                        </div>
    190191                                </div>
    191192                        </div>
    192193                </div>
    193                 <div dojoType="dijit.PopupMenuItem" disabled="true">
     194                <div data-dojo-type="dijit.PopupMenuItem" data-dojo-props='disabled:true'>
    194195                        <span>Disabled Submenu</span>
    195                         <div dojoType="dijit.Menu" id="leftsubmenu3" style="display: none;">
    196                                 <div dojoType="dijit.MenuItem" onClick="console.log('Submenu 1!')">Submenu Item One</div>
    197                                 <div dojoType="dijit.MenuItem" onClick="console.log('Submenu 2!')">Submenu Item Two</div>
     196                        <div id="leftsubmenu3" data-dojo-type="dijit.Menu" data-dojo-props='style:"display: none;"'>
     197                                <div data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Submenu 1!") }'>Submenu Item One</div>
     198                                <div data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Submenu 2!") }'>Submenu Item Two</div>
    198199                        </div>
    199200                </div>
    200                 <div dojoType="dijit.PopupMenuItem">
     201                <div data-dojo-type="dijit.PopupMenuItem">
    201202                        <span>Different popup</span>
    202                         <div dojoType="dijit.ColorPalette"></div>
     203                        <div data-dojo-type="dijit.ColorPalette"></div>
    203204                </div>
    204205        </div>
     
    206207        <table id="formattingTable">
    207208                <tr>
    208                         <td width="0%">
     209                        <td style="width:0%;">
    209210                                <!-- This is here for tabIndex testing.
    210211                                     Use textarea since Chrome 1.0 likes it better for TABing and
     
    213214                                <textarea id="link" tabIndex="0" readOnly class="dijitReset" style="font-family:monospace;font-size:12px;width:84px;text-decoration:underline;overflow:hidden;background-color:transparent;" rows=1>random link</textarea>
    214215                        </td>
    215                         <td id="menuBarContainer" width="100%">
    216                                 <div id="menubar" dojoType="dijit.MenuBar">
    217                                         <div dojoType="dijit.PopupMenuBarItem" id="file">
     216                        <td id="menuBarContainer" style="width:100%;">
     217                                <div id="menubar" data-dojo-type="dijit.MenuBar">
     218                                        <div id="file" data-dojo-type="dijit.PopupMenuBarItem" >
    218219                                                <span>File</span>
    219                                                 <div dojoType="dijit.Menu" id="fileMenu">
    220                                                         <div dojoType="dijit.MenuItem" id="new">New</div>
    221                                                         <div dojoType="dijit.MenuItem" id="open">Open</div>
    222                                                         <div dojoType="dijit.MenuSeparator" id="separator"></div>
    223                                                         <div dojoType="dijit.MenuItem" id="save" iconClass="dijitEditorIconSave">Save</div>
    224                                                         <div dojoType="dijit.MenuItem" id="saveas">Save As...</div>
    225                                                 </div>
    226                                         </div>
    227                                         <div dojoType="dijit.PopupMenuBarItem" id="edit">
     220                                                <div id="fileMenu" data-dojo-type="dijit.Menu" >
     221                                                        <div id="new" data-dojo-type="dijit.MenuItem" >New</div>
     222                                                        <div id="open" data-dojo-type="dijit.MenuItem" >Open</div>
     223                                                        <div id="separator" data-dojo-type="dijit.MenuSeparator" ></div>
     224                                                        <div id="save" data-dojo-type="dijit.MenuItem" data-dojo-props='iconClass:"dijitEditorIconSave"'>Save</div>
     225                                                        <div id="saveas" data-dojo-type="dijit.MenuItem" >Save As...</div>
     226                                                </div>
     227                                        </div>
     228                                        <div id="edit" data-dojo-type="dijit.PopupMenuBarItem" >
    228229                                                <span>Edit</span>
    229                                                 <div dojoType="dijit.Menu" id="editMenu">
    230                                                         <div dojoType="dijit.MenuItem" id="cut" iconClass="dijitEditorIcon dijitEditorIconCut"
    231                                                                 onClick="console.log('not actually cutting anything, just a test!');" accelKey="Ctrl+X">Cut</div>
    232                                                         <div dojoType="dijit.MenuItem" id="copy" iconClass="dijitEditorIcon dijitEditorIconCopy"
    233                                                                 onClick="console.log('not actually copying anything, just a test!')" accelKey="Ctrl+C">Copy</div>
    234                                                         <div dojoType="dijit.MenuItem" id="paste" iconClass="dijitEditorIcon dijitEditorIconPaste"
    235                                                                 onClick="console.log('not actually pasting anything, just a test!')" accelKey="Ctrl+V">Paste</div>
    236                                                 </div>
    237                                         </div>
    238                                         <div dojoType="dijit.PopupMenuBarItem" id="view">
     230                                                <div id="editMenu" data-dojo-type="dijit.Menu" >
     231                                                        <div id="cut" data-dojo-type="dijit.MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconCut",
     232                                                                onClick:function(){ console.log("not actually cutting anything, just a test!"); }, accelKey:"Ctrl+X"'>Cut</div>
     233                                                        <div id="copy" data-dojo-type="dijit.MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconCopy",
     234                                                                onClick:function(){ console.log("not actually copying anything, just a test!") }, accelKey:"Ctrl+C"'>Copy</div>
     235                                                        <div id="paste" data-dojo-type="dijit.MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconPaste",
     236                                                                onClick:function(){ console.log("not actually pasting anything, just a test!") }, accelKey:"Ctrl+V"'>Paste</div>
     237                                                </div>
     238                                        </div>
     239                                        <div id="view" data-dojo-type="dijit.PopupMenuBarItem" >
    239240                                                <span>View</span>
    240                                                 <div dojoType="dijit.Menu" id="viewMenu">
    241                                                         <div dojoType="dijit.MenuItem">Normal</div>
    242                                                         <div dojoType="dijit.MenuItem">Outline</div>
    243                                                         <div dojoType="dijit.PopupMenuItem">
     241                                                <div id="viewMenu" data-dojo-type="dijit.Menu" >
     242                                                        <div data-dojo-type="dijit.MenuItem">Normal</div>
     243                                                        <div data-dojo-type="dijit.MenuItem">Outline</div>
     244                                                        <div data-dojo-type="dijit.PopupMenuItem">
    244245                                                                <span>Zoom</span>
    245                                                                 <div dojoType="dijit.Menu" id="zoomMenu">
    246                                                                         <div dojoType="dijit.MenuItem">50%</div>
    247                                                                         <div dojoType="dijit.MenuItem">75%</div>
    248                                                                         <div dojoType="dijit.MenuItem">100%</div>
    249                                                                         <div dojoType="dijit.MenuItem">150%</div>
    250                                                                         <div dojoType="dijit.MenuItem">200%</div>
     246                                                                <div id="zoomMenu" data-dojo-type="dijit.Menu" >
     247                                                                        <div data-dojo-type="dijit.MenuItem">50%</div>
     248                                                                        <div data-dojo-type="dijit.MenuItem">75%</div>
     249                                                                        <div data-dojo-type="dijit.MenuItem">100%</div>
     250                                                                        <div data-dojo-type="dijit.MenuItem">150%</div>
     251                                                                        <div data-dojo-type="dijit.MenuItem">200%</div>
    251252                                                                </div>
    252253                                                        </div>
    253254                                                </div>
    254255                                        </div>
    255                                         <div dojoType="dijit.PopupMenuBarItem" id="help">
     256                                        <div id="help" data-dojo-type="dijit.PopupMenuBarItem" >
    256257                                                <span>Help</span>
    257                                                 <div dojoType="dijit.Menu" id="helpMenu">
    258                                                         <div dojoType="dijit.MenuItem">Help Topics</div>
    259                                                         <div dojoType="dijit.MenuItem">About Dijit</div>
    260                                                 </div>
    261                                         </div>
    262                                         <div dojoType="dijit.PopupMenuBarItem" disabled="true">
     258                                                <div id="helpMenu" data-dojo-type="dijit.Menu" >
     259                                                        <div data-dojo-type="dijit.MenuItem">Help Topics</div>
     260                                                        <div data-dojo-type="dijit.MenuItem">About Dijit</div>
     261                                                </div>
     262                                        </div>
     263                                        <div data-dojo-type="dijit.PopupMenuBarItem" data-dojo-props='disabled:true'>
    263264                                                <span>Disabled</span>
    264                                                 <div dojoType="dijit.Menu">
    265                                                         <div dojoType="dijit.MenuItem">You should not see this</div>
    266                                                 </div>
    267                                         </div>
    268                                         <div dojoType="dijit.PopupMenuBarItem">
     265                                                <div data-dojo-type="dijit.Menu">
     266                                                        <div data-dojo-type="dijit.MenuItem">You should not see this</div>
     267                                                </div>
     268                                        </div>
     269                                        <div data-dojo-type="dijit.PopupMenuBarItem">
    269270                                                <span>Empty</span>
    270                                                 <div dojoType="dijit.Menu">
    271                                                 </div>
    272                                         </div>
    273                                         <div dojoType="dijit.MenuBarItem" onclick="console.log('no submenu, just a clickable MenuItem');">
     271                                                <div data-dojo-type="dijit.Menu">
     272                                                </div>
     273                                        </div>
     274                                        <div data-dojo-type="dijit.MenuBarItem" data-dojo-props='onClick:function(){ console.log("no submenu, just a clickable MenuItem"); }'>
    274275                                                Click me!
    275276                                        </div>
     
    278279                </tr>
    279280                <tr>
    280                         <td id="navMenuContainer" class="dijitMenu" valign=top width="0%">
     281                        <td id="navMenuContainer" class="dijitMenu" style="vertical-align:top; width:0%;">
    281282
    282283                                <h3 style="margin-bottom: 2em;">Navigation menu:</h3>
    283                                 <div dojoType="dijit.Menu" id="navMenu">
    284                                         <div dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconPaste"
    285                                                 onClick="console.log('drama!');">Drama</div>
    286                                         <div dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconCut"
    287                                                 onClick="console.log('comedy!')">Comedy</div>
    288                                         <div dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconCopy"
    289                                                 onClick="console.log('romance!')">Romance</div>
    290                                         <div dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconPaste"
    291                                                 onClick="console.log('documentary!')">Documentary</div>
    292                                         <div dojoType="dijit.MenuSeparator"></div>
    293                                         <div dojoType="dijit.PopupMenuItem" id="navMenuPopupItem1">
     284                                <div id="navMenu" data-dojo-type="dijit.Menu" >
     285                                        <div data-dojo-type="dijit.MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconPaste",
     286                                                onClick:function(){ console.log("drama!"); }'>Drama</div>
     287                                        <div data-dojo-type="dijit.MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconCut",
     288                                                onClick:function(){ console.log("comedy!") }'>Comedy</div>
     289                                        <div data-dojo-type="dijit.MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconCopy",
     290                                                onClick:function(){ console.log("romance!") }'>Romance</div>
     291                                        <div data-dojo-type="dijit.MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconPaste",
     292                                                onClick:function(){ console.log("documentary!") }'>Documentary</div>
     293                                        <div data-dojo-type="dijit.MenuSeparator"></div>
     294                                        <div id="navMenuPopupItem1" data-dojo-type="dijit.PopupMenuItem" >
    294295                                                <span>Enabled Submenu</span>
    295                                                 <div dojoType="dijit.Menu" id="navMenuSub1">
    296                                                         <div dojoType="dijit.MenuItem" id="navMenuSub1_item1" onClick="console.log('Submenu 1!')">Submenu Item One</div>
    297                                                         <div dojoType="dijit.MenuItem" id="navMenuSub1_item2" onClick="console.log('Submenu 2!')">Submenu Item Two</div>
    298                                                         <div dojoType="dijit.PopupMenuItem" id="navMenuSub1_popup">
     296                                                <div id="navMenuSub1" data-dojo-type="dijit.Menu" >
     297                                                        <div id="navMenuSub1_item1" data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Submenu 1!") }'>Submenu Item One</div>
     298                                                        <div id="navMenuSub1_item2" data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Submenu 2!") }'>Submenu Item Two</div>
     299                                                        <div id="navMenuSub1_popup" data-dojo-type="dijit.PopupMenuItem" >
    299300                                                                <span>Deeper Submenu</span>
    300                                                                 <div dojoType="dijit.Menu" id="navMenuSub2">
    301                                                                         <div dojoType="dijit.MenuItem" onClick="console.log('Sub-submenu 1!')">Sub-sub-menu Item One</div>
    302                                                                         <div dojoType="dijit.MenuItem" onClick="console.log('Sub-submenu 2!')">Sub-sub-menu Item Two</div>
     301                                                                <div id="navMenuSub2" data-dojo-type="dijit.Menu" >
     302                                                                        <div data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Sub-submenu 1!") }'>Sub-sub-menu Item One</div>
     303                                                                        <div data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Sub-submenu 2!") }'>Sub-sub-menu Item Two</div>
    303304                                                                </div>
    304305                                                        </div>
    305306                                                </div>
    306307                                        </div>
    307                                         <div dojoType="dijit.PopupMenuItem" disabled="true" id="navMenuDisabledItem">
     308                                        <div id="navMenuDisabledItem" data-dojo-type="dijit.PopupMenuItem" data-dojo-props='disabled:true '>
    308309                                                <span>Disabled Submenu</span>
    309                                                 <div dojoType="dijit.Menu" id="navMenuSub3" style="display: none;">
    310                                                         <div dojoType="dijit.MenuItem" onClick="console.log('Submenu 1!')">Submenu Item One</div>
    311                                                         <div dojoType="dijit.MenuItem" onClick="console.log('Submenu 2!')">Submenu Item Two</div>
    312                                                 </div>
    313                                         </div>
    314                                         <div dojoType="dijit.PopupMenuItem">
     310                                                <div id="navMenuSub3" data-dojo-type="dijit.Menu" data-dojo-props='style:"display: none;"'>
     311                                                        <div data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Submenu 1!") }'>Submenu Item One</div>
     312                                                        <div data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Submenu 2!") }'>Submenu Item Two</div>
     313                                                </div>
     314                                        </div>
     315                                        <div data-dojo-type="dijit.PopupMenuItem">
    315316                                                <span>Different popup</span>
    316                                                 <div dojoType="dijit.ColorPalette"></div>
    317                                         </div>
    318                                         <div dojoType="dijit.MenuSeparator"></div>
    319                                         <div dojoType="dijit.CheckedMenuItem" checked="true" onChange="console.log('Now set to ' + arguments[0])">Checked</div>
    320                                         <div dojoType="dijit.CheckedMenuItem" id="checked2" >Not Checked</div>
    321                                         <div dojoType="dijit.CheckedMenuItem" checked="true" disabled="true">Checked Disabled</div>
     317                                                <div data-dojo-type="dijit.ColorPalette"></div>
     318                                        </div>
     319                                        <div data-dojo-type="dijit.MenuSeparator"></div>
     320                                        <div data-dojo-type="dijit.CheckedMenuItem" data-dojo-props='checked:true, onChange:function(){ console.log("Now set to " + arguments[0]) }'>Checked</div>
     321                                        <div id="checked2" data-dojo-type="dijit.CheckedMenuItem" >Not Checked</div>
     322                                        <div data-dojo-type="dijit.CheckedMenuItem" data-dojo-props='checked:true, disabled:true'>Checked Disabled</div>
    322323                                </div>
    323324                        </td>
     
    346347                                                click one starts with "Left Click Menu"<br/>
    347348                                                at the very top.
    348                                                 <input id=input2 value="top-right">
     349                                                <input id=input2 value="top-right"/>
    349350                                        </p>
    350                                         <input id=input1 value="top-left">
     351                                        <input id=input1 value="top-left"/>
    351352                                        <textarea id=textarea>hello there!</textarea><br>
    352353                                        <select>
     
    368369                                at the bottom of the browser window)</p>
    369370                                <div style="height:500px"></div>
    370                                 <input id=input3 value="bottom-left">
    371                                 <p style="text-align:right"><input id=input4 value="bottom-right"></p>
     371                                <input id=input3 value="bottom-left"/>
     372                                <p style="text-align:right"><input id=input4 value="bottom-right"/></p>
    372373
    373374                                <p>See also: <a href="form/test_Button.html">form/test_Button</a>
  • dijit/trunk/tests/test_Menu_iframe.html

    r22273 r22951  
     1<!DOCTYPE html>
    12<html>
    23<head>
    3 <style type="text/css">
    4         @import "../themes/tundra/tundra.css";
    5 </style>
    6 <script type="text/javascript" src="../../dojo/dojo.js"
    7         djConfig="parseOnLoad:true, isDebug:true"></script>
    8 <script type="text/javascript">
    9         dojo.require("dijit.Menu");
     4        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
     5        <title>Menu iframe test</title>
     6        <style type="text/css">
     7                @import "../themes/tundra/tundra.css";
     8        </style>
     9        <script type="text/javascript" src="../../dojo/dojo.js"
     10                data-dojo-config="parseOnLoad:true, isDebug:true"></script>
     11        <script type="text/javascript">
     12                dojo.require("dijit.Menu");
    1013
    11         function setContents(str){
    12                 dojo.byId('iframe').src = "javascript:'" + str.replace("'", "\\'") + "'";
    13         }
    14         function button2(){
    15                 setContents('<div style="height: 300px; border: solid blue 2px">bill was here</div>');
    16         }
    17 </script>
     14                function setContents(str){
     15                        dojo.byId('iframe').src = "javascript:'" + str.replace("'", "\\'") + "'";
     16                }
     17                function button2(){
     18                        setContents('<div style="height: 300px; border: solid blue 2px">bill was here</div>');
     19                }
     20        </script>
    1821</head>
    1922<body class="claro">
    20         <div dojoType="dijit.Menu" id="menu" targetNodeIds="iframe" style="display:none;">
    21                 <div dojoType="dijit.MenuItem">context menu</div>
     23        <div id="menu" data-dojo-type="dijit.Menu" data-dojo-props='targetNodeIds:["iframe"], style:"display:none;"'>
     24                <div data-dojo-type="dijit.MenuItem">context menu</div>
    2225        </div>
    2326        <div style="border: 1px solid gray; height: 150px;">filler div to offset iframe position (for testing)</div>
  • dijit/trunk/tests/test_ProgressBar.html

    r22696 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2         "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
    54        <title>Dojo Toolkit - ProgressBar test</title>
    65
    7         <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
     6        <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"/>
    87
    98        <style type="text/css">
     
    2322
    2423        <!-- required: a default dijit theme: -->
    25         <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css">
     24        <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css"/>
    2625
    2726        <!-- required: dojo.js -->
    2827        <script type="text/javascript" src="../../dojo/dojo.js"
    29                 djConfig="parseOnLoad: true, isDebug: true"></script>
     28                data-dojo-config="parseOnLoad: true, isDebug: true"></script>
    3029
    3130        <!-- not needed, for testing alternate themes -->
     
    121120        <input type="button" name="set" id="set" value="set!" />
    122121        <br>
    123         <div style="width:400px"
    124                 maximum="200" id="setTestBar" value="20" dojoType="dijit.ProgressBar"></div>
     122        <div id="setTestBar" data-dojo-type="dijit.ProgressBar" data-dojo-props='style:"width:400px",
     123                maximum:200, value:"20" '></div>
    125124
    126125        <h3>Test 2</h3>
     
    132131        Small, without text and background image:
    133132        <br />
    134         <div style="width:400px; height:10px" class="smallred"
    135                 maximum="256" id="smallTestBar" dojoType="dijit.ProgressBar"></div>
     133        <div id="smallTestBar" data-dojo-type="dijit.ProgressBar" data-dojo-props='style:"width:400px; height:10px", class:"smallred",
     134                maximum:256'></div>
    136135        <br />
    137136        Show decimal place:
    138         <div places="1" style="width:400px"
    139                 maximum="256" id="testBarInt" dojoType="dijit.ProgressBar"></div>
     137        <div id="testBarInt" data-dojo-type="dijit.ProgressBar" data-dojo-props='places:1, style:"width:400px",
     138                maximum:256'></div>
    140139
    141140        <h3>Test 3</h3>
    142141        No explicit maximum (both 50%)
    143         <div style="width:400px"
    144                 id="implied1" value="50" dojoType="dijit.ProgressBar"></div>
     142        <div id="implied1" data-dojo-type="dijit.ProgressBar" data-dojo-props='style:"width:400px",
     143                value:"50" '></div>
    145144        <br />
    146         <div style="width:400px"
    147                 id="implied2" value="50%" dojoType="dijit.ProgressBar"></div>
     145        <div id="implied2" data-dojo-type="dijit.ProgressBar" data-dojo-props='style:"width:400px",
     146                value:"50%" '></div>
    148147
    149148        <h3>Test 4</h3>
    150149        <input type="button" name="startTimer" id="startTimer" value="Start Timer" />
    151         <div style="width:400px" id="timerBar"
    152                 maximum="100" value="0" dojoType="dijit.ProgressBar"></div>
     150        <div id="timerBar" data-dojo-type="dijit.ProgressBar" data-dojo-props='style:"width:400px", maximum:100, value:"0" '></div>
    153151
    154152        <h3>Test 5 - indeterminate progess</h3>
     
    162160                onclick="dijit.byId('indeterminateBar').set({indeterminate: false, label: 'Loading...'});" />
    163161       
    164         <div style="width:400px" value="50" id="indeterminateBar"
    165                 dojoType="dijit.ProgressBar"></div>
     162        <div id="indeterminateBar" data-dojo-type="dijit.ProgressBar" data-dojo-props='style:"width:400px", value:"50" '></div>
    166163
    167164        <h3>Test 6 - data-dojo-type</h3>
  • dijit/trunk/tests/test_TitlePane.html

    r22802 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2         "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
     4        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    55        <title>TitlePane Test</title>
    66
     
    1111
    1212        <!-- required: a default dijit theme: -->
    13         <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css">
     13        <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css"/>
    1414
    1515        <!-- required: dojo.js -->
    1616        <script type="text/javascript" src="../../dojo/dojo.js"
    17                 djConfig="parseOnLoad: true, isDebug: true"></script>
     17                data-dojo-config="parseOnLoad: true, isDebug: true"></script>
    1818
    1919        <!-- not needed, for testing alternate themes -->
    2020        <script type="text/javascript" src="_testCommon.js"></script>
    2121
    22         <script language="JavaScript" type="text/javascript">
     22        <script type="text/javascript">
    2323                dojo.require("dijit.dijit"); // optimize: load dijit layer
    2424                dojo.require("dijit.TitlePane");
     
    4141                                                                '<span dojoAttachEvent="onclick:toggle,onkeypress: _onTitleKey" tabindex="0"' +
    4242                                                                        'role="button" dojoAttachPoint="focusNode,arrowNode" style="cursor: pointer;">' +
    43                                                                                 '<img src="${_blankGif}" alt="" class="dijitArrowNode" role="presentation">' +
     43                                                                                '<img src="${_blankGif}" alt="" class="dijitArrowNode" role="presentation"/>' +
    4444                                                                                '<span dojoAttachPoint="arrowNodeInner" class="dijitArrowNodeInner"></span>' +
    4545                                                                         '</span>' +
     
    5959        <h1 class="testTitle">Dijit TitlePane Test</h1>
    6060
    61         <input id="input" value="for tab testing">
     61        <input id="input" value="for tab testing"/>
    6262
    6363        <h1>Test #1: plain title pane, width=300px</h1>
    64         <div dojoType="dijit.TitlePane" title="Title Pane #1"
    65                 tooltip="I'm the tooltip for Title Pane #1's title bar"
    66                 style="width: 300px;" jsId="pane1" id="testPane1">
     64        <div id="testPane1" data-dojo-id="pane1" data-dojo-type="dijit.TitlePane" data-dojo-props='title:"Title Pane #1",
     65                tooltip:"I\"m the tooltip for Title Pane #1\"s title bar",
     66                style:"width: 300px;" '>
    6767                Lorem Ipsum Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque
    6868                iaculis, nulla id semper faucibus, pede tellus nonummy magna, vitae adipiscing
     
    7777        <h1>Test #2: title pane with form, width=300px</h1>
    7878
    79         <div dojoType="dijit.TitlePane" title="Title Pane #2" id="pane_2" style="width: 300px;">
     79        <div id="pane_2" data-dojo-type="dijit.TitlePane" data-dojo-props='title:"Title Pane #2", style:"width: 300px;"'>
    8080                <form>
    81                         <label for="age">Age: </label> <input id="age"><br>
    82                         <label for="disc">Discount card </label><input id="disc" type=checkbox><br>
     81                        <label for="age">Age: </label> <input id="age"/><br>
     82                        <label for="disc">Discount card </label><input id="disc" type="checkbox"/><br>
    8383                        <button>Submit</button><br>
    8484                </form>
     
    8787
    8888        <h1>Test #3: initially closed pane</h1>
    89         <div id="closed" dojoType="dijit.TitlePane" title="Initially closed pane" open="false" width="200">
     89        <div id="closed" data-dojo-type="dijit.TitlePane" data-dojo-props='title:"Initially closed pane", open:false, style:"width:200px;"'>
    9090                <form>
    91                         <label for="age">Age: </label><input id="age"><br>
    92                         <label for="discount">Discount card </label><input type="checkbox" id="discount"><br>
     91                        <label for="age2">Age: </label><input id="age2"/><br>
     92                        <label for="discount">Discount card </label><input type="checkbox" id="discount"/><br>
    9393                        <button>Submit</button><br>
    9494                </form>
    9595
    9696                <p>And a TabContainer, to make sure it lays out correctly:</p>
    97                 <div id="tabContainer" dojoType="dijit.layout.TabContainer" style="width: 400px; height: 250px;">
    98                         <a dojoType="dijit.layout.LinkPane" href="layout/tab1.html" onLoad="console.log('load of SubTab 1');">SubTab 1</a>
    99                         <a dojoType="dijit.layout.LinkPane" href="layout/tab2.html"  onLoad="console.log('load of SubTab 2');" selected="true">SubTab 2</a>
     97                <div id="tabContainer" data-dojo-type="dijit.layout.TabContainer" data-dojo-props='style:"width: 400px; height: 250px;"'>
     98                        <a data-dojo-type="dijit.layout.LinkPane" data-dojo-props='href:"layout/tab1.html", onLoad:function(){ console.log("load of SubTab 1"); }'>SubTab 1</a>
     99                        <a data-dojo-type="dijit.layout.LinkPane" data-dojo-props='href:"layout/tab2.html",  onLoad:function(){ console.log("load of SubTab 2"); }, selected:true'>SubTab 2</a>
    100100                </div>
    101101        </div>
     
    104104        <h1>Test #4: title pane with href (initially closed)</h1>
    105105        <p>The pane should open to "Loading..." message and then 3 seconds later it should slide open more to show loaded data.</p>
    106         <div dojoType="dijit.TitlePane" duration="1000" title="Pane from href" id="href1" open="false"
    107                 href="layout/getResponse.php?delay=3000&messId=3" preventCache="true"
    108                 style="width: 400px;">
     106        <div id="href1" data-dojo-type="dijit.TitlePane" data-dojo-props='duration:1000, title:"Pane from href", open:false,
     107                href:"layout/getResponse.php?delay=3000&amp;messId=3", preventCache:true,
     108                style:"width: 400px;"'>
    109109                Loading...
    110110        </div>
     
    112112        <h1>Test #5: title pane with href (initially closed)</h1>
    113113        <p>The pane should start to open to "Loading..." but halfway through href data will be loaded, and it should expand correctly.</p>
    114         <div dojoType="dijit.TitlePane" duration="1000" title="Pane from href" id="href2" open="false"
    115                 href="layout/getResponse.php?delay=500&messId=3" preventCache="true"
    116                 style="width: 400px;">
     114        <div id="href2" data-dojo-type="dijit.TitlePane" data-dojo-props='duration:1000, title:"Pane from href", open:false,
     115                href:"layout/getResponse.php?delay=500&amp;messId=3", preventCache:true,
     116                style:"width: 400px;"'>
    117117                Loading...
    118118        </div>
    119119
    120120        <h1>Test #6: nested title pane</h1>
    121         <div id="outer" dojoType="dijit.TitlePane" title="Outer pane" width="300">
     121        <div id="outer" data-dojo-type="dijit.TitlePane" data-dojo-props='title:"Outer pane", style:"width:300px;"'>
    122122                <p>This is a title pane, containing another title pane ...
    123123                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque iaculis, nulla id semper faucibus, pede tellus nonummy magna, vitae adipiscing orci arcu ut augue. Nunc condimentum, magna a vestibulum convallis, libero purus pulvinar orci, sed vestibulum urna sem ut pede.
    124124More Ipsum...
    125125
    126                 <div id="inner" dojoType="dijit.TitlePane" title="Inner pane" width="250">
     126                <div id="inner" data-dojo-type="dijit.TitlePane" data-dojo-props='title:"Inner pane", style:"width:250px;"'>
    127127                        <p>And this is the inner title pane...
    128128                        <p>Sed sollicitudin suscipit risus. Nam ullamcorper. Sed nisl lectus, pellentesque nec, malesuada eget, ornare a, libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
     
    133133
    134134        <h1>Test #7: subclassed title pane (only arrow is selectable and focusable)</h1>
    135         <div dojoType="dijit.TestTitlePane" title="Title Pane #7" style="width: 300px;" id="ttp">
     135        <div id="ttp" data-dojo-type="dijit.TestTitlePane" data-dojo-props='title:"Title Pane #7", style:"width: 300px;" '>
    136136                Lorem Ipsum Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque
    137137                iaculis, nulla id semper faucibus, pede tellus nonummy magna, vitae adipiscing
     
    151151        </table>
    152152        <h1>Test #8: locked open title pane</h1>
    153         <div dojoType="dijit.TitlePane" title="Title Pane #8" style="width: 300px;" toggleable="false" id="locked">
     153        <div id="locked" data-dojo-type="dijit.TitlePane" data-dojo-props='title:"Title Pane #8", style:"width: 300px;", toggleable:false '>
    154154                Lorem Ipsum Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque
    155155                iaculis, nulla id semper faucibus, pede tellus nonummy magna, vitae adipiscing
     
    162162
    163163        <h1>Test #9: TitlePane in AccordionContainer</h1>
    164         <div dojoType="dijit.layout.AccordionContainer" style="width: 400px; height: 300px;" id="ac">
    165                 <div dojoType="dijit.layout.ContentPane" title="pane 1" id="accp1" selected="true">
     164        <div id="ac" data-dojo-type="dijit.layout.AccordionContainer" data-dojo-props='style:"width: 400px; height: 300px;" '>
     165                <div id="accp1" data-dojo-type="dijit.layout.ContentPane" data-dojo-props='title:"pane 1", selected:true'>
    166166                        Here's a closed title pane:
    167                         <div dojoType="dijit.TitlePane" title="Title Pane #9" style="width: 300px;" id="actp1" open="false"
    168                                         href="layout/tab1.html" onLoad="console.log('load of actp1'); actp1Loaded = true;">
     167                        <div id="actp1" data-dojo-type="dijit.TitlePane" data-dojo-props='title:"Title Pane #9", style:"width: 300px;", open:false,
     168                                        href:"layout/tab1.html", onLoad:function(){ console.log("load of actp1"); actp1Loaded = true; }'>
    169169                        </div>
    170170                        and an open one:
    171                         <div dojoType="dijit.TitlePane" title="Title Pane #10" style="width: 300px;" id="actp2" open="true"
    172                                         href="layout/tab2.html" onLoad="console.log('load of actp2'); actp2Loaded = true;">
     171                        <div id="actp2" data-dojo-type="dijit.TitlePane" data-dojo-props='title:"Title Pane #10", style:"width: 300px;", open:true,
     172                                        href:"layout/tab2.html", onLoad:function(){ console.log("load of actp2"); actp2Loaded = true; }'>
    173173                        </div>
    174174                </div>
    175                 <div dojoType="dijit.layout.ContentPane" title="pane 2" id="accp2">
     175                <div id="accp2" data-dojo-type="dijit.layout.ContentPane" data-dojo-props='title:"pane 2" '>
    176176                        Here's a closed title pane:
    177                         <div dojoType="dijit.TitlePane" title="Title Pane #11" style="width: 300px;" id="actp3" open="false"
    178                                         href="layout/tab1.html" onLoad="console.log('load of actp3'); actp3Loaded = true;">
     177                        <div id="actp3" data-dojo-type="dijit.TitlePane" data-dojo-props='title:"Title Pane #11", style:"width: 300px;", open:false,
     178                                        href:"layout/tab1.html", onLoad:function(){ console.log("load of actp3"); actp3Loaded = true; }'>
    179179                        </div>
    180180                        and an open one:
    181                         <div dojoType="dijit.TitlePane" title="Title Pane #12" style="width: 300px;" id="actp4" open="true"
    182                                         href="layout/tab2.html" onLoad="console.log('load of actp4'); actp4Loaded = true;">
     181                        <div id="actp4" data-dojo-type="dijit.TitlePane" data-dojo-props='title:"Title Pane #12", style:"width: 300px;", open:true,
     182                                        href:"layout/tab2.html", onLoad:function(){ console.log("load of actp4"); actp4Loaded = true; }'>
    183183                        </div>
    184184                </div>
  • dijit/trunk/tests/test_Toolbar.html

    r22273 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2                 "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
     4        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    55        <title>Dojo Toolbar Widget Test</title>
    66
     
    1111
    1212        <!-- required: a default dijit theme: -->
    13         <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css">
     13        <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css"/>
    1414
    1515        <!-- required: dojo.js -->
    1616        <script type="text/javascript" src="../../dojo/dojo.js"
    17                 djConfig="parseOnLoad: true, isDebug: true"></script>
     17                data-dojo-config="parseOnLoad: true, isDebug: true"></script>
    1818
    1919        <!-- not needed, for testing alternate themes -->
     
    6262        <h1 class="testTitle">Toolbar test</h1>
    6363
    64         <span dojoType="dijit.Declaration" widgetClass="ToolbarSectionStart" defaults="{ label: 'Label'}">
    65                 <span dojoType="dijit.ToolbarSeparator"></span><i>${label}:</i>
     64        <span data-dojo-type="dijit.Declaration" data-dojo-props='widgetClass:"ToolbarSectionStart", defaults:{ label: "Label"}'>
     65                <span data-dojo-type="dijit.ToolbarSeparator"></span><i>${label}:</i>
    6666        </span>
    6767
    6868        <h2>Toolbar from markup</h2>
    6969
    70         <input id="toolbar1Before" value="input before toolbar1">
    71         <div id="toolbar1" dojoType="dijit.Toolbar"
    72                         ><div dojoType="ToolbarSectionStart" label="Buttons"></div
    73                         ><div dojoType="dijit.form.Button" id="toolbar1.cut" iconClass="dijitEditorIcon dijitEditorIconCut" showLabel="false">Cut</div
    74                         ><div dojoType="dijit.form.Button" id="toolbar1.copy" iconClass="dijitEditorIcon dijitEditorIconCopy" showLabel="true">Copy</div
     70        <input id="toolbar1Before" value="input before toolbar1"/>
     71        <div id="toolbar1" data-dojo-type="dijit.Toolbar"
     72                        ><div data-dojo-type="ToolbarSectionStart" data-dojo-props='label:"Buttons"'></div
     73                        ><div id="toolbar1.cut" data-dojo-type="dijit.form.Button" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconCut", showLabel:false'>Cut</div
     74                        ><div id="toolbar1.copy" data-dojo-type="dijit.form.Button" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconCopy", showLabel:true'>Copy</div
    7575
    76                         ><div dojoType="ToolbarSectionStart" label="Toggles"></div
    77                         ><div dojoType="dijit.form.ToggleButton" id="toolbar1.bold" iconClass="dijitEditorIcon dijitEditorIconBold" showLabel="false">Bold</div
    78                         ><div dojoType="dijit.form.ToggleButton" id="toolbar1.italic" iconClass="dijitEditorIcon dijitEditorIconItalic" showLabel="true">Italic</div
     76                        ><div data-dojo-type="ToolbarSectionStart" data-dojo-props='label:"Toggles"'></div
     77                        ><div id="toolbar1.bold" data-dojo-type="dijit.form.ToggleButton" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconBold", showLabel:false'>Bold</div
     78                        ><div id="toolbar1.italic" data-dojo-type="dijit.form.ToggleButton" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconItalic", showLabel:true'>Italic</div
    7979
    8080><!--
    81                         <span dojoType="dijit.ToolbarSeparator">&nbsp;</span>
     81                        <span data-dojo-type="dijit.ToolbarSeparator">&nbsp;</span>
    8282
    8383                        <span dojo:type="ToolbarButtonGroup" name="justify" defaultButton="justifyleft" preventDeselect="true" showLabel="false">
    84                                 <div dojoType="dijit.form.ToggleButton" iconClass="dijitEditorIcon dijitEditorIconJustifyLeft" name="justify" showLabel="false">Left</div>
    85                                 <div dojoType="dijit.form.ToggleButton" iconClass="dijitEditorIcon dijitEditorIconJustifyRight" name="justify" showLabel="false">Right</div>
    86                                 <div dojoType="dijit.form.ToggleButton" iconClass="dijitEditorIcon dijitEditorIconJustifyCenter" name="justify" showLabel="false">Center</div>
     84                                <div data-dojo-type="dijit.form.ToggleButton" iconClass="dijitEditorIcon dijitEditorIconJustifyLeft" name="justify" showLabel="false">Left</div>
     85                                <div data-dojo-type="dijit.form.ToggleButton" iconClass="dijitEditorIcon dijitEditorIconJustifyRight" name="justify" showLabel="false">Right</div>
     86                                <div data-dojo-type="dijit.form.ToggleButton" iconClass="dijitEditorIcon dijitEditorIconJustifyCenter" name="justify" showLabel="false">Center</div>
    8787                         </span>
    8888-->
    8989
    90                         <div dojoType="ToolbarSectionStart" label="Dropdowns"></div
    91                         ><div dojoType="dijit.form.DropDownButton" id="toolbar1.dialog" iconClass="plusIcon" showLabel="true">
     90                        <div data-dojo-type="ToolbarSectionStart" data-dojo-props='label:"Dropdowns"'></div
     91                        ><div id="toolbar1.dialog" data-dojo-type="dijit.form.DropDownButton" data-dojo-props='iconClass:"plusIcon", showLabel:true'>
    9292                                <span>TooltipDialog</span>
    93                                 <div dojoType="dijit.TooltipDialog" id="tooltipDlg" title="Enter Login information"
    94                                         execute="console.log('submitted w/args:\n' + dojo.toJson(arguments[0], true));">
     93                                <div id="tooltipDlg" data-dojo-type="dijit.TooltipDialog" data-dojo-props='title:"Enter Login information",
     94                                        execute:function(){ console.log("submitted w/args:\n" + dojo.toJson(arguments[0], true)); }'>
    9595                                        <table>
    9696                                                <tr>
    9797                                                        <td><label for="user">User:</label></td>
    98                                                         <td><input id="user" dojoType=dijit.form.TextBox type="text" name="user" ></td>
     98                                                        <td><input id="user" data-dojo-type=dijit.form.TextBox data-dojo-props='type:"text", name:"user" '/></td>
    9999                                                </tr>
    100100                                                <tr>
    101                                                         <td><label for="pwd">Password:</label></td>
    102                                                         <td><input id="password" dojoType=dijit.form.TextBox type="password" name="pwd"></td>
     101                                                        <td><label for="password">Password:</label></td>
     102                                                        <td><input id="password" data-dojo-type=dijit.form.TextBox data-dojo-props='type:"password", name:"pwd"'/></td>
    103103                                                </tr>
    104104                                                <tr>
    105                                                         <td colspan="2" align="center">
    106                                                                 <button dojoType=dijit.form.Button type="submit" name="submit">Login</button></td>
     105                                                        <td colspan="2" style="text-align:center;">
     106                                                                <button data-dojo-type=dijit.form.Button data-dojo-props='type:"submit", name:"submit"'>Login</button></td>
    107107                                                </tr>
    108108                                        </table>
    109109                                </div
    110110                        ></div
    111                         ><div dojoType="dijit.form.DropDownButton" id="toolbar1.backcolor" iconClass="dijitEditorIcon dijitEditorIconBackColor" showLabel="true">
     111                        ><div id="toolbar1.backcolor" data-dojo-type="dijit.form.DropDownButton" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconBackColor", showLabel:true'>
    112112                                <span>ColorPalette</span>
    113                                 <div dojoType="dijit.ColorPalette" id="toolbar1.colorPalette" style="display: none" palette="7x10" onChange="console.log(this.value);"></div>
     113                                <div id="toolbar1.colorPalette" data-dojo-type="dijit.ColorPalette" data-dojo-props='style:"display: none", palette:"7x10", onChange:function(){ console.log(this.value); }'></div>
    114114                        </div
    115                         ><div dojoType="dijit.form.DropDownButton" id="toolbar1.forecolor" iconClass="dijitEditorIcon dijitEditorIconForeColor" showLabel="false">
     115                        ><div id="toolbar1.forecolor" data-dojo-type="dijit.form.DropDownButton" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconForeColor", showLabel:false'>
    116116                                <span>Foreground</span>
    117                                 <div dojoType="dijit.ColorPalette" id="toolbar1.colorPalette2" style="display: none" palette="3x4" onChange="console.log(this.value);"></div>
     117                                <div id="toolbar1.colorPalette2" data-dojo-type="dijit.ColorPalette" data-dojo-props='style:"display: none", palette:"3x4", onChange:function(){ console.log(this.value); }'></div>
    118118                        </div
    119119
    120                         ><div dojoType="ToolbarSectionStart" label="Combos"></div
    121                         ><div dojoType="dijit.form.ComboButton" id="toolbar1.combo" optionsTitle='save options' iconClass="plusIcon" showLabel="true"
    122                                 onClick='console.log("clicked combo save")'>
     120                        ><div data-dojo-type="ToolbarSectionStart" data-dojo-props='label:"Combos"'></div
     121                        ><div id="toolbar1.combo" data-dojo-type="dijit.form.ComboButton" data-dojo-props='optionsTitle:"save options", iconClass:"plusIcon", showLabel:true,
     122                                onClick:function(){ console.log("clicked combo save") }'>
    123123                                <span>Menu</span>
    124                                 <div dojoType="dijit.Menu" id="saveMenu" style="display: none;">
    125                                         <div dojoType="dijit.MenuItem"  iconClass="dijitEditorIcon dijitEditorIconSave"
    126                                                 onClick="console.log('not actually saving anything, just a test!')">Save</div>
    127                                         <div dojoType="dijit.MenuItem"
    128                                                 onClick="console.log('not actually saving anything, just a test!')">Save As</div>
     124                                <div id="saveMenu" data-dojo-type="dijit.Menu" data-dojo-props='style:"display: none;"'>
     125                                        <div data-dojo-type="dijit.MenuItem"  data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconSave",
     126                                                onClick:function(){ console.log("not actually saving anything, just a test!") }'>Save</div>
     127                                        <div data-dojo-type="dijit.MenuItem"
     128                                                data-dojo-props='onClick:function(){ console.log("not actually saving anything, just a test!") }'>Save As</div>
    129129                                </div>
    130130                        </div
    131                         ><div dojoType="dijit.form.ComboButton" id="toolbar1.combo2" optionsTitle='save options2' iconClass="plusIcon" showLabel="false"
    132                                 onClick='console.log("clicked combo save")'>
     131                        ><div id="toolbar1.combo2" data-dojo-type="dijit.form.ComboButton" data-dojo-props='optionsTitle:"save options2", iconClass:"plusIcon", showLabel:false,
     132                                onClick:function(){ console.log("clicked combo save") }'>
    133133                                <span>Menu2</span>
    134                                 <div dojoType="dijit.Menu" id="saveMenu2" style="display: none;">
    135                                         <div dojoType="dijit.MenuItem"  iconClass="dijitEditorIcon dijitEditorIconSave"
    136                                                 onClick="console.log('not actually saving anything, just a test!')">Save</div>
    137                                         <div dojoType="dijit.MenuItem"
    138                                                 onClick="console.log('not actually saving anything, just a test!')">Save As</div>
     134                                <div id="saveMenu2" data-dojo-type="dijit.Menu" data-dojo-props='style:"display: none;"'>
     135                                        <div data-dojo-type="dijit.MenuItem"  data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconSave",
     136                                                onClick:function(){ console.log("not actually saving anything, just a test!") }'>Save</div>
     137                                        <div data-dojo-type="dijit.MenuItem"
     138                                                data-dojo-props='onClick:function(){ console.log("not actually saving anything, just a test!") }'>Save As</div>
    139139                                </div>
    140140                        </div
    141141
    142                         ><span dojoType="dijit.ToolbarSeparator"></span
    143                         ><div dojoType="dijit.form.Button" id="toolbar1.insertorderedlist" iconClass="dijitEditorIcon dijitEditorIconInsertOrderedList" showLabel="false">Ordered list</div
     142                        ><span data-dojo-type="dijit.ToolbarSeparator"></span
     143                        ><div id="toolbar1.insertorderedlist" data-dojo-type="dijit.form.Button" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconInsertOrderedList", showLabel:false'>Ordered list</div
    144144        ></div>
    145         <input id="toolbar1After" value="input after toolbar1">
     145        <input id="toolbar1After" value="input after toolbar1"/>
    146146
    147147        <h2>Toolbar from script with icons only</h2>
  • dijit/trunk/tests/test_Tooltip.html

    r22273 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2                 "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
     4        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    55        <title>Dojo Tooltip Widget Test</title>
    66
     
    1313
    1414        <!-- required: a default dijit theme: -->
    15         <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css">
     15        <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css"/>
    1616
    1717        <!-- required: dojo.js -->
    1818        <script type="text/javascript" src="../../dojo/dojo.js"
    19                 djConfig="parseOnLoad: true, isDebug: true"></script>
     19                data-dojo-config="parseOnLoad: true, isDebug: true"></script>
    2020
    2121        <!-- not needed, for testing alternate themes -->
     
    8080                        </td>
    8181                        <td>
    82                                 <div dojoType="dijit.ColorPalette" onChange="dojo.query('body').style('background', arguments[0]);"></div>
     82                                <div data-dojo-type="dijit.ColorPalette" data-dojo-props='onChange:function(){ dojo.query("body").style("background", arguments[0]); }'></div>
    8383                        </td>
    8484                </tr>
    8585        </table>
    8686        <div><span id="one" class="tt" tabindex="0"> focusable text </span>
    87                 <span dojoType="dijit.Tooltip" connectId="one" id="one_tooltip">
     87                <span id="one_tooltip" data-dojo-type="dijit.Tooltip" data-dojo-props='connectId:["one"]'>
    8888                        <b>
    8989                                <span style="color: blue;">rich formatting</span>
     
    9393        </div>
    9494        <span id="oneA" class="tt"> plain text (not focusable) </span>
    95         <span dojoType="dijit.Tooltip" connectId="oneA" id="oneA_tooltip">
     95        <span id="oneA_tooltip" data-dojo-type="dijit.Tooltip" data-dojo-props='connectId:["oneA"]'>
    9696                <span> keyboard users can not access this tooltip</span>
    9797        </span>
    9898    <a id="three" href="#bogus">anchor</a>
    99         <span dojoType="dijit.Tooltip" connectId="three" id="three_tooltip">tooltip on a link </span>
     99        <span id="three_tooltip" data-dojo-type="dijit.Tooltip" data-dojo-props='connectId:["three"]'>tooltip on a link </span>
    100100        <p></p>
    101101
     
    104104
    105105        <button id="four">button w/tooltip</button>
    106         <span id="btnTt" dojoType="dijit.Tooltip" connectId="four" id="four_tooltip">tooltip on a button</span>
     106        <span id="btnTt" data-dojo-type="dijit.Tooltip" data-dojo-props='connectId:["four"]'>tooltip on a button</span>
    107107        <button id="removeButton" onclick="dijit.byId('btnTt').destroy()">Remove</button> tooltip from "button w/tooltip".
    108108
     
    116116                </select>
    117117
    118                 <span dojoType="dijit.Tooltip" connectId="seven" id="seven_tooltip">
     118                <span id="seven_tooltip" data-dojo-type="dijit.Tooltip" data-dojo-props='connectId:["seven"]'>
    119119                        tooltip on a select<br>
    120120                        two line tooltip.
     
    125125
    126126        <form>
    127                 <input id="id1" value="#1"><br>
    128                 <input id="id2" value="#2"><br>
    129                 <input id="id3" value="#3"><br>
    130                 <input id="id4" value="#4"><br>
    131                 <input id="id5" value="#5"><br>
    132                 <input id="id6" value="#6"><br>
     127                <input id="id1" value="#1"/><br>
     128                <input id="id2" value="#2"/><br>
     129                <input id="id3" value="#3"/><br>
     130                <input id="id4" value="#4"/><br>
     131                <input id="id5" value="#5"/><br>
     132                <input id="id6" value="#6"/><br>
    133133        </form>
    134134        <br>
     
    142142        </div>
    143143
    144         <span dojoType="dijit.Tooltip" connectId="id1" id="id1_tooltip">
     144        <span id="id1_tooltip" data-dojo-type="dijit.Tooltip" data-dojo-props='connectId:["id1"]'>
    145145
    146146        tooltip for #1<br>
     
    149149        </span>
    150150
    151         <span dojoType="dijit.Tooltip" connectId="id2" id="id2_tooltip">tooltip for #2</span>
    152         <span dojoType="dijit.Tooltip" connectId="id3" id="id3_tooltip">tooltip for #3</span>
    153         <span dojoType="dijit.Tooltip" connectId="id4" id="id4_tooltip">tooltip for #4</span>
    154         <span dojoType="dijit.Tooltip" connectId="id5" id="id5_tooltip">tooltip for #5</span>
    155         <span dojoType="dijit.Tooltip" connectId="id6" id="id6_tooltip">tooltip for #6</span>
     151        <span id="id2_tooltip" data-dojo-type="dijit.Tooltip" data-dojo-props='connectId:["id2"]'>tooltip for #2</span>
     152        <span id="id3_tooltip" data-dojo-type="dijit.Tooltip" data-dojo-props='connectId:["id3"]'>tooltip for #3</span>
     153        <span id="id4_tooltip" data-dojo-type="dijit.Tooltip" data-dojo-props='connectId:["id4"]'>tooltip for #4</span>
     154        <span id="id5_tooltip" data-dojo-type="dijit.Tooltip" data-dojo-props='connectId:["id5"]'>tooltip for #5</span>
     155        <span id="id6_tooltip" data-dojo-type="dijit.Tooltip" data-dojo-props='connectId:["id6"]'>tooltip for #6</span>
    156156
    157         <span dojoType="dijit.Tooltip" connectId="s1" id="s1_tooltip">s1 tooltip</span>
    158         <span dojoType="dijit.Tooltip" connectId="s2" id="s2_tooltip">s2 tooltip</span>
    159         <span dojoType="dijit.Tooltip" connectId="s3" id="s3_tooltip">s3 tooltip</span>
    160         <span dojoType="dijit.Tooltip" connectId="s4" id="s4_tooltip">s4 tooltip</span>
    161         <span dojoType="dijit.Tooltip" connectId="s5" id="s5_tooltip">s5 tooltip</span>
     157        <span id="s1_tooltip" data-dojo-type="dijit.Tooltip" data-dojo-props='connectId:["s1"]'>s1 tooltip</span>
     158        <span id="s2_tooltip" data-dojo-type="dijit.Tooltip" data-dojo-props='connectId:["s2"]'>s2 tooltip</span>
     159        <span id="s3_tooltip" data-dojo-type="dijit.Tooltip" data-dojo-props='connectId:["s3"]'>s3 tooltip</span>
     160        <span id="s4_tooltip" data-dojo-type="dijit.Tooltip" data-dojo-props='connectId:["s4"]'>s4 tooltip</span>
     161        <span id="s5_tooltip" data-dojo-type="dijit.Tooltip" data-dojo-props='connectId:["s5"]'>s5 tooltip</span>
    162162
    163163        <h3>One Tooltip for multiple connect nodes</h3>
    164         <span dojoType="dijit.Tooltip" connectId="multi1,multi2" id="multi1,multi2_tooltip" style="display:none;">multi tooltip</span>
     164        <span data-dojo-type="dijit.Tooltip" data-dojo-props='connectId:["multi1","multi2"], id:"multi1,multi2_tooltip", style:"display:none;"'>multi tooltip</span>
    165165        <a id="multi1" href="#bogus">multi1</a><br><a id="multi2" href="#bogus">multi2</a>
    166166
     
    187187        <span id="t_shown">Tooltip hidden (initial)</span>
    188188
    189         <span dojoType="dijit.Tooltip" connectId="t1,t3" id="t_tooltip">Dynamic target tooltip</span>
     189        <span id="t_tooltip" data-dojo-type="dijit.Tooltip" data-dojo-props='connectId:["t1","t3"]'>Dynamic target tooltip</span>
    190190</body>
    191191</html>
    192 
  • dijit/trunk/tests/test_TooltipDialog.html

    r22273 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2                 "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
     4        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    55        <title>TooltipDialog Widget Tests</title>
    66
     
    3232
    3333        <!-- required: a default dijit theme: -->
    34         <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css">
     34        <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css"/>
    3535
    3636        <!-- required: dojo.js -->
    3737        <script type="text/javascript" src="../../dojo/dojo.js"
    38                 djConfig="parseOnLoad: true, isDebug: true"></script>
     38                data-dojo-config="parseOnLoad: true, isDebug: true"></script>
    3939
    4040        <!-- not needed, for testing alternate themes -->
     
    6969        <h1 class="testTitle">dijit.TooltipDialog tests</h1>
    7070
    71         <div dojoType="dijit.form.DropDownButton" id="tooltipDlgButton">
     71        <div id="tooltipDlgButton" data-dojo-type="dijit.form.DropDownButton" >
    7272                <span>Show Tooltip Dialog</span>
    73                 <div dojoType="dijit.TooltipDialog" id="tooltipDlg" title="Enter Login information">
     73                <div id="tooltipDlg" data-dojo-type="dijit.TooltipDialog" data-dojo-props='title:"Enter Login information"'>
    7474                        <table>
    7575                                <tr>
    76                                         <td><label for="inline">InlineEditBox:</label></td>
    77                                         <td><div dojoType=dijit.InlineEditBox type="text" name="inline" id="inline">inline</div></td>
     76                                        <td><label>InlineEditBox:</label></td>
     77                                        <td><div id="inline" data-dojo-type=dijit.InlineEditBox data-dojo-props='editorParams:{type:"text", name:"inline"}'>inline</div></td>
    7878                                </tr>
    7979                                <tr>
    8080                                        <td><label for="text">TextBox:</label></td>
    81                                         <td><input dojoType=dijit.form.TextBox name="text" id="text"></td>
     81                                        <td><input id="text" data-dojo-type=dijit.form.TextBox data-dojo-props='name:"text" '/></td>
    8282                                </tr>
    8383                                <tr>
    8484                                        <td><label for="date2">Date:</label></td>
    85                                         <td><input dojoType=dijit.form.DateTextBox name="date" id="date2"></td>
     85                                        <td><input id="date2" data-dojo-type=dijit.form.DateTextBox data-dojo-props='name:"date" '/></td>
    8686                                </tr>
    8787                                <tr>
    8888                                        <td><label for="time2">Time:</label></td>
    89                                         <td><input dojoType=dijit.form.TimeTextBox name="time" id="time2"></td>
     89                                        <td><input id="time2" data-dojo-type=dijit.form.TimeTextBox data-dojo-props='name:"time" '/></td>
    9090                                </tr>
    9191                                <tr>
    9292                                        <td><label for="combo">FilteringSelect:</label></td>
    9393                                        <td>
    94                                                 <select dojoType=dijit.form.FilteringSelect name="combo" id="combo" hasDownArrow="true">
     94                                                <select id="combo" data-dojo-type=dijit.form.FilteringSelect data-dojo-props='name:"combo", hasDownArrow:true'>
    9595                                                        <option value="cheese">cheese</option>
    9696                                                        <option value="pepperoni">pepperoni</option>
     
    102102                                        <td><label for="select">Select:</label></td>
    103103                                        <td>
    104                                                 <select dojoType=dijit.form.Select name="select" id="select">
     104                                                <select id="select" data-dojo-type=dijit.form.Select data-dojo-props='name:"select" '>
    105105                                                        <option value="olives">olives</option>
    106106                                                        <option value="peppers">peppers</option>
     
    110110                                </tr>
    111111                                <tr>
    112                                         <td colspan="2" align="center">
    113                                                 <button dojoType=dijit.form.Button type="submit" name="submit" id="submit">Order</button>
     112                                        <td colspan="2" style="text-align:center;">
     113                                                <button id="submit" data-dojo-type=dijit.form.Button data-dojo-props='type:"submit", name:"submit" '>Order</button>
    114114                                        </td>
    115115                                </tr>
     
    119119        </div> |
    120120
    121         <div dojoType="dijit.form.DropDownButton">
     121        <div data-dojo-type="dijit.form.DropDownButton">
    122122                <span>Show Tooltip Dialog with TabContainer</span>
    123                 <div dojoType="dijit.TooltipDialog" id="tabTooltip" title="Tab Container Tooltip">
    124                         <div dojoType="dijit.layout.TabContainer" style="width: 400px; height: 300px;">
    125                                 <div dojoType="dijit.layout.ContentPane" title="First tab">
     123                <div id="tabTooltip" data-dojo-type="dijit.TooltipDialog" data-dojo-props='title:"Tab Container Tooltip"'>
     124                        <div data-dojo-type="dijit.layout.TabContainer" data-dojo-props='style:"width: 400px; height: 300px;"'>
     125                                <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props='title:"First tab"'>
    126126                                        <p>
    127127                                                This is the first tab.
     
    136136                                        </p>
    137137                                </div>
    138                                 <div dojoType="dijit.layout.ContentPane" title="Second tab">
     138                                <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props='title:"Second tab"'>
    139139                                        <p>
    140140                                                This is the second tab.
     
    153153        </div> |
    154154
    155         <div dojoType="dijit.form.DropDownButton">
     155        <div data-dojo-type="dijit.form.DropDownButton">
    156156                <span>Test slowloading HREF Tooltip Dialog</span>
    157                 <div dojoType="dijit.TooltipDialog" id="slowLoad" href="layout/getResponse.php?delay=500&messId=2"
    158                         title="tooltip dialog with no focusable items"></div>
     157                <div id="slowLoad" data-dojo-type="dijit.TooltipDialog" data-dojo-props='href:"layout/getResponse.php?delay=500&amp;messId=2",
     158                        title:"tooltip dialog with no focusable items"'></div>
    159159        </div> |
    160160
    161 <div dojoType="dijit.form.DropDownButton" class="tooltipLink">
     161<div data-dojo-type="dijit.form.DropDownButton" data-dojo-props='class:"tooltipLink"'>
    162162        <span>What is this?</span>
    163         <div dojoType="dijit.TooltipDialog" id="tooltipHelpDlg" title="Test Dialog tooltip" style="width:350px" >
    164                 <div class="buttonLink" style="float:right;font-size:x-small" title="close" tabindex="0" dojoType="dijit.form.Button">[close]
    165                         <script type="dojo/method" event="onClick">
     163        <div id="tooltipHelpDlg" data-dojo-type="dijit.TooltipDialog" data-dojo-props='title:"Test Dialog tooltip", style:"width:350px" '>
     164                <div data-dojo-type="dijit.form.Button" data-dojo-props='class:"buttonLink", style:"float:right;font-size:x-small", title:"close", tabIndex:"0" '>[close]
     165                        <script type="dojo/method" data-dojo-event="onClick">
    166166                                        dijit.byId('tooltipHelpDlg').onCancel();
    167167                        </script>
     
    207207        </p>
    208208        <form>
    209                 <center>
     209                <div style="text-align:center;">
    210210                        <select>
    211211                                <option>1</option>
    212212                                <option>2</option>
    213213                        </select>
    214                 </center>
     214                </div>
    215215        </form>
    216216        <p>Mauris pharetra lorem sit amet sapien. Nulla libero metus, tristique
     
    228228        consectetuer dapibus eros. Aliquam nisl.
    229229        </p>
    230         <div style="float:right;clear:right;" dojoType="dijit.form.DropDownButton">
     230        <div data-dojo-type="dijit.form.DropDownButton" data-dojo-props='style:"float:right;clear:right;" '>
    231231                <span>dropdown at right</span>
    232         <div dojoType="dijit.TooltipDialog" id="dialogright">
     232        <div id="dialogright" data-dojo-type="dijit.TooltipDialog" >
    233233                        <div style="white-space:nowrap;">Aliquam vitae enim. Duis scelerisque metus auctor est venenatis</div>
    234234        </div>
     
    256256        </p>
    257257
    258         <div dojoType="dijit.form.DropDownButton" title="Enter Login information2">
     258        <div data-dojo-type="dijit.form.DropDownButton" data-dojo-props='title:"Enter Login information2"'>
    259259                <span>Show Tooltip Dialog pointing upwards, with links</span>
    260                 <div dojoType="dijit.TooltipDialog" title="General Information Dialog">
     260                <div data-dojo-type="dijit.TooltipDialog" data-dojo-props='title:"General Information Dialog"'>
    261261                        <p>Vestibulum convallis eros ac justo. Proin dolor. Etiam aliquam. Nam
    262262                        ornare elit vel augue. Suspendisse potenti. Etiam sed mauris eu neque
     
    286286        </p>
    287287        <form>
    288                 <center>
     288                <div style="text-align:center;">
    289289                        <select>
    290290                                <option>1</option>
    291291                                <option>2</option>
    292292                        </select>
    293                 </center>
     293                </div>
    294294        </form>
    295295        <p>Mauris pharetra lorem sit amet sapien. Nulla libero metus, tristique
     
    403403</body>
    404404</html>
    405 
  • dijit/trunk/tests/test_Tree.html

    r22273 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2                 "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
     4        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    55        <title>Dijit Tree Test</title>
    66
     
    1111
    1212        <!-- required: a default dijit theme: -->
    13         <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css">
     13        <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css"/>
    1414
    1515        <!-- required: dojo.js -->
    1616        <script type="text/javascript" src="../../dojo/dojo.js"
    17                 djConfig="parseOnLoad: true, isDebug: true"></script>
     17                data-dojo-config="parseOnLoad: true, isDebug: true"></script>
    1818
    1919        <!-- not needed, for testing alternate themes -->
    2020        <script type="text/javascript" src="_testCommon.js"></script>
    2121
    22         <script language="JavaScript" type="text/javascript">
     22        <script type="text/javascript">
    2323                dojo.require("dojo.data.ItemFileReadStore");
    2424                dojo.require("dijit.dijit"); // optimize: load dijit layer
     
    3535        <h1 class="testTitle">Dijit Tree Test</h1>
    3636
    37         <div dojoType="dojo.data.ItemFileReadStore" jsId="continentStore"
    38                 url="_data/countries.json"></div>
    39         <div dojoType="dijit.tree.ForestStoreModel" jsId="continentModel"
    40                 store="continentStore" query="{type:'continent'}"
    41                 rootId="continentRoot" rootLabel="Continents" childrenAttrs="children"></div>
     37        <div data-dojo-id="continentStore" data-dojo-type="dojo.data.ItemFileReadStore" data-dojo-props='url:"_data/countries.json"'></div>
     38        <div data-dojo-id="continentModel" data-dojo-type="dijit.tree.ForestStoreModel" data-dojo-props='store:continentStore, query:{type:"continent"},
     39                rootId:"continentRoot", rootLabel:"Continents", childrenAttrs:["children"]'></div>
    4240
    4341        <h2>Tree with hardcoded root node (not corresponding to any item in the store)</h2>
     
    4644                and clicking a leaf node will log a message to the console.
    4745        </p>
    48         <div dojoType="dijit.Tree" id="mytree"
    49                 model="continentModel" openOnClick="true" onLoad="console.log('loaded mytree (first tree)');">
    50                 <script type="dojo/method" event="onClick" args="item">
     46        <div id="mytree" data-dojo-type="dijit.Tree" data-dojo-props='model:continentModel, openOnClick:true, onLoad:function(){ console.log("loaded mytree (first tree)"); }'>
     47                <script type="dojo/method" data-dojo-event="onClick" data-dojo-args="item">
    5148                        console.log("Execute of node " + continentStore.getLabel(item)
    5249                                +", population=" + continentStore.getValue(item, "population"));
    5350                </script>
    54                 <script type="dojo/method" event="onOpen" args="item">
     51                <script type="dojo/method" data-dojo-event="onOpen" data-dojo-args="item">
    5552                        console.log("Open of node " + continentStore.getLabel(item)||"root");
    5653                </script>
    57                 <script type="dojo/method" event="onClose" args="item">
     54                <script type="dojo/method" data-dojo-event="onClose" data-dojo-args="item">
    5855                        console.log("Close of node " + continentStore.getLabel(item)||"root");
    5956                </script>
     
    6461        <h2>A rootless tree (no "continents" node) with context menus, and custom icons</h2>
    6562
    66         <ul dojoType="dijit.Menu" id="tree_menu" style="display: none;">
    67                 <li dojoType="dijit.MenuItem" onClick="console.log('Hello world');">Enabled Item</li>
    68                 <li dojoType="dijit.MenuItem" disabled="true">Disabled Item</li>
    69                 <li dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconCut"
    70                         onClick="console.log('not actually cutting anything, just a test!')">Cut</li>
    71                 <li dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconCopy"
    72                         onClick="console.log('not actually copying anything, just a test!')">Copy</li>
    73                 <li dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconPaste"
    74                         onClick="console.log('not actually pasting anything, just a test!')">Paste</li>
    75                 <li dojoType="dijit.PopupMenuItem">
     63        <ul id="tree_menu" data-dojo-type="dijit.Menu" data-dojo-props='style:"display: none;"'>
     64                <li data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Hello world"); }'>Enabled Item</li>
     65                <li data-dojo-type="dijit.MenuItem" data-dojo-props='disabled:true'>Disabled Item</li>
     66                <li data-dojo-type="dijit.MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconCut",
     67                        onClick:function(){ console.log("not actually cutting anything, just a test!") }'>Cut</li>
     68                <li data-dojo-type="dijit.MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconCopy",
     69                        onClick:function(){ console.log("not actually copying anything, just a test!") }'>Copy</li>
     70                <li data-dojo-type="dijit.MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconPaste",
     71                        onClick:function(){ console.log("not actually pasting anything, just a test!") }'>Paste</li>
     72                <li data-dojo-type="dijit.PopupMenuItem">
    7673                        <span>Enabled Submenu</span>
    77                         <ul dojoType="dijit.Menu" id="submenu2">
    78                                 <li dojoType="dijit.MenuItem" onClick="console.log('Submenu 1!')">Submenu Item One</li>
    79                                 <li dojoType="dijit.MenuItem" onClick="console.log('Submenu 2!')">Submenu Item Two</li>
    80                                 <li dojoType="dijit.PopupMenuItem">
     74                        <ul id="submenu2" data-dojo-type="dijit.Menu" >
     75                                <li data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Submenu 1!") }'>Submenu Item One</li>
     76                                <li data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Submenu 2!") }'>Submenu Item Two</li>
     77                                <li data-dojo-type="dijit.PopupMenuItem">
    8178                                        <span>Deeper Submenu</span>
    82                                         <ul dojoType="dijit.Menu" id="submenu4">
    83                                                 <li dojoType="dijit.MenuItem" onClick="console.log('Sub-submenu 1!')">Sub-sub-menu Item One</li>
    84                                                 <li dojoType="dijit.MenuItem" onClick="console.log('Sub-submenu 2!')">Sub-sub-menu Item Two</li>
     79                                        <ul id="submenu4" data-dojo-type="dijit.Menu" >
     80                                                <li data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Sub-submenu 1!") }'>Sub-sub-menu Item One</li>
     81                                                <li data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Sub-submenu 2!") }'>Sub-sub-menu Item Two</li>
    8582                                        </ul>
    8683                                </li>
    8784                        </ul>
    8885                </li>
    89                 <li dojoType="dijit.PopupMenuItem" disabled="true">
     86                <li data-dojo-type="dijit.PopupMenuItem" data-dojo-props='disabled:true'>
    9087                        <span>Disabled Submenu</span>
    91                         <ul dojoType="dijit.Menu" id="submenu3" style="display: none;">
    92                                 <li dojoType="dijit.MenuItem" onClick="console.log('Submenu 1!')">Submenu Item One</li>
    93                                 <li dojoType="dijit.MenuItem" onClick="console.log('Submenu 2!')">Submenu Item Two</li>
     88                        <ul id="submenu3" data-dojo-type="dijit.Menu" data-dojo-props='style:"display: none;"'>
     89                                <li data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Submenu 1!") }'>Submenu Item One</li>
     90                                <li data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ console.log("Submenu 2!") }'>Submenu Item Two</li>
    9491                        </ul>
    9592                </li>
    9693        </ul>
    9794
    98         <div dojoType="dijit.Tree" id="tree2"
    99                 model="continentModel" showRoot="false" openOnClick="true"onLoad="console.log('loaded tree2 (second tree)');">
     95        <div id="tree2" data-dojo-type="dijit.Tree" data-dojo-props='model:continentModel, showRoot:false, openOnClick:true,onLoad:function(){ console.log("loaded tree2 (second tree)"); }'>
    10096
    10197                <script type="dojo/connect">
     
    118114                        });
    119115                </script>
    120                 <script type="dojo/method" event="getIconClass" args="item, opened">
     116                <script type="dojo/method" data-dojo-event="getIconClass" data-dojo-args="item, opened">
    121117           return (item == this.model.root || continentStore.getValue(item, "type") == "continent") ?
    122118                   (opened ? "customFolderOpenedIcon" : "customFolderClosedIcon") :
    123119                    "noteIcon";
    124120                </script>
    125                 <script type="dojo/method" event="onClick" args="item">
     121                <script type="dojo/method" data-dojo-event="onClick" data-dojo-args="item">
    126122                        console.log("Execute of node " + this.model.getLabel(item)
    127123                                +", population=" + continentStore.getValue(item, "population"));
     
    134130                and clicking or Double Clicking a leaf node will log a message to the console.
    135131        </p>
    136         <div dojoType="dijit.Tree" id="mytree3" store="continentStore" query="{type:'continent'}"
    137                 label="Continents" openOnClick="false" openOnDblClick="true"
    138                 autoExpand="true" onLoad="console.log('loaded mytree3 (third tree)');">
    139                 <script type="dojo/method" event="getLabelStyle" args="item,opened">
     132        <div id="mytree3" data-dojo-type="dijit.Tree" data-dojo-props='store:continentStore, query:{type:"continent"},
     133                label:"Continents", openOnClick:false, openOnDblClick:true,
     134                autoExpand:true, onLoad:function(){ console.log("loaded mytree3 (third tree)"); }'>
     135                <script type="dojo/method" data-dojo-event="getLabelStyle" data-dojo-args="item,opened">
    140136                        if(item && continentStore.getValue(item,"type") == "continent"){
    141137                                return {color: "red"};
     
    144140                        }
    145141                </script>
    146                 <script type="dojo/method" event="getIconStyle" args="item,opened">
     142                <script type="dojo/method" data-dojo-event="getIconStyle" data-dojo-args="item,opened">
    147143                        if(item && continentStore.getValue(item,"type") == "continent"){
    148144                                return {
     
    155151                        }
    156152                </script>
    157                 <script type="dojo/method" event="getIconClass" args="item, opened">
     153                <script type="dojo/method" data-dojo-event="getIconClass" data-dojo-args="item, opened">
    158154               if (!item || continentStore.getValue(item, "type") != "continent")
    159155                                return (!item || this.model.mayHaveChildren(item)) ? (opened ? "dijitFolderOpened" : "dijitFolderClosed") : "dijitLeaf"
     
    161157                        return "";
    162158                </script>
    163                 <script type="dojo/method" event="getTooltip" args="item,opened">
     159                <script type="dojo/method" data-dojo-event="getTooltip" data-dojo-args="item,opened">
    164160                        return item && ("Tooltip for " + this.model.getLabel(item));
    165161                </script>
    166                 <script type="dojo/method" event="onDblClick" args="item">
     162                <script type="dojo/method" data-dojo-event="onDblClick" data-dojo-args="item">
    167163                        console.log("Execute of node " + this.model.getLabel(item)
    168164                                +", population=" + continentStore.getValue(item, "population"));
  • dijit/trunk/tests/test_Tree_Notification_API_Support.html

    r22273 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2                 "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
     4        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    55        <title>Dijit Tree Test</title>
    66
     
    2929
    3030        <!-- required: a default dijit theme: -->
    31         <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css">
     31        <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css"/>
    3232
    3333        <!-- required: dojo.js -->
    3434        <script type="text/javascript" src="../../dojo/dojo.js"
    35                 djConfig="parseOnLoad: true, isDebug: true"></script>
     35                data-dojo-config="parseOnLoad: true, isDebug: true"></script>
    3636
    3737        <!-- not needed, for testing alternate themes -->
    3838        <script type="text/javascript" src="_testCommon.js"></script>
    3939
    40         <script language="JavaScript" type="text/javascript">
     40        <script type="text/javascript">
    4141                dojo.require("dojo.dnd.Source");
    4242                dojo.require("dojo.data.ItemFileWriteStore");
     
    221221        <h1 class="testTitle">Dijit Tree Test - dojo.data.Notification API support</h1>
    222222
    223         <div dojoType="dojo.data.ItemFileWriteStore" jsId="store"
    224                 url="../tests/_data/treeTest.json"></div>
    225         <div dojoType="dijit.tree.TreeStoreModel" jsId="model"
    226                 store="store" query="{id:'root'}"></div>
    227         <div dojoType="dijit.Tree" id="myTree" model="model" onClick="onSelectItem"></div>
     223        <div data-dojo-id="store" data-dojo-type="dojo.data.ItemFileWriteStore" data-dojo-props='url:"../tests/_data/treeTest.json"'></div>
     224        <div data-dojo-id="model" data-dojo-type="dijit.tree.TreeStoreModel" data-dojo-props='store:store, query:{id:"root"}'></div>
     225        <div id="myTree" data-dojo-type="dijit.Tree" data-dojo-props='model:"model", onClick:onSelectItem'></div>
    228226
    229227        <br />
    230228        <h2>Selected Item:</h2>
    231229        <div class="box">
    232                 <label for="uLabel">Name:</label>                               <input id="uLabel" width="50" value="Enter Node Label"  autocomplete="off"/><br />
    233                 <label for="uSomeProperty">Description:</label> <input id="uSomeProperty" width="50" value="Some Test Property"  autocomplete="off"/><br /><br />
     230                <label for="uLabel">Name:</label><input type="text" id="uLabel" size="50" value="Enter Node Label"  autocomplete="off"/><br />
     231                <label for="uSomeProperty">Description:</label> <input type="text" id="uSomeProperty" size="50" value="Some Test Property"  autocomplete="off"/><br /><br />
    234232                <div style="float:left; margin-right: 2em;">
    235                         <label for="uChildren">Children (in order):</label>
    236                         <div dojoType="dojo.dnd.Source" class="container" id="uChildren" jsId="uChildrenDragSource"></div>
     233                        <label>Children (in order):</label>
     234                        <div id="uChildren" data-dojo-id="uChildrenDragSource" data-dojo-type="dojo.dnd.Source" data-dojo-props='class:"container" '></div>
    237235                </div>
    238236                <div style="float:left">
    239                         <label for="uPotentialChildren">Potential Children:</label>
    240                         <div dojoType="dojo.dnd.Source" class="container" id="uPotentialChildren" jsId="uPotentialChildrenDragSource"></div>
     237                        <label>Potential Children:</label>
     238                        <div id="uPotentialChildren" data-dojo-id="uPotentialChildrenDragSource" data-dojo-type="dojo.dnd.Source" data-dojo-props='class:"container" '></div>
    241239                </div>
    242240                <div class="clear">(drag and drop items to adjust list of children, and order of those children)</div>
    243241        </div>
    244         <div dojoType="dijit.form.Button" iconClass="noteIcon" onClick="updateItem();">Update Item</div>
    245         <div dojoType="dijit.form.Button" iconClass="noteIcon" onClick="deleteItem();">Delete Item</div>
     242        <div data-dojo-type="dijit.form.Button" data-dojo-props='iconClass:"noteIcon", onClick:function(){ updateItem(); }'>Update Item</div>
     243        <div data-dojo-type="dijit.form.Button" data-dojo-props='iconClass:"noteIcon", onClick:function(){ deleteItem(); }'>Delete Item</div>
    246244
    247245        <h2>New Item</h2>
    248246        <p>Enter an Id, Name, and optionally a description to be added as a new item to the store.  Upon successful addition, the tree will recieve notification of this event and respond accordingly.  If you select a node the item will be added to that node, otherwise the item will be added to the tree root. "Id" is the identifer here and as such must be unique for all items in the store.</p>
    249247        <div class="box">
    250                 <label for="nId">Id:</label>                                    <input id="nId" width="50" value="Enter Item Id"  autocomplete="off"/><br />
    251                 <label for="nLabel">Name:</label>                               <input id="nLabel" width="50" value="Enter Item Name"  autocomplete="off"/><br />
    252                 <label for="nSomeProperty">Description:</label> <input id="nSomeProperty" width="50" value="Enter Some Property Value"  autocomplete="off"/><br /><br />
    253                 <label for="nParent">Parent:</label>                    <input id="nParent" readonly autocomplete="off"/><br /><br />
     248                <label for="nId">Id:</label><input type="text" id="nId" size="50" value="Enter Item Id"  autocomplete="off"/><br />
     249                <label for="nLabel">Name:</label><input type="text" id="nLabel" size="50" value="Enter Item Name"  autocomplete="off"/><br />
     250                <label for="nSomeProperty">Description:</label> <input type="text" id="nSomeProperty" size="50" value="Enter Some Property Value"  autocomplete="off"/><br /><br />
     251                <label for="nParent">Parent:</label><input type="text" id="nParent" readonly autocomplete="off"/><br /><br />
    254252                <div style="float:left; margin-right: 2em;">
    255253                        Children (in order):
    256                         <div dojoType="dojo.dnd.Source" class="container" id="nChildren" jsId="nChildrenDragSource"></div>
     254                        <div id="nChildren" data-dojo-id="nChildrenDragSource" data-dojo-type="dojo.dnd.Source" data-dojo-props='class:"container" '></div>
    257255                </div>
    258256                <div style="float:left">
    259                         <label for="nPotentialChildren">Potential Children:</label>
    260                         <div dojoType="dojo.dnd.Source" class="container" id="nPotentialChildren" jsId="nPotentialChildrenDragSource"></div>
     257                        <label>Potential Children:</label>
     258                        <div id="nPotentialChildren" data-dojo-id="nPotentialChildrenDragSource" data-dojo-type="dojo.dnd.Source" data-dojo-props='class:"container" '></div>
    261259                </div>
    262260                <div class="clear">(drag and drop items to adjust list of children, and order of those children)</div>
    263261        </div>
    264262
    265         <div dojoType="dijit.form.Button" iconClass="noteIcon" onClick="newItem();">Add Item to Store</div>
     263        <div data-dojo-type="dijit.form.Button" data-dojo-props='iconClass:"noteIcon", onClick:function(){ newItem(); }'>Add Item to Store</div>
    266264        <br />
    267265
     
    271269                TODO: use the table widget from the mail demo, or dojox.Grid
    272270        -->
    273         <div dojoType="dijit.Declaration" widgetClass="ItemRow" defaults="{ item: {}, itemId: 'thud', label: 'foo', someProperty: 'foo', children: {} }">
     271        <div data-dojo-type="dijit.Declaration" data-dojo-props='widgetClass:"ItemRow", defaults:{ item: {}, itemId: "thud", label: "foo", someProperty: "foo", children: {} }'>
    274272                Id: ${itemId}, Label: ${label}
    275273
    276274                Children:
    277                 <span class="dijitInline" dojoAttachPoint="childrenContainerNode"></span>
    278 
    279                 <script type='dojo/connect' event='postCreate'>
     275                <span class="dijitInline" data-dojo-attach-point="childrenContainerNode"></span>
     276
     277                <script type='dojo/connect' data-dojo-event='postCreate'>
    280278                        var children =
    281279                                dojo.map(this.children, function(childItem){
     
    288286        </body>
    289287</html>
    290 
    291 
    292 
    293 
  • dijit/trunk/tests/test_bgIframe.html

    r22273 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2         "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
     4
     5        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    56
    67        <title>Dojo Toolkit - Background Iframe test</title>
     
    1112
    1213        <!-- required: a default dijit theme: -->
    13         <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css">
     14        <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css"/>
    1415
    1516        <!-- required: dojo.js -->
    1617        <script type="text/javascript" src="../../dojo/dojo.js"
    17                 djConfig="parseOnLoad: true, isDebug: true"></script>
     18                data-dojo-config="parseOnLoad: true, isDebug: true"></script>
    1819
    1920        <!-- not needed, for testing alternate themes -->
     
    3435</head>
    3536<body class="claro">
    36         <span dojoType="dijit.Tooltip" connectId="one" id="one_tooltip">
     37        <span id="one_tooltip" data-dojo-type="dijit.Tooltip" data-dojo-props='connectId:["one"]'>
    3738                This is one tooltip.
    3839        </span>
    39         <span dojoType="dijit.Tooltip" connectId="two" id="two_tooltip">
     40        <span id="two_tooltip" data-dojo-type="dijit.Tooltip" data-dojo-props='connectId:["two"]'>
    4041                This is another tooltip.  A little longer...
    4142        </span>
    42         <button dojoType="dijit.form.Button">
     43        <button data-dojo-type="dijit.form.Button">
    4344                Show Dialog
    44                 <script type="dojo/connect" event="onClick">
     45                <script type="dojo/connect" data-dojo-event="onClick">
    4546                        dialog.show();
    4647                </script>
    4748        </button>
    4849        <table>
    49                 <tbody>
    5050                        <tr>
    5151                                <td></td>
    5252                                <td>
    53                                         <input dojoType="dijit.form.DateTextBox" type="text" />
     53                                        <input data-dojo-type="dijit.form.DateTextBox" data-dojo-props='type:"text" '/>
    5454                                </td>
    5555                        </tr>
     
    7373                                </td>
    7474                                <td>
     75                                        <!-- TODO: remove the applet tag which is deprecated -->
    7576                                        <applet width="400" height="400" code="DOHRobot.class" archive="../../util/doh/robot/DOHRobot.jar">
    7677                                                <param name="mayscript" value="false">
     
    8081                                </td>
    8182                        </tr>
    82                 </tbody>
    8383        </table>
    84         <div id="dialog" jsId="dialog" dojoType="dijit.Dialog">
     84        <div id="dialog" data-dojo-id="dialog" data-dojo-type="dijit.Dialog">
    8585                Hello!
    8686        </div>
  • dijit/trunk/tests/tree/test_CustomLabel.html

    r22273 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2                 "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
     4        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    55        <title>Dijit Tree Custom Label Test</title>
    66
     
    1111
    1212        <!-- required: a default dijit theme: -->
    13         <link id="themeStyles" rel="stylesheet" href="../../../dijit/themes/claro/claro.css">
     13        <link id="themeStyles" rel="stylesheet" href="../../../dijit/themes/claro/claro.css"/>
    1414
    1515        <!-- required: dojo.js -->
    1616        <script type="text/javascript" src="../../../dojo/dojo.js"
    17                 djConfig="parseOnLoad: true, isDebug: true"></script>
     17                data-dojo-config="parseOnLoad: true, isDebug: true"></script>
    1818
    1919        <!-- not needed, for testing alternate themes -->
    2020        <script type="text/javascript" src="../_testCommon.js"></script>
    2121
    22         <script language="JavaScript" type="text/javascript">
     22        <script type="text/javascript">
    2323                dojo.require("dijit.dijit"); // optimize: load dijit layer
    2424                dojo.require("dojo.data.ItemFileReadStore");
     
    3232        <h1 class="testTitle">Dijit Tree Custom Label Test</h1>
    3333
    34         <div dojoType="dojo.data.ItemFileReadStore" jsId="store"
    35                 url="../_data/states.json"></div>
     34        <div data-dojo-id="store" data-dojo-type="dojo.data.ItemFileReadStore" data-dojo-props='url:"../_data/states.json"'></div>
    3635
    3736        <h2>Standard label (state names)</h2>
    38         <div dojoType="dijit.tree.ForestStoreModel" jsId="nameModel" store="store" rootLabel="States"></div>
    39         <div dojoType="dijit.Tree" id="nameTree" model="nameModel" openOnClick="true"></div>
     37        <div data-dojo-id="nameModel" data-dojo-type="dijit.tree.ForestStoreModel" data-dojo-props='store:store, rootLabel:"States"'></div>
     38        <div id="nameTree" data-dojo-type="dijit.Tree" data-dojo-props='model:nameModel, openOnClick:true'></div>
    4039
    4140        <h2>LabelAttr (state abbreviation)</h2>
    42         <div dojoType="dijit.tree.ForestStoreModel" jsId="codeModel" store="store" rootLabel="States" labelAttr="abbreviation"></div>
    43         <div dojoType="dijit.Tree" id="codeTree" model="codeModel" openOnClick="true"></div>
     41        <div data-dojo-id="codeModel" data-dojo-type="dijit.tree.ForestStoreModel" data-dojo-props='store:store, rootLabel:"States", labelAttr:"abbreviation"'></div>
     42        <div id="codeTree" data-dojo-type="dijit.Tree" data-dojo-props='model:codeModel, openOnClick:true'></div>
    4443
    4544        <h2>Custom label via callback</h2>
    46         <div dojoType="dijit.tree.ForestStoreModel" jsId="customModel" store="store">
    47                 <script type="dojo/method" event="getLabel" args="item">
     45        <div data-dojo-id="customModel" data-dojo-type="dijit.tree.ForestStoreModel" data-dojo-props='store:store'>
     46                <script type="dojo/method" data-dojo-event="getLabel" data-dojo-args="item">
    4847                        if(item.root){ return "States"; }
    4948                        return (store.getLabel(item) + " (" + store.getIdentity(item) + ")");
    5049                </script>
    5150        </div>
    52         <div dojoType="dijit.Tree" id="customTree" model="customModel" openOnClick="true"></div>
     51        <div id="customTree" data-dojo-type="dijit.Tree" data-dojo-props='model:customModel, openOnClick:true'></div>
    5352
    5453
  • dijit/trunk/tests/tree/test_Tree_DnD.html

    r22860 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2         "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
     4        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    55        <title>Dijit Tree Test</title>
    66
    7         <style someProperty="text/css">
     7        <style type="text/css">
    88                @import "../../../dojo/resources/dojo.css";
    99                @import "../css/dijitTests.css";
     
    1818
    1919        <!-- required: the default dijit theme: -->
    20         <link id="themeStyles" rel="stylesheet" href="../../../dijit/themes/claro/claro.css">
     20        <link id="themeStyles" rel="stylesheet" href="../../../dijit/themes/claro/claro.css"/>
    2121
    2222        <!-- required: dojo.js -->
    2323        <script type="text/javascript" src="../../../dojo/dojo.js"
    24                 djConfig="isDebug: true, parseOnLoad: true"></script>
     24                data-dojo-config="isDebug: true, parseOnLoad: true"></script>
    2525
    2626        <!-- only needed for alternate theme testing: do NOT use in your code! -->
    2727        <script type="text/javascript" src="../_testCommon.js"></script>
    2828
    29         <script language="JavaScript" someProperty="text/javascript">
     29        <script type="text/javascript">
    3030                dojo.require("dijit.dijit"); // optimize: load dijit layer
    3131                dojo.require("dojo.data.ItemFileWriteStore");
     
    153153        <h1 class="testTitle">Dijit Tree Test - Drag And Drop Support</h1>
    154154
    155         <div dojoType="dojo.data.ItemFileWriteStore" jsId="myStore"
    156                 url="../_data/categories.json"></div>
    157 
    158         <table width="100%" style="margin:5px solid gray" >
     155        <div data-dojo-id="myStore" data-dojo-type="dojo.data.ItemFileWriteStore" data-dojo-props='url:"../_data/categories.json"'></div>
     156
     157        <table style="margin:5px solid gray;width:100%;" >
    159158
    160159        <tr style="width:100%">
     
    163162                        <p>Should add this category to the store.  The second parameter is the value for numberOfItems.</p>
    164163                        <div class="container">
    165                                 <input id="newCat" type="text" value="Pottedmeat" /><input id="numItems" type="text" value="0" size="3"/><div id="addButton" dojoType="dijit.form.Button">Add Category</div>
     164                                <input id="newCat" type="text" value="Pottedmeat" /><input id="numItems" type="text" value="0" size="3"/><div id="addButton" data-dojo-type="dijit.form.Button">Add Category</div>
    166165                        </div>
    167166                </td>
     
    169168                        <h2>Items: </h2>
    170169                        <p>List of Items to be categorized<p>
    171                                 <div dojoType="dojo.dnd.Source" jsId="c2" class="container" style="height: 100px; overflow: auto">
     170                                <div data-dojo-id="c2" data-dojo-type="dojo.dnd.Source" class="container" style="height:100px; overflow:auto;">
    172171                                <div class="dojoDndItem" id="1001">Apple</div>
    173172                                <div class="dojoDndItem" id="1002">Orange</div>
     
    195194                                is set to 5, so if you are near the top or bottom of a node the drop will be above or below it.
    196195                        </p>
    197                         <div dojoType="dijit.tree.TreeStoreModel" jsId="catModel"
    198                                 store="myStore" query="{id: '0'}"></div>
    199                         <div class="container" dojoType="dijit.Tree" id="collectionsTree" model="catModel"
    200                                 getLabel="catTreeCustomLabel" betweenThreshold="5"
    201                                 checkAcceptance="dndAccept" checkItemAcceptance="collectionTreeCheckItemAcceptance" getIconClass="getIcon"
    202                                 persist="false"></div>
     196                        <div data-dojo-id="catModel" data-dojo-type="dijit.tree.TreeStoreModel" data-dojo-props='store:myStore, query:{id: "0"}'></div>
     197                        <div id="collectionsTree" class="container" data-dojo-type="dijit.Tree" data-dojo-props='model:catModel,
     198                                getLabel:"catTreeCustomLabel", betweenThreshold:"5",
     199                                checkAcceptance:"dndAccept", checkItemAcceptance:"collectionTreeCheckItemAcceptance", getIconClass:"getIcon",
     200                                persist:false'></div>
    203201                </td>
    204202                <td>
     
    209207                                of buffer before drag operations start.
    210208                        </p>
    211                         <div dojoType="dijit.tree.TreeStoreModel" jsId="itemModel"
    212                                 store="myStore" query="{id: '0'}" childrenAttrs="items, children"></div>
    213                         <div class="container" dojoType="dijit.Tree" id="itemTree"
    214                                 model="itemModel"
    215                                 checkAcceptance="dndAccept" checkItemAcceptance="itemTreeCheckItemAcceptance"
    216                                 dragThreshold="8"
    217                                 getIconClass="getIcon"
    218                                 persist="false"></div>
     209                        <div data-dojo-id="itemModel" data-dojo-type="dijit.tree.TreeStoreModel" data-dojo-props='store:myStore, query:{id: "0"}, childrenAttrs:"items, children"'></div>
     210                        <div id="itemTree" data-dojo-type="dijit.Tree" class="container" data-dojo-props='model:itemModel,
     211                                checkAcceptance:"dndAccept", checkItemAcceptance:"itemTreeCheckItemAcceptance",
     212                                dragThreshold:"8",
     213                                getIconClass:"getIcon",
     214                                persist:false'></div>
    219215                </td>
    220216        </tr>
  • dijit/trunk/tests/tree/test_Tree_Styling.html

    r20570 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2         "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
     4        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    55        <title>Styling The Tree to have Headers</title>
    66
    7         <style someProperty="text/css">
     7        <style type="text/css">
    88                @import "../../../dojo/dojo/resources/dojo.css";
    99                @import "../../../dojo/dijit/css/dijitTests.css";
     
    5454
    5555        <!-- required: the default dijit theme: -->
    56         <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/soria/soria.css">
     56        <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/soria/soria.css"/>
    5757
    5858        <!-- required: dojo.js -->
    5959
    6060        <script type="text/javascript" src="../../../dojo/dojo.js"
    61                 djConfig="parseOnLoad: true"></script>
     61                data-dojo-config="parseOnLoad: true"></script>
    6262
    6363        <script type="text/javascript">
     
    8181<body class="soria">
    8282
    83         <div dojoType="dojo.data.ItemFileWriteStore" jsId="treeStore"
    84                 url="places.json"></div>
     83        <div data-dojo-id="treeStore" data-dojo-type="dojo.data.ItemFileWriteStore" data-dojo-props='url:"places.json"'></div>
    8584
    86         <div
    87                 dojoType="dijit.tree.TreeStoreModel"
    88                 jsId="treeModel"
    89                 store="treeStore"
    90                 query="{id:'root'}"
    91                 childrenAttrs="children"></div>
     85        <div data-dojo-id="treeModel" data-dojo-type="dijit.tree.TreeStoreModel"
     86                data-dojo-props='store:treeStore,
     87                query:{id:"root"},
     88                childrenAttrs:["children"]'></div>
    9289
    9390        <h1 class="testTitle">Styling a Tree to appear like an expandable list</h1>
     
    9794        </p>
    9895
    99         <div
    100                 dojoType="dijit.Tree"
    101                 id="placeTree"
    102                 model="treeModel"
    103                 showRoot="false"
     96        <div id="placeTree" data-dojo-type="dijit.Tree"
     97                data-dojo-props='model:treeModel,
     98                showRoot:false,
    10499
    105                 getRowClass="getRowClass"
     100                getRowClass:getRowClass,
    106101
    107                 class="listTree"
    108                 openOnClick="true"
    109                 persist="false"
    110         ></div>
     102                class:"listTree",
     103                openOnClick:true,
     104                persist:false
     105        '></div>
    111106
    112107        </body>
  • dijit/trunk/tests/tree/test_Tree_v1.html

    r22273 r22951  
    1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2                 "http://www.w3.org/TR/html4/strict.dtd">
     1<!DOCTYPE html>
    32<html>
    43<head>
     4        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    55        <title>Dijit Tree Test</title>
    66
     
    1111
    1212        <!-- required: the default dijit theme: -->
    13         <link id="themeStyles" rel="stylesheet" href="../../../dijit/themes/claro/claro.css">
     13        <link id="themeStyles" rel="stylesheet" href="../../../dijit/themes/claro/claro.css"/>
    1414
    1515        <!-- required: dojo.js -->
    1616        <script type="text/javascript" src="../../../dojo/dojo.js"
    17                 djConfig="isDebug: true, parseOnLoad: true"></script>
     17                data-dojo-config="isDebug: true, parseOnLoad: true"></script>
    1818
    1919        <!-- only needed for alternate theme testing: -->
    2020        <script type="text/javascript" src="../_testCommon.js"></script>
    2121
    22         <script language="JavaScript" type="text/javascript">
     22        <script type="text/javascript">
    2323                dojo.require("dijit.dijit"); // optimize: load dijit layer
    2424                dojo.require("dojo.data.ItemFileReadStore");
     
    3333        <h1 class="testTitle">Dijit Tree Test</h1>
    3434
    35         <div dojoType="dojo.data.ItemFileReadStore" jsId="continentStore"
    36                 url="../../tests/_data/countries.json"></div>
     35        <div data-dojo-id="continentStore" data-dojo-type="dojo.data.ItemFileReadStore" data-dojo-props='url:"../../tests/_data/countries.json"'></div>
    3736
    3837        <h3>Tree with hardcoded root node (not corresponding to any item in the store)</h3>
    3938        <p>Clicking a folder node will open/close it (openOnclick==true), and clicking a leaf node will popup an alert.</p>
    40         <div dojoType="dijit.Tree" id="mytree" store="continentStore" query="{type:'continent'}"
    41                 onfocus="console.log('user focus handler')"
    42                 onblur="console.log('user blur handler')"
    43                 label="Continents" openOnClick="true">
    44                 <script type="dojo/method" event="onClick" args="item">
     39        <div id="mytree" data-dojo-type="dijit.Tree" data-dojo-props='store:continentStore, query:{type:"continent"},
     40                onFocus:function(){ console.log("user focus handler") },
     41                onBlur:function(){ console.log("user blur handler") },
     42                label:"Continents", openOnClick:true'>
     43                <script type="dojo/method" data-dojo-event="onClick" data-dojo-args="item">
    4544                        alert("Execute of node " + continentStore.getLabel(item)
    4645                                +", population=" + continentStore.getValue(item, "population"));
     
    5251        <h2>A rootless tree (no "continents" node) with context menus, and custom icons</h2>
    5352
    54         <ul dojoType="dijit.Menu" id="tree_menu" style="display: none;">
    55                 <li dojoType="dijit.MenuItem" onClick="alert('Hello world');">Enabled Item</li>
    56                 <li dojoType="dijit.MenuItem" disabled="true">Disabled Item</li>
    57                 <li dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconCut"
    58                         onClick="alert('not actually cutting anything, just a test!')">Cut</li>
    59                 <li dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconCopy"
    60                         onClick="alert('not actually copying anything, just a test!')">Copy</li>
    61                 <li dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconPaste"
    62                         onClick="alert('not actually pasting anything, just a test!')">Paste</li>
    63                 <li dojoType="dijit.PopupMenuItem">
     53        <ul id="tree_menu" data-dojo-type="dijit.Menu" data-dojo-props='style:"display: none;"'>
     54                <li data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ alert("Hello world"); }'>Enabled Item</li>
     55                <li data-dojo-type="dijit.MenuItem" data-dojo-props='disabled:true'>Disabled Item</li>
     56                <li data-dojo-type="dijit.MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconCut",
     57                        onClick:function(){ alert("not actually cutting anything, just a test!") }'>Cut</li>
     58                <li data-dojo-type="dijit.MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconCopy",
     59                        onClick:function(){ alert("not actually copying anything, just a test!") }'>Copy</li>
     60                <li data-dojo-type="dijit.MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconPaste",
     61                        onClick:function(){ alert("not actually pasting anything, just a test!") }'>Paste</li>
     62                <li data-dojo-type="dijit.PopupMenuItem">
    6463                        <span>Enabled Submenu</span>
    65                         <ul dojoType="dijit.Menu" id="submenu2">
    66                                 <li dojoType="dijit.MenuItem" onClick="alert('Submenu 1!')">Submenu Item One</li>
    67                                 <li dojoType="dijit.MenuItem" onClick="alert('Submenu 2!')">Submenu Item Two</li>
    68                                 <li dojoType="dijit.PopupMenuItem">
     64                        <ul id="submenu2" data-dojo-type="dijit.Menu" >
     65                                <li data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ alert("Submenu 1!") }'>Submenu Item One</li>
     66                                <li data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ alert("Submenu 2!") }'>Submenu Item Two</li>
     67                                <li data-dojo-type="dijit.PopupMenuItem">
    6968                                        <span>Deeper Submenu</span>
    70                                         <ul dojoType="dijit.Menu" id="submenu4">
    71                                                 <li dojoType="dijit.MenuItem" onClick="alert('Sub-submenu 1!')">Sub-sub-menu Item One</li>
    72                                                 <li dojoType="dijit.MenuItem" onClick="alert('Sub-submenu 2!')">Sub-sub-menu Item Two</li>
     69                                        <ul id="submenu4" data-dojo-type="dijit.Menu" >
     70                                                <li data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ alert("Sub-submenu 1!") }'>Sub-sub-menu Item One</li>
     71                                                <li data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ alert("Sub-submenu 2!") }'>Sub-sub-menu Item Two</li>
    7372                                        </ul>
    7473                                </li>
    7574                        </ul>
    7675                </li>
    77                 <li dojoType="dijit.PopupMenuItem" disabled="true">
     76                <li data-dojo-type="dijit.PopupMenuItem" data-dojo-props='disabled:true'>
    7877                        <span>Disabled Submenu</span>
    79                         <ul dojoType="dijit.Menu" id="submenu3" style="display: none;">
    80                                 <li dojoType="dijit.MenuItem" onClick="alert('Submenu 1!')">Submenu Item One</li>
    81                                 <li dojoType="dijit.MenuItem" onClick="alert('Submenu 2!')">Submenu Item Two</li>
     78                        <ul id="submenu3" data-dojo-type="dijit.Menu" data-dojo-props='style:"display: none;"'>
     79                                <li data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ alert("Submenu 1!") }'>Submenu Item One</li>
     80                                <li data-dojo-type="dijit.MenuItem" data-dojo-props='onClick:function(){ alert("Submenu 2!") }'>Submenu Item Two</li>
    8281                        </ul>
    8382                </li>
    8483        </ul>
    8584
    86         <div dojoType="dijit.Tree" id="tree2" store="continentStore" query="{type:'continent'}">
     85        <div id="tree2" data-dojo-type="dijit.Tree" data-dojo-props='store:continentStore, query:{type:"continent"}'>
    8786                <script type="dojo/connect">
    8887                        var menu = dijit.byId("tree_menu");
     
    104103                        });
    105104                </script>
    106                 <script type="dojo/method" event="getIconClass" args="item, opened">
     105                <script type="dojo/method" data-dojo-event="getIconClass" data-dojo-args="item, opened">
    107106           return (!item || continentStore.getValue(item, "type") == "continent") ?
    108107                   (opened ? "customFolderOpenedIcon" : "customFolderClosedIcon") :
    109108                    "noteIcon";
    110109                </script>
    111                 <script type="dojo/method" event="onClick" args="item">
     110                <script type="dojo/method" data-dojo-event="onClick" data-dojo-args="item">
    112111                        alert("Execute of node " + continentStore.getLabel(item)
    113112                                +", population=" + continentStore.getValue(item, "population"));
  • dojo/trunk/parser.js

    r22869 r22951  
    231231                                        params.dojoAttachPoint = attachPoint;
    232232                                }
    233                                 var attachEvent = node.getAttribute(_attrData + "attach-Event");
     233                                var attachEvent = node.getAttribute(_attrData + "attach-event");
    234234                                if(attachEvent){
    235235                                        params.dojoAttachEvent = attachEvent;
  • dojox/trunk/calc/tests/test_Executor.html

    r22729 r22951  
     1<!DOCTYPE html>
    12<html>
    23<head>
     4        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    35        <title>Calculator Executor Test</title>
    46
    5         <script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug:true, parseOnLoad: true"></script>
     7        <script type="text/javascript" src="../../../dojo/dojo.js" data-dojo-config="isDebug:true, parseOnLoad: true"></script>
    68
    79        <script type="text/javascript">
     
    283285        <b>dojox.calc._Executor tests</b>
    284286        <div id="status" style="direction:ltr">Loading...</div>
    285         <span id="executor" dojoType="dojox.calc._Executor" onLoad="executorLoaded()"></span>
     287        <span id="executor" data-dojo-type="dojox.calc._Executor" data-dojo-props='onLoad:function(){ executorLoaded() }'></span>
    286288</body>
    287289</html>
Note: See TracChangeset for help on using the changeset viewer.