UNPKG

dijit

Version:

Dijit provides a complete collection of user interface controls based on Dojo, giving you the power to create web applications that are highly optimized for usability, performance, internationalization, accessibility, but above all deliver an incredible u

104 lines (93 loc) 3.28 kB
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title>DOH simple inheritance textDir Tests</title> <style type="text/css"> @import "../../../../dijit/themes/tundra/tundra.css"; @import "../../../../dojo/resources/dojo.css"; </style> <!-- required: dojo.js --> <script type="text/javascript" src="../../../../dojo/dojo.js" data-dojo-config="isDebug: true, has: { 'dojo-bidi': true }"> </script> <script type="text/javascript"> dojo.require("dojo.parser"); dojo.require("doh.runner"); dojo.require("dijit.form.TextBox"); dojo.require("dijit.form.ComboBox"); dojo.ready(function(){ doh.register("parse", function(){ dojo.parser.parse(); }); doh.register("dijit.tests._BidiSupport.inheritance.Inher-Simple", [ function test_ltrTextBoxInheritFromDiv(){ doh.is("ltr", dijit.byId("ltrTextBox").focusNode.dir,"ltrTextBox"); }, function test_rtlTextBoxInheritBody(){ doh.is("rtl", dijit.byId("rtlTextBox").focusNode.dir, "rtlTextBox"); }, function test_ltrComboBoxInheritTable(){ doh.is("ltr", dijit.byId("fruitLtr").focusNode.dir, "fruitLtr"); }, function test_rtlComboBoxInheritTable(){ doh.is("rtl", dijit.byId("fruitRtl").focusNode.dir, "fruitRtl"); }, function test_autoComboBoxInheritTableLtr(){ dijit.byId("autoTextBox").set("value","Hello!!"); doh.is("ltr", dijit.byId("autoTextBox").focusNode.dir, "autoTextBox: Hello!!"); }, function test_autoComboBoxInheritTableRtl(){ dijit.byId("autoTextBox").set("value","\u05e9\u05dc\u05d5\u05dd\u0021\u0021"); doh.is("rtl", dijit.byId("autoTextBox").focusNode.dir, "autoTextBox: \u05e9\u05dc\u05d5\u05dd\u0021\u0021"); } ]); doh.run(); }); </script> </head> <body class="tundra" data-dojo-textdir="rtl"> <table data-dojo-textdir="auto"> <tr> <td> <div data-dojo-textdir="ltr"> <label for="ltrTextBox" > <b>I'm a LTR TexBox </b> </label> <input data-dojo-type="dijit/form/TextBox" id="ltrTextBox" data-dojo-props='name:"ltrTextBox", value:"", type:"text"'/> </div> </td> </tr> <tr> <td> <label for="autoTextBox" > <b>I'm a Auto TexBox </b> </label> <input data-dojo-type="dijit/form/TextBox" id="autoTextBox" data-dojo-props='name:"autoTextBox", value:"",type:"text"'/> </td> </tr> <tr> <td> <select id="fruitLtr" data-dojo-type="dijit/form/ComboBox" data-dojo-props='name:"fruitLtr"'> <option >Apples!</option> <option >Oranges!</option> <option selected>Pears!</option> </select> </td> </tr> <tr> <td> <select id="fruitRtl" data-dojo-type="dijit/form/ComboBox" data-dojo-props='name:"fruitRtr"'> <option >&#1514;&#1508;&#1493;&#1495;&#1497;&#1501;.</option> <option >&#1488;&#1490;&#1505;&#1497;&#1501;.</option> <option selected>&#1488;&#1508;&#1512;&#1505;&#1511;&#1497;&#1501;.</option> </select> </td> </tr> </table> <label for="rtlTextBox" > <b>I'm a RTL TexBox </b> </label> <input data-dojo-type="dijit/form/TextBox" id="rtlTextBox" data-dojo-props='name:"rtlTextBox", value:"", type:"text"'/> </body> </html>