Fixed data relations example.

bramstein · Feb 9, 2012 · 600cf98 · 600cf98
1 parent 6cc18c2
commit 600cf98
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 2 deletions.
diff --git a/examples/data-relations.html b/examples/data-relations.html
@@ -3,8 +3,8 @@
 	<head>
 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 		<title>Data relations</title>
-		<script type="text/javascript" src="../../lib/jquery-1.4.2.js"></script>
-		<script type="text/javascript" src="jquery.column.js"></script>
+        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+		<script type="text/javascript" src="../lib/jquery.column.js"></script>
 		<script type="text/javascript" src="jquery.text-align.js"></script>
 		<script type="text/javascript">
 			$(function() {

diff --git a/examples/jquery.text-align.js b/examples/jquery.text-align.js
@@ -0,0 +1,53 @@
+/**
+ * @preserve jQuery Text Alignment v0.02
+ *
+ * Licensed under the new BSD License.
+ * Copyright 2009, Bram Stein
+ * All rights reserved.
+ */
+/*global jQuery*/
+(function ($) {
+	$.extend($.fn, {
+		textAlign: function (string) {
+			var items = $(this),
+				maxLeft = 0,
+				maxRight = 0;
+
+			if (string === 'start' || string === 'end' || string === 'left' || string === 'right' || string === 'justify' || string === 'center') {
+				return items.css({textAlign: string});
+			} else if (string.length === 1) {
+				items.each(function () {
+					var that = $(this),
+						str = that.text(),
+                        left, right;
+
+                    if (str.indexOf(string) !== -1) {    
+						left = $('<span>' + str.slice(0, str.indexOf(string)) + '</span>');
+						right = $('<span>' + str.slice(str.indexOf(string)) + '</span>');
+                    } else {
+                        left = $('<span>' + str + '</span>');
+                        right = $('<span/>');
+                    }
+
+					left.css({display: 'inline-block', textAlign: 'right'});
+					right.css({display: 'inline-block', textAlign: 'left'});
+
+					$(this).empty().append(left).append(right);
+
+					maxLeft = Math.max(maxLeft, left.width());
+					maxRight = Math.max(maxRight, right.width());
+				});
+
+				items.each(function () {
+					var children = $(this).children(),
+						left = $(children[0]),
+						right = $(children[1]);
+
+					left.width(maxLeft);
+					right.width(maxRight);
+				});
+			}
+			return items;
+		}
+	});
+}(jQuery));