From 258a637cc614f54dcf5af2ae4fc5dc26d5a630d0 Mon Sep 17 00:00:00 2001
From: "Richard D. Worth" <rdworth@gmail.com>
Date: Thu, 26 Apr 2012 09:47:05 -0400
Subject: Fix various issues in our html files, fifth batch

---
 tests/visual/position/position_fit.html     | 40 ++++++++++++++---------------
 tests/visual/position/position_flip.html    | 22 ++++++++--------
 tests/visual/position/position_flipfit.html | 28 ++++++++++----------
 3 files changed, 45 insertions(+), 45 deletions(-)

(limited to 'tests/visual/position')

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>
-- 
cgit v1.2.3