Fix various issues in our html files, fifth batch

4 files changed, 46 insertions, 46 deletions

diff --git a/tests/visual/button/button_disabled_true.html b/tests/visual/button/button_disabled_true.html
index 25388a484..83a3e9cd6 100644
--- a/tests/visual/button/button_disabled_true.html
+++ b/tests/visual/button/button_disabled_true.html
@@ -46,7 +46,7 @@
 
 <fieldset>
 	<legend>anchor</legend>
-	<a href="javascript:void(0)" disabled="disabled">anchor 1</a>
+	<a href="javascript:void(0)">anchor 1</a> # Attribute "disabled" not allowed on element "a" at this point.
 	<hr />
 	<a href="javascript:void(0)" id="anchor1">anchor 1</a>
 </fieldset>
diff --git a/tests/visual/position/position_fit.html b/tests/visual/position/position_fit.html
index dbd52550f..acb2672bc 100644
--- a/tests/visual/position/position_fit.html
+++ b/tests/visual/position/position_fit.html
@@ -16,8 +16,8 @@
 		$("ul").insertAfter(inputs);
 		inputs.each(function(index) {
 			$(this).position({
-				my: this.id.replace(/-/, " "),
-				at: this.id.replace(/-/, " "),
+				my: $(this).data("position").replace(/-/, " "),
+				at: $(this).data("position").replace(/-/, " "),
 				of: "#container"+index,
 				collision: "none"
 			});
@@ -113,25 +113,25 @@
 <div id="container16" class="container2"></div>
 <div id="container17" class="container2"></div>
 
-<input id="left-top" />
-<input id="center-top" />
-<input id="right-top" />
-<input id="left-top" />
-<input id="center-top" />
-<input id="right-top" />
-<input id="left-top" />
-<input id="center-top" />
-<input id="right-top" />
+<input data-position="left-top" />
+<input data-position="center-top" />
+<input data-position="right-top" />
+<input data-position="left-top" />
+<input data-position="center-top" />
+<input data-position="right-top" />
+<input data-position="left-top" />
+<input data-position="center-top" />
+<input data-position="right-top" />
 
-<input id="left-top" />
-<input id="center-center" />
-<input id="right-bottom" />
-<input id="left-top" />
-<input id="center-center" />
-<input id="right-bottom" />
-<input id="left-top" />
-<input id="center-center" />
-<input id="right-bottom" />
+<input data-position="left-top" />
+<input data-position="center-center" />
+<input data-position="right-bottom" />
+<input data-position="left-top" />
+<input data-position="center-center" />
+<input data-position="right-bottom" />
+<input data-position="left-top" />
+<input data-position="center-center" />
+<input data-position="right-bottom" />
 
 <ul>
 	<li><a href="#">Java</a></li>
diff --git a/tests/visual/position/position_flip.html b/tests/visual/position/position_flip.html
index 29ad32f96..66f0b243f 100644
--- a/tests/visual/position/position_flip.html
+++ b/tests/visual/position/position_flip.html
@@ -16,8 +16,8 @@
 		$("ul").insertAfter(inputs);
 		inputs.each(function(index) {
 			$(this).position({
-				my: this.id.replace(/-/, " "),
-				at: this.id.replace(/-/, " "),
+				my: $(this).data("position").replace(/-/, " "),
+				at: $(this).data("position").replace(/-/, " "),
 				of: "#container"+index,
 				collision: "none"
 			});
@@ -52,15 +52,15 @@
 <div id="container7" class="container" style="height:100px; margin-bottom: 500px;"></div>
 <div id="container8" class="container" style="height:100px; margin-bottom: 500px;"></div>
 
-<input id="left-top" />
-<input id="center-top" />
-<input id="right-top" />
-<input id="left-center" />
-<input id="center-center" />
-<input id="right-center" />
-<input id="left-bottom" />
-<input id="center-center" />
-<input id="right-bottom" />
+<input data-position="left-top" />
+<input data-position="center-top" />
+<input data-position="right-top" />
+<input data-position="left-center" />
+<input data-position="center-center" />
+<input data-position="right-center" />
+<input data-position="left-bottom" />
+<input data-position="center-center" />
+<input data-position="right-bottom" />
 
 <ul>
 	<li><a href="#">Java</a></li>
diff --git a/tests/visual/position/position_flipfit.html b/tests/visual/position/position_flipfit.html
index fb99e4007..5139b9b88 100644
--- a/tests/visual/position/position_flipfit.html
+++ b/tests/visual/position/position_flipfit.html
@@ -16,8 +16,8 @@
 		$("ul").insertAfter(inputs);
 		inputs.each(function(index) {
 			$(this).position({
-				my: this.id.replace(/-/, " "),
-				at: this.id.replace(/-/, " "),
+				my: $(this).data("position").replace(/-/, " "),
+				at: $(this).data("position").replace(/-/, " "),
 				of: "#container"+index,
 				collision: "none"
 			});
@@ -58,18 +58,18 @@
 <div id="container10" class="container" style="height:100px; margin-bottom: 500px;"></div>
 <div id="container11" class="container" style="height:100px; margin-bottom: 500px;"></div>
 
-<input id="left-top" />
-<input id="center-top" />
-<input id="right-top" />
-<input id="left-top" />
-<input id="center-top" />
-<input id="right-top" />
-<input id="left-center" />
-<input id="center-center" />
-<input id="right-center" />
-<input id="left-bottom" />
-<input id="center-center" />
-<input id="right-bottom" />
+<input data-position="left-top" />
+<input data-position="center-top" />
+<input data-position="right-top" />
+<input data-position="left-top" />
+<input data-position="center-top" />
+<input data-position="right-top" />
+<input data-position="left-center" />
+<input data-position="center-center" />
+<input data-position="right-center" />
+<input data-position="left-bottom" />
+<input data-position="center-center" />
+<input data-position="right-bottom" />
 
 <ul>
 	<li><a href="#">Java</a></li>