Nothing to see yet

jaz303 · Jul 10, 2008 · 58493d3 · 58493d3
commit 58493d3
Show file tree

Hide file tree

Showing 14 changed files with 263 additions and 0 deletions.
diff --git a/README b/README
@@ -0,0 +1 @@
+Drag Queen: jQuery drag n drop tree widget
diff --git a/src/images/lightbox-blank.gif b/src/images/lightbox-blank.gif
diff --git a/src/images/lightbox-btn-close.gif b/src/images/lightbox-btn-close.gif
diff --git a/src/images/lightbox-btn-next.gif b/src/images/lightbox-btn-next.gif
diff --git a/src/images/lightbox-btn-prev.gif b/src/images/lightbox-btn-prev.gif
diff --git a/src/images/lightbox-ico-loading.gif b/src/images/lightbox-ico-loading.gif
diff --git a/src/index.html b/src/index.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
+<html>
+  <head>
+    <title></title>
+    <meta name="description" content="" />
+    <meta name="keywords" content="" />
+    <script type='text/javascript' src='javascripts/jquery-1.2.3.min.js'></script>
+    <script type='text/javascript' src='javascripts/application.js'></script>
+    <style type='text/css'>
+
+    </style>
+  </head>
+  <body>
+    <div id='container'>
+
+      <ul id='tree'>
+      	<li>Item 1</li>
+      	<li>Item 2</li>
+      	<li>Item 3
+      		<ul>
+      			<li>Sub item 1</li>
+      			<li>Sub item 2</li>
+      			<li>Sub item 3</li>
+      		</ul>
+      	</li>
+      	<li>Item 4</li>
+      </ul>
+
+    </div>
+  </body>
+</html>
diff --git a/src/javascripts/application.js b/src/javascripts/application.js
@@ -0,0 +1,31 @@
+function DragWidget(root) {
+	this.root = root;
+
+	$('li', this.root).click(function() {
+
+	});
+
+	$('li', this.root).mousedown(function() {
+
+	});
+
+}
+
+DragWidget.prototype = {
+	getSelection: function() {
+		return $('li.selected', this.root);
+	},
+	clearSelection: function() {
+		$('li', this.root).removeClass('selected');
+	},
+	toggleSelected: function(ele) {
+		$(ele).toggleClass('selected');
+	}
+}
+
+$(function() {
+
+	new DragWidget(document.getElementById('tree'));
+
+
+});
diff --git a/src/javascripts/jquery-1.2.3.min.js b/src/javascripts/jquery-1.2.3.min.js
diff --git a/src/stylesheets/ie.css b/src/stylesheets/ie.css
diff --git a/src/stylesheets/ie6.css b/src/stylesheets/ie6.css
diff --git a/src/stylesheets/jquery.lightbox-0.4.css b/src/stylesheets/jquery.lightbox-0.4.css
@@ -0,0 +1,101 @@
+/**
+ * jQuery lightBox plugin
+ * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
+ * and adapted to me for use like a plugin from jQuery.
+ * @name jquery-lightbox-0.4.css
+ * @author Leandro Vieira Pinho - http://leandrovieira.com
+ * @version 0.4
+ * @date November 17, 2007
+ * @category jQuery plugin
+ * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
+ * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
+ * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
+ */
+#jquery-overlay {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 90;
+	width: 100%;
+	height: 500px;
+}
+#jquery-lightbox {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	z-index: 100;
+	text-align: center;
+	line-height: 0;
+}
+#jquery-lightbox a img { border: none; }
+#lightbox-container-image-box {
+	position: relative;
+	background-color: #fff;
+	width: 250px;
+	height: 250px;
+	margin: 0 auto;
+}
+#lightbox-container-image { padding: 10px; }
+#lightbox-loading {
+	position: absolute;
+	top: 40%;
+	left: 0%;
+	height: 25%;
+	width: 100%;
+	text-align: center;
+	line-height: 0;
+}
+#lightbox-nav {
+	position: absolute;
+	top: 0;
+	left: 0;
+	height: 100%;
+	width: 100%;
+	z-index: 10;
+}
+#lightbox-container-image-box > #lightbox-nav { left: 0; }
+#lightbox-nav a { outline: none;}
+#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
+	width: 49%;
+	height: 100%;
+	zoom: 1;
+	display: block;
+}
+#lightbox-nav-btnPrev { 
+	left: 0; 
+	float: left;
+}
+#lightbox-nav-btnNext { 
+	right: 0; 
+	float: right;
+}
+#lightbox-container-image-data-box {
+	font: 10px Verdana, Helvetica, sans-serif;
+	background-color: #fff;
+	margin: 0 auto;
+	line-height: 1.4em;
+	overflow: auto;
+	width: 100%;
+	padding: 0 10px 0;
+}
+#lightbox-container-image-data {
+	padding: 0 10px; 
+	color: #666; 
+}
+#lightbox-container-image-data #lightbox-image-details { 
+	width: 70%; 
+	float: left; 
+	text-align: left; 
+}	
+#lightbox-image-details-caption { font-weight: bold; }
+#lightbox-image-details-currentNumber {
+	display: block; 
+	clear: left; 
+	padding-bottom: 1.0em;	
+}			
+#lightbox-secNav-btnClose {
+	width: 66px; 
+	float: right;
+	padding-bottom: 0.7em;	
+}
diff --git a/src/stylesheets/main.css b/src/stylesheets/main.css
@@ -0,0 +1,17 @@
+@import url('zero.css');
+@import url('jquery.lightbox-0.4.css');
+
+body, table { font: 12px/1.4 Helvetica, Arial, sans-serif; color: black; }
+
+img { border: 0; }
+
+a { text-decoration: none; }
+    a:hover { text-decoration: underline; }
+
+.first { margin-top: 0 }
+
+.cl { clear: left; }
+.cr { clear: right; }
+.cb { clear: both; }
+
+#container { width: 800px; margin: 0 auto; }
diff --git a/src/stylesheets/zero.css b/src/stylesheets/zero.css
@@ -0,0 +1,48 @@
+/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	font-weight: inherit;
+	font-style: inherit;
+	font-size: 100%;
+	font-family: inherit;
+	vertical-align: baseline;
+}
+/* remember to define focus styles! */
+:focus {
+	outline: 0;
+}
+body {
+	line-height: 1;
+	color: black;
+	background: white;
+}
+ol, ul {
+	list-style: none;
+}
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+	border-collapse: separate;
+	border-spacing: 0;
+}
+caption, th, td {
+	text-align: left;
+	font-weight: normal;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: "";
+}
+blockquote, q {
+	quotes: "" "";
+}