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
127 lines (101 loc) • 14.1 kB
HTML
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Textarea with _BidiSupport</title>
<style type="text/css">
@import "../../../../dojo/resources/dojo.css";
@import "../../../../dijit/themes/claro/claro.css";
</style>
<!-- required: dojo.js -->
<script type="text/javascript" src="../../../../dojo/dojo.js"
data-dojo-config="parseOnLoad: true, isDebug: true, has: { 'dojo-bidi': true }">
</script>
<script type="text/javascript">
dojo.require("dijit.dijit");
dojo.require("dijit.form.Textarea");
dojo.require("dojo.parser");
</script>
</head>
<body class="claro" >
<h1 class="testTitle">Textarea Widget Test with _BidiSupport</h1>
<h2>Various dijit.form.Textarea widgets. Type something inside</h2>
<label for="blankL">dijit.form.Textarea, initially blank, textDir="ltr":</label>
<br>
<textarea data-dojo-type="dijit/form/Textarea" id="blankL" data-dojo-props='textDir:"ltr", style:{width:"50em"}'></textarea>
<br>
<label for="blankR">dijit.form.Textarea, initially blank, textDir="rtl":</label>
<br>
<textarea data-dojo-type="dijit/form/Textarea" id="blankR" data-dojo-props='textDir:"rtl", style:{width:"50em"}'></textarea>
<br>
<label for="blankA">dijit.form.Textarea, initially blank, textDir="auto":</label>
<br>
<textarea data-dojo-type="dijit/form/Textarea" id="blankA" data-dojo-props='textDir:"auto", style:{width:"50em"}'></textarea>
<br>
<label for="programmaticLTR">dijit.form.Textarea in TabContainer, programmatically created with custom styling:</label><br>
<label>textDir="ltr":</label>
<textarea id="programmaticLTR"></textarea><br>
<label >textDir="rtl":</label>
<textarea id="programmaticRTL"></textarea><br>
<label >textDir="auto":</label>
<textarea id="programmaticAuto"></textarea>
<br>
<input id="buttonHebrew" type="button" value="change value - Hebrew"
onclick="programmaticTextareaLTR.set('value', 'ערך חדש!'); programmaticTextareaRTL.set('value', 'ערך חדשׁ!'); programmaticTextareaAuto.set('value', 'ערך חדשׁ!');"
/>
<br>
<input id="buttonEnglish" type="button" value="change value - English"
onclick="programmaticTextareaLTR.set('value', 'New Value!'); programmaticTextareaRTL.set('value', 'New Value!'); programmaticTextareaAuto.set('value', 'New Value!');"
/>
<br>
<script type="text/javascript">
// See if we can make a widget in script
dojo.ready(function(){
programmaticTextareaLTR = new dijit.form.Textarea({
id: "programmaticLTR",
name: "programmaticTextAreaLTR",
cols: "60",
textDir:"ltr",
value: "created programatically!",
style: "border:5px solid gray;padding:11px;margin:7px;"
}, "programmaticLTR");
programmaticTextareaRTL = new dijit.form.Textarea({
id: "programmaticRTL",
name: "programmaticTextAreaRTL",
cols: "60",
textDir:"rtl",
value: "created programatically!",
style: "border:5px solid gray;padding:11px;margin:7px;"
}, "programmaticRTL");
programmaticTextareaAuto = new dijit.form.Textarea({
id: "programmaticAuto",
name: "programmaticTextAreaAuto",
cols: "60",
textDir:"auto",
value: "created programatically!",
style: "border:5px solid gray;padding:11px;margin:7px;"
}, "programmaticAuto");
});
</script>
<br>
<label for="largeTextAreaLTR">dijit.form.Textarea, initially full with English text <b>textDir = "ltr"</b>:</label>
<br>
<textarea data-dojo-type="dijit/form/Textarea" id="largeTextAreaLTR" data-dojo-props='name:"largeTextAreaLTR",
textDir:"ltr", style:{width:"50em"}'> This is a textarea with a LOT of content.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla ‪facilisi.‬
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla ‪facilisi.‬
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla ‪facilisi.‬
This is the end.</textarea>
<br>
<br>
<label for="largeTextAreaRTL">dijit.form.Textarea, initially full with Hebrew text <b>textDir = "rtl"</b>:</label>
<br>
<textarea data-dojo-type="dijit/form/Textarea" id="largeTextAreaRTL" data-dojo-props='name:"largeTextAreaRTL",
textDir:"rtl", style:{width:"50em"}'> זהו טקסט ארוך בעיברית!!!
לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית סחטיר בלובק. תצטנפל בלינדו למרקל אס לכימפו, דול, צוט ומעיוט - לפתיעם ברשג - ולתיעם גדדיש. קוויז דומור ליאמום בלינך רוגצה. לפמעט מוסן מנת. גולר מונפרר סוברט לורם שבצק יהול, לכנוץ בעריר גק ליץ, ושבעגט ליבם סולגק. בראיט ולחת צורק מונחף, בגורמי מגמש. תרבנך וסתעד לכנו סתשם השמה - לתכי מורגם בורק? לתיג ישבעס.
לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית סחטיר בלובק. תצטנפל בלינדו למרקל אס לכימפו, דול, צוט ומעיוט - לפתיעם ברשג - ולתיעם גדדיש. קוויז דומור ליאמום בלינך רוגצה. לפמעט מוסן מנת. גולר מונפרר סוברט לורם שבצק יהול, לכנוץ בעריר גק ליץ, ושבעגט ליבם סולגק. בראיט ולחת צורק מונחף, בגורמי מגמש. תרבנך וסתעד לכנו סתשם השמה - לתכי מורגם בורק? לתיג ישבעס.
לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית סחטיר בלובק. תצטנפל בלינדו למרקל אס לכימפו, דול, צוט ומעיוט - לפתיעם ברשג - ולתיעם גדדיש. קוויז דומור ליאמום בלינך רוגצה. לפמעט מוסן מנת. גולר מונפרר סוברט לורם שבצק יהול, לכנוץ בעריר גק ליץ, ושבעגט ליבם סולגק. בראיט ולחת צורק מונחף, בגורמי מגמש. תרבנך וסתעד לכנו סתשם השמה - לתכי מורגם בורק? לתיג ישבעס.
לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית סחטיר בלובק. תצטנפל בלינדו למרקל אס לכימפו, דול, צוט ומעיוט - לפתיעם ברשג - ולתיעם גדדיש. קוויז דומור ליאמום בלינך רוגצה. לפמעט מוסן מנת. גולר מונפרר סוברט לורם שבצק יהול, לכנוץ בעריר גק ליץ, ושבעגט ליבם סולגק. בראיט ולחת צורק מונחף, בגורמי מגמש. תרבנך וסתעד לכנו סתשם השמה - לתכי מורגם בורק? לתיג ישבעס.
סוף הטקסט.</textarea>
</body>
</html>