Dynamic tests for bug 548206, r=ehsan

This commit is contained in:
Simon Montagu 2012-11-20 06:21:15 -08:00
parent 7f45c42647
commit d71248e3e0
93 changed files with 2191 additions and 0 deletions

View File

@ -0,0 +1,74 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML Test: dir=auto, start with dir, then L</title>
<link rel="reference" href="dir_auto-contained-dir-L-ref.html" />
<link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
<link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
<link rel="author" title="Simon Montagu" href="mailto:smontagu@smontagu.org" />
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
<link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
<meta name="assert" content="
When dir='auto', the direction is set according to the first strong character
of the text while ignoring contained elements with an explicit dir of their own.
In this test, it is the Latin letter A, thus the direction must be
resolved as LTR.
This is a variation of the original dir_auto-contained-dir-L.html in which
the explicit dir is set by script after loading the page" />
<style>
input, textarea {
font-size:1em;
}
body {
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments {
display: none;
}
</style>
<script type="text/javascript">
function setDirs(value)
{
var p1 = document.getElementById("p1");
p1.dir = value;
var p1 = document.getElementById("p2");
p2.dir = value;
}
</script>
</head>
<body onload="setDirs('rtl')">
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; - The Hebrew letter Alef (strongly RTL).
&#x05D1; - The Hebrew letter Bet (strongly RTL).
&#x05D2; - The Hebrew letter Gimel (strongly RTL).
&#x05D3; - The Hebrew letter Dalet (strongly RTL).
&#x05D4; - The Hebrew letter He (strongly RTL).
&#x05D5; - The Hebrew letter Vav (strongly RTL).
</div>
<div class="test">
<div dir="ltr">
<div dir="auto"><p id="p1">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
<div dir="rtl">
<div dir="auto"><p id="p2">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
</div>
<div class="ref">
<div dir="ltr">
<div dir="ltr"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
<div dir="rtl">
<div dir="ltr"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,71 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML Test: dir=auto, start with dir, then R</title>
<link rel="reference" href="dir_auto-contained-dir-R-ref.html" />
<link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
<link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
<link rel="author" title="Simon Montagu" href="mailto:smontagu@smontagu.org" />
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
<link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
<meta name="assert" content="
When dir='auto', the direction is set according to the first strong character
of the text while ignoring contained elements with an explicit dir of their own.
In this test, it is the Hebrew letter Alef, thus the direction must be
resolved as RTL.
This is a variation of the original dir_auto-contained-dir-R.html in which
the explicit dir is set by script after loading the page" />
<style>
input, textarea {
font-size:1em;
}
body {
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments {
display: none;
}
</style>
<script type="text/javascript">
function setDirs(value)
{
var p1 = document.getElementById("p1");
p1.dir = value;
var p1 = document.getElementById("p2");
p2.dir = value;
}
</script>
</head>
<body onload="setDirs('ltr')">
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; - The Hebrew letter Alef (strongly RTL).
&#x05D1; - The Hebrew letter Bet (strongly RTL).
&#x05D2; - The Hebrew letter Gimel (strongly RTL).
</div>
<div class="test">
<div dir="ltr">
<div dir="auto"><p id="p1">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
<div dir="rtl">
<div dir="auto"><p id="p2">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
</div>
<div class="ref">
<div dir="ltr">
<div dir="rtl"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
<div dir="rtl">
<div dir="rtl"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,75 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML Test: dir=auto, start with dir, then L</title>
<link rel="reference" href="dir_auto-contained-dir-L-ref.html" />
<link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
<link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
<link rel="author" title="Simon Montagu" href="mailto:smontagu@smontagu.org" />
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
<link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
<meta name="assert" content="
When dir='auto', the direction is set according to the first strong character
of the text while ignoring contained elements with an explicit dir of their own.
In this test, it is the Latin letter A, thus the direction must be
resolved as LTR.
This is a variation of the original dir_auto-contained-dir-L.html in which
an element with an invalid dir attribute has the dir attribute set by
script after loading the page" />
<style>
input, textarea {
font-size:1em;
}
body {
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments {
display: none;
}
</style>
<script type="text/javascript">
function setDirs(value)
{
var p1 = document.getElementById("p1");
p1.dir = value;
var p1 = document.getElementById("p2");
p2.dir = value;
}
</script>
</head>
<body onload="setDirs('rtl')">
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; - The Hebrew letter Alef (strongly RTL).
&#x05D1; - The Hebrew letter Bet (strongly RTL).
&#x05D2; - The Hebrew letter Gimel (strongly RTL).
&#x05D3; - The Hebrew letter Dalet (strongly RTL).
&#x05D4; - The Hebrew letter He (strongly RTL).
&#x05D5; - The Hebrew letter Vav (strongly RTL).
</div>
<div class="test">
<div dir="ltr">
<div dir="auto"><p id="p1" dir="foopy">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
<div dir="rtl">
<div dir="auto"><p id="p2" dir="foopy">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
</div>
<div class="ref">
<div dir="ltr">
<div dir="ltr"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
<div dir="rtl">
<div dir="ltr"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,72 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML Test: dir=auto, start with dir, then R</title>
<link rel="reference" href="dir_auto-contained-dir-R-ref.html" />
<link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
<link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
<link rel="author" title="Simon Montagu" href="mailto:smontagu@smontagu.org" />
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
<link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
<meta name="assert" content="
When dir='auto', the direction is set according to the first strong character
of the text while ignoring contained elements with an explicit dir of their own.
In this test, it is the Hebrew letter Alef, thus the direction must be
resolved as RTL.
This is a variation of the original dir_auto-contained-dir-R.html in which
an element with an invalid dir attribute has the dir attribute set by
script after loading the page" />
<style>
input, textarea {
font-size:1em;
}
body {
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments {
display: none;
}
</style>
<script type="text/javascript">
function setDirs(value)
{
var p1 = document.getElementById("p1");
p1.dir = value;
var p1 = document.getElementById("p2");
p2.dir = value;
}
</script>
</head>
<body onload="setDirs('ltr')">
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; - The Hebrew letter Alef (strongly RTL).
&#x05D1; - The Hebrew letter Bet (strongly RTL).
&#x05D2; - The Hebrew letter Gimel (strongly RTL).
</div>
<div class="test">
<div dir="ltr">
<div dir="auto"><p id="p1" dir="foopy">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
<div dir="rtl">
<div dir="auto"><p id="p2" dir="foopy">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
</div>
<div class="ref">
<div dir="ltr">
<div dir="rtl"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
<div dir="rtl">
<div dir="rtl"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,61 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML Test: dir=auto, start with dir, then R</title>
<link rel="reference" href="dir_auto-contained-dir-R-ref.html" />
<link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
<link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
<link rel="author" title="Simon Montagu" href="mailto:smontagu@smontagu.org" />
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
<link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
<meta name="assert" content="
When dir='auto', the direction is set according to the first strong character
of the text while ignoring contained elements with an explicit dir of their own.
In this test, it is the Latin letter D, thus the direction must be
resolved as LTR.
This is a variation of the original dir_auto-contained-dir-R.html in which
the explicit dir is unset by script after loading the page" />
<style>
input, textarea {
font-size:1em;
}
body {
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments {
display: none;
}
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; - The Hebrew letter Alef (strongly RTL).
&#x05D1; - The Hebrew letter Bet (strongly RTL).
&#x05D2; - The Hebrew letter Gimel (strongly RTL).
</div>
<div class="test">
<div dir="ltr">
<div dir="ltr"><p id="p1" dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
<div dir="rtl">
<div dir="ltr"><p id="p2" dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
</div>
<div class="ref">
<div dir="ltr">
<div dir="ltr"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
<div dir="rtl">
<div dir="ltr"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,71 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML Test: dir=auto, start with dir, then R</title>
<link rel="reference" href="dir_auto-contained-dir-R-ref.html" />
<link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
<link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
<link rel="author" title="Simon Montagu" href="mailto:smontagu@smontagu.org" />
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
<link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
<meta name="assert" content="
When dir='auto', the direction is set according to the first strong character
of the text while ignoring contained elements with an explicit dir of their own.
In this test, it is the Latin letter D, thus the direction must be
resolved as LTR.
This is a variation of the original dir_auto-contained-dir-R.html in which
the explicit dir is unset by script after loading the page" />
<style>
input, textarea {
font-size:1em;
}
body {
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments {
display: none;
}
</style>
<script type="text/javascript">
function setDirs(value)
{
var p1 = document.getElementById("p1");
p1.dir = value;
var p1 = document.getElementById("p2");
p2.dir = value;
}
</script>
</head>
<body onload="setDirs('')">
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; - The Hebrew letter Alef (strongly RTL).
&#x05D1; - The Hebrew letter Bet (strongly RTL).
&#x05D2; - The Hebrew letter Gimel (strongly RTL).
</div>
<div class="test">
<div dir="ltr">
<div dir="auto"><p id="p1" dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
<div dir="rtl">
<div dir="auto"><p id="p2" dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
</div>
<div class="ref">
<div dir="ltr">
<div dir="ltr"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
<div dir="rtl">
<div dir="ltr"><p dir="ltr">DEF</p>&#x05D0;&#x05D1;&#x05D2;ABC.</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,64 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML Test: dir=auto, start with dir, then L</title>
<link rel="reference" href="dir_auto-contained-dir-L-ref.html" />
<link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
<link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
<link rel="author" title="Simon Montagu" href="mailto:smontagu@smontagu.org" />
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
<link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
<meta name="assert" content="
When dir='auto', the direction is set according to the first strong character
of the text while ignoring contained elements with an explicit dir of their own.
In this test, it is the Hebrew letter Dalet, thus the direction must be
resolved as RTL.
This is a variation of the original dir_auto-contained-dir-L.html in which
the explicit dir is unset by script after loading the page" />
<style>
input, textarea {
font-size:1em;
}
body {
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments {
display: none;
}
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; - The Hebrew letter Alef (strongly RTL).
&#x05D1; - The Hebrew letter Bet (strongly RTL).
&#x05D2; - The Hebrew letter Gimel (strongly RTL).
&#x05D3; - The Hebrew letter Dalet (strongly RTL).
&#x05D4; - The Hebrew letter He (strongly RTL).
&#x05D5; - The Hebrew letter Vav (strongly RTL).
</div>
<div class="test">
<div dir="ltr">
<div dir="rtl"><p id="p1" dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
<div dir="rtl">
<div dir="rtl"><p id="p2" dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
</div>
<div class="ref">
<div dir="ltr">
<div dir="rtl"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
<div dir="rtl">
<div dir="rtl"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,74 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML Test: dir=auto, start with dir, then L</title>
<link rel="reference" href="dir_auto-contained-dir-L-ref.html" />
<link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
<link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
<link rel="author" title="Simon Montagu" href="mailto:smontagu@smontagu.org" />
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
<link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute" />
<meta name="assert" content="
When dir='auto', the direction is set according to the first strong character
of the text while ignoring contained elements with an explicit dir of their own.
In this test, it is the Hebrew letter Dalet, thus the direction must be
resolved as RTL.
This is a variation of the original dir_auto-contained-dir-L.html in which
the explicit dir is unset by script after loading the page" />
<style>
input, textarea {
font-size:1em;
}
body {
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments {
display: none;
}
</style>
<script type="text/javascript">
function setDirs(value)
{
var p1 = document.getElementById("p1");
p1.dir = value;
var p1 = document.getElementById("p2");
p2.dir = value;
}
</script>
</head>
<body onload="setDirs('')">
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; - The Hebrew letter Alef (strongly RTL).
&#x05D1; - The Hebrew letter Bet (strongly RTL).
&#x05D2; - The Hebrew letter Gimel (strongly RTL).
&#x05D3; - The Hebrew letter Dalet (strongly RTL).
&#x05D4; - The Hebrew letter He (strongly RTL).
&#x05D5; - The Hebrew letter Vav (strongly RTL).
</div>
<div class="test">
<div dir="ltr">
<div dir="auto"><p id="p1" dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
<div dir="rtl">
<div dir="auto"><p id="p2" dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
</div>
<div class="ref">
<div dir="ltr">
<div dir="rtl"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
<div dir="rtl">
<div dir="rtl"><p dir="rtl">&#x05D3;&#x05D4;&#x05D5;</p>ABC&#x05D0;&#x05D1;&#x05D2;.</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,14 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="addLTRAutoElements()">
<div id="container"></div>
</body>
</html>

View File

@ -0,0 +1,14 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="addRTLAutoElements()">
<div id="container"></div>
</body>
</html>

View File

@ -0,0 +1,17 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<style>
textarea { resize: none; }
</style>
</head>
<body>
<div><input type="text" value="ABC אבג" dir="ltr"></div>
<div><span dir="ltr">ABC אבג</span></div>
<div><textarea dir="ltr">ABC אבג</textarea></div>
<div><button dir="ltr">ABC אבג</button></div>
<div><span dir="ltr">ABC אבג</span></div>
</body>
</html>

View File

@ -0,0 +1,17 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<style>
textarea { resize: none; }
</style>
</head>
<body>
<div><input type="text" value="ABC אבג" dir="rtl"></div>
<div><span dir="rtl">ABC אבג</span></div>
<div><textarea dir="rtl">ABC אבג</textarea></div>
<div><button dir="rtl">ABC אבג</button></div>
<div><span dir="rtl">ABC אבג</span></div>
</body>
</html>

View File

@ -0,0 +1,17 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<style>
textarea { resize: none; }
</style>
</head>
<body>
<div><input type="text" value="אבג ABC" dir="ltr"></div>
<div><span dir="ltr">אבג ABC</span></div>
<div><textarea dir="ltr">אבג ABC</textarea></div>
<div><button dir="ltr">אבג ABC</button></div>
<div><span dir="ltr">אבג ABC</span></div>
</body>
</html>

View File

@ -0,0 +1,20 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<style>
textarea { resize: none; }
</style>
</head>
<body>
<div><input type="text" value="אבג ABC" dir="ltr"></div>
<div><span dir="ltr">אבג ABC</span></div>
<div><textarea dir="ltr">אבג ABC</textarea></div>
<div><button dir="ltr">אבג ABC</button></div>
<!-- the last line is span dir="rtl" because it's the reference
for a bdi that begins with rtl characters, so with an empty or
invalid value for the dir attribute it will be resolved as rtl -->
<div><span dir="rtl">אבג ABC</span></div>
</body>
</html>

View File

@ -0,0 +1,17 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<style>
textarea { resize: none; }
</style>
</head>
<body>
<div><input type="text" value="אבג ABC" dir="rtl"></div>
<div><span dir="rtl">אבג ABC</span></div>
<div><textarea dir="rtl">אבג ABC</textarea></div>
<div><button dir="rtl">אבג ABC</button></div>
<div><span dir="rtl">אבג ABC</span></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('auto')">
<div><input type="text" value="ABC אבג" id="set0"></div>
<div><span id="set1">ABC אבג</span></div>
<div><textarea id="set2">ABC אבג</textarea></div>
<div><button id="set3">ABC אבג</button></div>
<div><bdi id="set4">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('auto')">
<div><input type="text" value="ABC אבג" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">ABC אבג</span></div>
<div><textarea id="set2" dir="rtl">ABC אבג</textarea></div>
<div><button id="set3" dir="rtl">ABC אבג</button></div>
<div><bdi id="set4" dir="rtl">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('auto')">
<div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">ABC אבג</span></div>
<div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
<div><button id="set3" dir="foopy">ABC אבג</button></div>
<div><bdi id="set4" dir="foopy">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('auto')">
<div><input type="text" value="ABC אבג" id="set0"></div>
<div><span id="set1">ABC אבג</span></div>
<div><textarea id="set2">ABC אבג</textarea></div>
<div><button id="set3">ABC אבג</button></div>
<div><bdi id="set4">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('auto')">
<div><input type="text" value="ABC אבג" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">ABC אבג</span></div>
<div><textarea id="set2" dir="rtl">ABC אבג</textarea></div>
<div><button id="set3" dir="rtl">ABC אבג</button></div>
<div><bdi id="set4" dir="rtl">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('auto')">
<div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">ABC אבג</span></div>
<div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
<div><button id="set3" dir="foopy">ABC אבג</button></div>
<div><bdi id="set4" dir="foopy">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('foopy')">
<div><input type="text" value="ABC אבג" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">ABC אבג</span></div>
<div><textarea id="set2" dir="rtl">ABC אבג</textarea></div>
<div><button id="set3" dir="rtl">ABC אבג</button></div>
<div><bdi id="set4" dir="rtl">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('foopy')">
<div><input type="text" value="ABC אבג" id="set0"></div>
<div><span id="set1">ABC אבג</span></div>
<div><textarea id="set2">ABC אבג</textarea></div>
<div><button id="set3">ABC אבג</button></div>
<div><bdi id="set4">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('foopy')">
<div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">ABC אבג</span></div>
<div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
<div><button id="set3" dir="auto">ABC אבג</button></div>
<div><bdi id="set4" dir="auto">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="foopy"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('foopy')">
<div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">ABC אבג</span></div>
<div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
<div><button id="set3" dir="foopy">ABC אבג</button></div>
<div><bdi id="set4" dir="foopy">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('foopy')">
<div><input type="text" value="ABC אבג" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">ABC אבג</span></div>
<div><textarea id="set2" dir="rtl">ABC אבג</textarea></div>
<div><button id="set3" dir="rtl">ABC אבג</button></div>
<div><bdi id="set4" dir="rtl">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('foopy')">
<div><input type="text" value="ABC אבג" id="set0"></div>
<div><span id="set1">ABC אבג</span></div>
<div><textarea id="set2">ABC אבג</textarea></div>
<div><button id="set3">ABC אבג</button></div>
<div><bdi id="set4">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('foopy')">
<div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">ABC אבג</span></div>
<div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
<div><button id="set3" dir="auto">ABC אבג</button></div>
<div><bdi id="set4" dir="auto">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="foopy"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('foopy')">
<div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">ABC אבג</span></div>
<div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
<div><button id="set3" dir="foopy">ABC אבג</button></div>
<div><bdi id="set4" dir="foopy">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('ltr')">
<div><input type="text" value="ABC אבג" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">ABC אבג</span></div>
<div><textarea id="set2" dir="rtl">ABC אבג</textarea></div>
<div><button id="set3" dir="rtl">ABC אבג</button></div>
<div><bdi id="set4" dir="rtl">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('ltr')">
<div><input type="text" value="ABC אבג" id="set0"></div>
<div><span id="set1">ABC אבג</span></div>
<div><textarea id="set2">ABC אבג</textarea></div>
<div><button id="set3">ABC אבג</button></div>
<div><bdi id="set4">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('ltr')">
<div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">ABC אבג</span></div>
<div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
<div><button id="set3" dir="auto">ABC אבג</button></div>
<div><bdi id="set4" dir="auto">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="foopy"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('ltr')">
<div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">ABC אבג</span></div>
<div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
<div><button id="set3" dir="foopy">ABC אבג</button></div>
<div><bdi id="set4" dir="foopy">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('ltr')">
<div><input type="text" value="ABC אבג" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">ABC אבג</span></div>
<div><textarea id="set2" dir="rtl">ABC אבג</textarea></div>
<div><button id="set3" dir="rtl">ABC אבג</button></div>
<div><bdi id="set4" dir="rtl">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('ltr')">
<div><input type="text" value="ABC אבג" id="set0"></div>
<div><span id="set1">ABC אבג</span></div>
<div><textarea id="set2">ABC אבג</textarea></div>
<div><button id="set3">ABC אבג</button></div>
<div><bdi id="set4">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('ltr')">
<div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">ABC אבג</span></div>
<div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
<div><button id="set3" dir="auto">ABC אבג</button></div>
<div><bdi id="set4" dir="auto">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="foopy"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('ltr')">
<div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">ABC אבג</span></div>
<div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
<div><button id="set3" dir="foopy">ABC אבג</button></div>
<div><bdi id="set4" dir="foopy">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('')">
<div><input type="text" value="ABC אבג" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">ABC אבג</span></div>
<div><textarea id="set2" dir="rtl">ABC אבג</textarea></div>
<div><button id="set3" dir="rtl">ABC אבג</button></div>
<div><bdi id="set4" dir="rtl">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('')">
<div><input type="text" value="ABC אבג" id="set0"></div>
<div><span id="set1">ABC אבג</span></div>
<div><textarea id="set2">ABC אבג</textarea></div>
<div><button id="set3">ABC אבג</button></div>
<div><bdi id="set4">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('')">
<div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">ABC אבג</span></div>
<div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
<div><button id="set3" dir="auto">ABC אבג</button></div>
<div><bdi id="set4" dir="auto">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="foopy"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('')">
<div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">ABC אבג</span></div>
<div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
<div><button id="set3" dir="foopy">ABC אבג</button></div>
<div><bdi id="set4" dir="foopy">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="removeAllDirAttribute()">
<div><input type="text" value="ABC אבג" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">ABC אבג</span></div>
<div><textarea id="set2" dir="rtl">ABC אבג</textarea></div>
<div><button id="set3" dir="rtl">ABC אבג</button></div>
<div><bdi id="set4" dir="rtl">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="removeAllDirAttribute()">
<div><input type="text" value="ABC אבג" id="set0"></div>
<div><span id="set1">ABC אבג</span></div>
<div><textarea id="set2">ABC אבג</textarea></div>
<div><button id="set3">ABC אבג</button></div>
<div><bdi id="set4">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="removeAllDirAttribute()">
<div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">ABC אבג</span></div>
<div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
<div><button id="set3" dir="auto">ABC אבג</button></div>
<div><bdi id="set4" dir="auto">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="foopy"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="RemoveAllDirAttribute()">
<div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">ABC אבג</span></div>
<div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
<div><button id="set3" dir="foopy">ABC אבג</button></div>
<div><bdi id="set4" dir="foopy">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('rtl')">
<div><input type="text" value="ABC אבג" id="set0" dir="ltr"></div>
<div><span id="set1" dir="ltr">ABC אבג</span></div>
<div><textarea id="set2" dir="ltr">ABC אבג</textarea></div>
<div><button id="set3" dir="ltr">ABC אבג</button></div>
<div><bdi id="set4" dir="ltr">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('rtl')">
<div><input type="text" value="ABC אבג" id="set0"></div>
<div><span id="set1">ABC אבג</span></div>
<div><textarea id="set2">ABC אבג</textarea></div>
<div><button id="set3">ABC אבג</button></div>
<div><span id="set4">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('rtl')">
<div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">ABC אבג</span></div>
<div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
<div><button id="set3" dir="auto">ABC אבג</button></div>
<div><span id="set4" dir="auto">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="foopy"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('rtl')">
<div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">ABC אבג</span></div>
<div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
<div><button id="set3" dir="foopy">ABC אבג</button></div>
<div><span id="set4" dir="foopy">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('rtl')">
<div><input type="text" value="ABC אבג" id="set0" dir="ltr"></div>
<div><span id="set1" dir="ltr">ABC אבג</span></div>
<div><textarea id="set2" dir="ltr">ABC אבג</textarea></div>
<div><button id="set3" dir="ltr">ABC אבג</button></div>
<div><bdi id="set4" dir="ltr">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('rtl')">
<div><input type="text" value="ABC אבג" id="set0"></div>
<div><span id="set1">ABC אבג</span></div>
<div><textarea id="set2">ABC אבג</textarea></div>
<div><button id="set3">ABC אבג</button></div>
<div><span id="set4">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('rtl')">
<div><input type="text" value="ABC אבג" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">ABC אבג</span></div>
<div><textarea id="set2" dir="auto">ABC אבג</textarea></div>
<div><button id="set3" dir="auto">ABC אבג</button></div>
<div><span id="set4" dir="auto">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="foopy"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('rtl')">
<div><input type="text" value="ABC אבג" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">ABC אבג</span></div>
<div><textarea id="set2" dir="foopy">ABC אבג</textarea></div>
<div><button id="set3" dir="foopy">ABC אבג</button></div>
<div><span id="set4" dir="foopy">ABC אבג</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('auto')">
<div><input type="text" value="אבג ABC" id="set0"></div>
<div><span id="set1">אבג ABC</span></div>
<div><textarea id="set2">אבג ABC</textarea></div>
<div><button id="set3">אבג ABC</button></div>
<div><bdi id="set4">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('auto')">
<div><input type="text" value="אבג ABC" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">אבג ABC</span></div>
<div><textarea id="set2" dir="rtl">אבג ABC</textarea></div>
<div><button id="set3" dir="rtl">אבג ABC</button></div>
<div><bdi id="set4" dir="rtl">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('auto')">
<div><input type="text" value="אבג ABC" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">אבג ABC</span></div>
<div><textarea id="set2" dir="foopy">אבג ABC</textarea></div>
<div><button id="set3" dir="foopy">אבג ABC</button></div>
<div><bdi id="set4" dir="foopy">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('auto')">
<div><input type="text" value="אבג ABC" id="set0"></div>
<div><span id="set1">אבג ABC</span></div>
<div><textarea id="set2">אבג ABC</textarea></div>
<div><button id="set3">אבג ABC</button></div>
<div><bdi id="set4">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('auto')">
<div><input type="text" value="אבג ABC" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">אבג ABC</span></div>
<div><textarea id="set2" dir="rtl">אבג ABC</textarea></div>
<div><button id="set3" dir="rtl">אבג ABC</button></div>
<div><bdi id="set4" dir="rtl">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('auto')">
<div><input type="text" value="אבג ABC" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">אבג ABC</span></div>
<div><textarea id="set2" dir="foopy">אבג ABC</textarea></div>
<div><button id="set3" dir="foopy">אבג ABC</button></div>
<div><bdi id="set4" dir="foopy">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('foopy')">
<div><input type="text" value="אבג ABC" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">אבג ABC</span></div>
<div><textarea id="set2" dir="rtl">אבג ABC</textarea></div>
<div><button id="set3" dir="rtl">אבג ABC</button></div>
<div><bdi id="set4" dir="rtl">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('foopy')">
<div><input type="text" value="אבג ABC" id="set0"></div>
<div><span id="set1">אבג ABC</span></div>
<div><textarea id="set2">אבג ABC</textarea></div>
<div><button id="set3">אבג ABC</button></div>
<div><bdi id="set4">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('foopy')">
<div><input type="text" value="אבג ABC" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">אבג ABC</span></div>
<div><textarea id="set2" dir="auto">אבג ABC</textarea></div>
<div><button id="set3" dir="auto">אבג ABC</button></div>
<div><bdi id="set4" dir="auto">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="foopy"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('foopy')">
<div><input type="text" value="אבג ABC" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">אבג ABC</span></div>
<div><textarea id="set2" dir="foopy">אבג ABC</textarea></div>
<div><button id="set3" dir="foopy">אבג ABC</button></div>
<div><bdi id="set4" dir="foopy">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('foopy')">
<div><input type="text" value="אבג ABC" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">אבג ABC</span></div>
<div><textarea id="set2" dir="rtl">אבג ABC</textarea></div>
<div><button id="set3" dir="rtl">אבג ABC</button></div>
<div><bdi id="set4" dir="rtl">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('foopy')">
<div><input type="text" value="אבג ABC" id="set0"></div>
<div><span id="set1">אבג ABC</span></div>
<div><textarea id="set2">אבג ABC</textarea></div>
<div><button id="set3">אבג ABC</button></div>
<div><bdi id="set4">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('foopy')">
<div><input type="text" value="אבג ABC" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">אבג ABC</span></div>
<div><textarea id="set2" dir="auto">אבג ABC</textarea></div>
<div><button id="set3" dir="auto">אבג ABC</button></div>
<div><bdi id="set4" dir="auto">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="foopy"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('foopy')">
<div><input type="text" value="אבג ABC" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">אבג ABC</span></div>
<div><textarea id="set2" dir="foopy">אבג ABC</textarea></div>
<div><button id="set3" dir="foopy">אבג ABC</button></div>
<div><bdi id="set4" dir="foopy">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('ltr')">
<div><input type="text" value="אבג ABC" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">אבג ABC</span></div>
<div><textarea id="set2" dir="rtl">אבג ABC</textarea></div>
<div><button id="set3" dir="rtl">אבג ABC</button></div>
<div><bdi id="set4" dir="rtl">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('ltr')">
<div><input type="text" value="אבג ABC" id="set0"></div>
<div><span id="set1">אבג ABC</span></div>
<div><textarea id="set2">אבג ABC</textarea></div>
<div><button id="set3">אבג ABC</button></div>
<div><bdi id="set4">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('ltr')">
<div><input type="text" value="אבג ABC" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">אבג ABC</span></div>
<div><textarea id="set2" dir="auto">אבג ABC</textarea></div>
<div><button id="set3" dir="auto">אבג ABC</button></div>
<div><bdi id="set4" dir="auto">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="foopy"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('ltr')">
<div><input type="text" value="אבג ABC" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">אבג ABC</span></div>
<div><textarea id="set2" dir="foopy">אבג ABC</textarea></div>
<div><button id="set3" dir="foopy">אבג ABC</button></div>
<div><bdi id="set4" dir="foopy">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('ltr')">
<div><input type="text" value="אבג ABC" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">אבג ABC</span></div>
<div><textarea id="set2" dir="rtl">אבג ABC</textarea></div>
<div><button id="set3" dir="rtl">אבג ABC</button></div>
<div><bdi id="set4" dir="rtl">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('ltr')">
<div><input type="text" value="אבג ABC" id="set0"></div>
<div><span id="set1">אבג ABC</span></div>
<div><textarea id="set2">אבג ABC</textarea></div>
<div><button id="set3">אבג ABC</button></div>
<div><bdi id="set4">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('ltr')">
<div><input type="text" value="אבג ABC" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">אבג ABC</span></div>
<div><textarea id="set2" dir="auto">אבג ABC</textarea></div>
<div><button id="set3" dir="auto">אבג ABC</button></div>
<div><bdi id="set4" dir="auto">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="foopy"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('ltr')">
<div><input type="text" value="אבג ABC" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">אבג ABC</span></div>
<div><textarea id="set2" dir="foopy">אבג ABC</textarea></div>
<div><button id="set3" dir="foopy">אבג ABC</button></div>
<div><bdi id="set4" dir="foopy">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('')">
<div><input type="text" value="אבג ABC" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">אבג ABC</span></div>
<div><textarea id="set2" dir="rtl">אבג ABC</textarea></div>
<div><button id="set3" dir="rtl">אבג ABC</button></div>
<div><bdi id="set4" dir="rtl">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('')">
<div><input type="text" value="אבג ABC" id="set0"></div>
<div><span id="set1">אבג ABC</span></div>
<div><textarea id="set2">אבג ABC</textarea></div>
<div><button id="set3">אבג ABC</button></div>
<div><bdi id="set4">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('')">
<div><input type="text" value="אבג ABC" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">אבג ABC</span></div>
<div><textarea id="set2" dir="auto">אבג ABC</textarea></div>
<div><button id="set3" dir="auto">אבג ABC</button></div>
<div><bdi id="set4" dir="auto">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="foopy"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('')">
<div><input type="text" value="אבג ABC" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">אבג ABC</span></div>
<div><textarea id="set2" dir="foopy">אבג ABC</textarea></div>
<div><button id="set3" dir="foopy">אבג ABC</button></div>
<div><bdi id="set4" dir="foopy">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="removeAllDirAttribute()">
<div><input type="text" value="אבג ABC" id="set0" dir="rtl"></div>
<div><span id="set1" dir="rtl">אבג ABC</span></div>
<div><textarea id="set2" dir="rtl">אבג ABC</textarea></div>
<div><button id="set3" dir="rtl">אבג ABC</button></div>
<div><bdi id="set4" dir="rtl">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="removeAllDirAttribute()">
<div><input type="text" value="אבג ABC" id="set0"></div>
<div><span id="set1">אבג ABC</span></div>
<div><textarea id="set2">אבג ABC</textarea></div>
<div><button id="set3">אבג ABC</button></div>
<div><bdi id="set4">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="removeAllDirAttribute()">
<div><input type="text" value="אבג ABC" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">אבג ABC</span></div>
<div><textarea id="set2" dir="auto">אבג ABC</textarea></div>
<div><button id="set3" dir="auto">אבג ABC</button></div>
<div><bdi id="set4" dir="auto">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="foopy"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="removeAllDirAttribute()">
<div><input type="text" value="אבג ABC" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">אבג ABC</span></div>
<div><textarea id="set2" dir="foopy">אבג ABC</textarea></div>
<div><button id="set3" dir="foopy">אבג ABC</button></div>
<div><bdi id="set4" dir="foopy">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('rtl')">
<div><input type="text" value="אבג ABC" id="set0" dir="ltr"></div>
<div><span id="set1" dir="ltr">אבג ABC</span></div>
<div><textarea id="set2" dir="ltr">אבג ABC</textarea></div>
<div><button id="set3" dir="ltr">אבג ABC</button></div>
<div><bdi id="set4" dir="ltr">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('rtl')">
<div><input type="text" value="אבג ABC" id="set0"></div>
<div><span id="set1">אבג ABC</span></div>
<div><textarea id="set2">אבג ABC</textarea></div>
<div><button id="set3">אבג ABC</button></div>
<div><bdi id="set4">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('rtl')">
<div><input type="text" value="אבג ABC" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">אבג ABC</span></div>
<div><textarea id="set2" dir="auto">אבג ABC</textarea></div>
<div><button id="set3" dir="auto">אבג ABC</button></div>
<div><bdi id="set4" dir="auto">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="foopy"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDir('rtl')">
<div><input type="text" value="אבג ABC" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">אבג ABC</span></div>
<div><textarea id="set2" dir="foopy">אבג ABC</textarea></div>
<div><button id="set3" dir="foopy">אבג ABC</button></div>
<div><bdi id="set4" dir="foopy">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('rtl')">
<div><input type="text" value="אבג ABC" id="set0" dir="ltr"></div>
<div><span id="set1" dir="ltr">אבג ABC</span></div>
<div><textarea id="set2" dir="ltr">אבג ABC</textarea></div>
<div><button id="set3" dir="ltr">אבג ABC</button></div>
<div><bdi id="set4" dir="ltr">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('rtl')">
<div><input type="text" value="אבג ABC" id="set0"></div>
<div><span id="set1">אבג ABC</span></div>
<div><textarea id="set2">אבג ABC</textarea></div>
<div><button id="set3">אבג ABC</button></div>
<div><bdi id="set4">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="auto"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('rtl')">
<div><input type="text" value="אבג ABC" id="set0" dir="auto"></div>
<div><span id="set1" dir="auto">אבג ABC</span></div>
<div><textarea id="set2" dir="auto">אבג ABC</textarea></div>
<div><button id="set3" dir="auto">אבג ABC</button></div>
<div><bdi id="set4" dir="auto">אבג ABC</bdi></div>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Set and unset dir="foopy"</title>
<script type="text/javascript" src="setDir.js"></script>
<style>
textarea { resize: none; }
</style>
</head>
<body onload="setAllDirAttribute('rtl')">
<div><input type="text" value="אבג ABC" id="set0" dir="foopy"></div>
<div><span id="set1" dir="foopy">אבג ABC</span></div>
<div><textarea id="set2" dir="foopy">אבג ABC</textarea></div>
<div><button id="set3" dir="foopy">אבג ABC</button></div>
<div><bdi id="set4" dir="foopy">אבג ABC</bdi></div>
</body>
</html>

View File

@ -2,6 +2,12 @@
== dir_auto-contained-bdi-R.html dir_auto-contained-bdi-R-ref.html
== dir_auto-contained-dir-L.html dir_auto-contained-dir-L-ref.html
== dir_auto-contained-dir-R.html dir_auto-contained-dir-R-ref.html
== dir_auto-set-contained-dir-L.html dir_auto-contained-dir-L-ref.html
== dir_auto-set-contained-dir-R.html dir_auto-contained-dir-R-ref.html
== dir_auto-set-contained-invalid-dir-L.html dir_auto-contained-dir-L-ref.html
== dir_auto-set-contained-invalid-dir-R.html dir_auto-contained-dir-R-ref.html
== dir_auto-unset-contained-dir-L.html dir_auto-unset-contained-dir-L-ref.html
== dir_auto-unset-contained-dir-R.html dir_auto-unset-contained-dir-R-ref.html
== dir_auto-contained-dir_auto-L.html dir_auto-contained-dir_auto-L-ref.html
== dir_auto-contained-dir_auto-R.html dir_auto-contained-dir_auto-R-ref.html
== dir_auto-contained-L.html dir_auto-contained-L-ref.html
@ -49,3 +55,81 @@
== dir_auto-textarea-script-mixed.html dir_auto-textarea-script-mixed-ref.html
== dir_auto-textarea-script-N-between-Rs.html dir_auto-textarea-script-N-between-Rs-ref.html
== dir_auto-textarea-script-N-EN.html dir_auto-textarea-script-N-EN-ref.html
== dynamicDirAuto-setLTR-Auto1.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-Auto2.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-Auto3.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-Auto4.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-Auto5.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-Auto6.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-LTR1.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-LTR2.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-LTR3.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-LTR4.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-LTR5.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-LTR6.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-LTR7.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-LTR8.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-RTL1.html dynamicDirAuto-refLTR-RTL.html
== dynamicDirAuto-setLTR-RTL2.html dynamicDirAuto-refLTR-RTL.html
== dynamicDirAuto-setLTR-RTL3.html dynamicDirAuto-refLTR-RTL.html
== dynamicDirAuto-setLTR-RTL4.html dynamicDirAuto-refLTR-RTL.html
== dynamicDirAuto-setLTR-RTL5.html dynamicDirAuto-refLTR-RTL.html
== dynamicDirAuto-setLTR-RTL6.html dynamicDirAuto-refLTR-RTL.html
== dynamicDirAuto-setLTR-RTL7.html dynamicDirAuto-refLTR-RTL.html
== dynamicDirAuto-setLTR-RTL8.html dynamicDirAuto-refLTR-RTL.html
== dynamicDirAuto-setLTR-NoDir1.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-NoDir2.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-NoDir3.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-NoDir4.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-NoDir5.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-NoDir6.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-NoDir7.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-NoDir8.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-InvalidDir1.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-InvalidDir2.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-InvalidDir3.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-InvalidDir4.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-InvalidDir5.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-InvalidDir6.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-InvalidDir7.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setLTR-InvalidDir7.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-setRTL-Auto1.html dynamicDirAuto-refRTL-RTL.html
== dynamicDirAuto-setRTL-Auto2.html dynamicDirAuto-refRTL-RTL.html
== dynamicDirAuto-setRTL-Auto3.html dynamicDirAuto-refRTL-RTL.html
== dynamicDirAuto-setRTL-Auto4.html dynamicDirAuto-refRTL-RTL.html
== dynamicDirAuto-setRTL-Auto5.html dynamicDirAuto-refRTL-RTL.html
== dynamicDirAuto-setRTL-Auto6.html dynamicDirAuto-refRTL-RTL.html
== dynamicDirAuto-setRTL-LTR1.html dynamicDirAuto-refRTL-LTR.html
== dynamicDirAuto-setRTL-LTR2.html dynamicDirAuto-refRTL-LTR.html
== dynamicDirAuto-setRTL-LTR3.html dynamicDirAuto-refRTL-LTR.html
== dynamicDirAuto-setRTL-LTR4.html dynamicDirAuto-refRTL-LTR.html
== dynamicDirAuto-setRTL-LTR5.html dynamicDirAuto-refRTL-LTR.html
== dynamicDirAuto-setRTL-LTR6.html dynamicDirAuto-refRTL-LTR.html
== dynamicDirAuto-setRTL-LTR7.html dynamicDirAuto-refRTL-LTR.html
== dynamicDirAuto-setRTL-LTR8.html dynamicDirAuto-refRTL-LTR.html
== dynamicDirAuto-setRTL-RTL1.html dynamicDirAuto-refRTL-RTL.html
== dynamicDirAuto-setRTL-RTL2.html dynamicDirAuto-refRTL-RTL.html
== dynamicDirAuto-setRTL-RTL3.html dynamicDirAuto-refRTL-RTL.html
== dynamicDirAuto-setRTL-RTL4.html dynamicDirAuto-refRTL-RTL.html
== dynamicDirAuto-setRTL-RTL5.html dynamicDirAuto-refRTL-RTL.html
== dynamicDirAuto-setRTL-RTL6.html dynamicDirAuto-refRTL-RTL.html
== dynamicDirAuto-setRTL-RTL7.html dynamicDirAuto-refRTL-RTL.html
== dynamicDirAuto-setRTL-RTL8.html dynamicDirAuto-refRTL-RTL.html
== dynamicDirAuto-setRTL-NoDir1.html dynamicDirAuto-refRTL-NoDir.html
== dynamicDirAuto-setRTL-NoDir2.html dynamicDirAuto-refRTL-NoDir.html
== dynamicDirAuto-setRTL-NoDir3.html dynamicDirAuto-refRTL-NoDir.html
== dynamicDirAuto-setRTL-NoDir4.html dynamicDirAuto-refRTL-NoDir.html
== dynamicDirAuto-setRTL-NoDir5.html dynamicDirAuto-refRTL-NoDir.html
== dynamicDirAuto-setRTL-NoDir6.html dynamicDirAuto-refRTL-NoDir.html
== dynamicDirAuto-setRTL-NoDir7.html dynamicDirAuto-refRTL-NoDir.html
== dynamicDirAuto-setRTL-NoDir8.html dynamicDirAuto-refRTL-NoDir.html
== dynamicDirAuto-setRTL-InvalidDir1.html dynamicDirAuto-refRTL-NoDir.html
== dynamicDirAuto-setRTL-InvalidDir2.html dynamicDirAuto-refRTL-NoDir.html
== dynamicDirAuto-setRTL-InvalidDir3.html dynamicDirAuto-refRTL-NoDir.html
== dynamicDirAuto-setRTL-InvalidDir4.html dynamicDirAuto-refRTL-NoDir.html
== dynamicDirAuto-setRTL-InvalidDir5.html dynamicDirAuto-refRTL-NoDir.html
== dynamicDirAuto-setRTL-InvalidDir6.html dynamicDirAuto-refRTL-NoDir.html
== dynamicDirAuto-setRTL-InvalidDir7.html dynamicDirAuto-refRTL-NoDir.html
== dynamicDirAuto-setRTL-InvalidDir8.html dynamicDirAuto-refRTL-NoDir.html
== dynamicDirAuto-addLTR-Auto.html dynamicDirAuto-refLTR-LTR.html
== dynamicDirAuto-addRTL-Auto.html dynamicDirAuto-refRTL-RTL.html

View File

@ -0,0 +1,61 @@
function setAllDir(value)
{
for (var i = 0; ; ++i) {
try {
theElement = document.getElementById("set" + i);
theElement.dir = value;
} catch(e) {
break;
}
}
}
function setAllDirAttribute(value)
{
for (var i = 0; ; ++i) {
try {
theElement = document.getElementById("set" + i);
theElement.setAttribute("dir", value);
} catch(e) {
break;
}
}
}
function removeAllDirAttribute()
{
for (var i = 0; ; ++i) {
try {
theElement = document.getElementById("set" + i);
theElement.removeAttribute("dir");
} catch(e) {
break;
}
}
}
function addOneElement(innerHTML)
{
var container = document.getElementById("container");
var elem = document.createElement("div");
elem.innerHTML = innerHTML;
container.appendChild(elem);
}
function addLTRAutoElements()
{
addOneElement('<input type="text" value="ABC אבג" id="set0" dir="auto">');
addOneElement('<span id="set1" dir="auto">ABC אבג</span>');
addOneElement('<textarea id="set2" dir="auto">ABC אבג</textarea>');
addOneElement('<button id="set3" dir="auto">ABC אבג</button>');
addOneElement('<bdi id="set4">ABC אבג</bdi>');
}
function addRTLAutoElements()
{
addOneElement('<input type="text" value="אבג ABC" id="set0" dir="auto">');
addOneElement('<span id="set1" dir="auto">אבג ABC</span>');
addOneElement('<textarea id="set2" dir="auto">אבג ABC</textarea>');
addOneElement('<button id="set3" dir="auto">אבג ABC</button>');
addOneElement('<bdi id="set4">אבג ABC</bdi>');
}