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
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 >תפוחים.</option>
<option >אגסים.</option>
<option selected>אפרסקים.</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>