First test of selectFirst functionality (seems to work).

davelnewton · Aug 27, 2011 · 52e8c92 · 52e8c92
1 parent ced2c14
commit 52e8c92
Show file tree

Hide file tree

Showing 10 changed files with 12 additions and 41 deletions.
diff --git a/css/ui-anim_basic_16x16.gif → css/images/ui-anim_basic_16x16.gif b/css/ui-anim_basic_16x16.gif → css/images/ui-anim_basic_16x16.gif
diff --git a/css/tagit-core.css b/css/tagit-core.css
@@ -37,7 +37,7 @@
 }
 
 .ui-autocomplete-loading {
-  background: white url(ui-anim_basic_16x16.gif) right center no-repeat;
+  background: white url(images/ui-anim_basic_16x16.gif) right center no-repeat;
 }
 
 ul.tagit {

diff --git a/css/tagit-gradient-black.css b/css/tagit-gradient-black.css
@@ -40,7 +40,7 @@
 }
 
 .ui-autocomplete-loading {
-    background: white url(ui-anim_basic_16x16.gif) right center no-repeat;
+    background: white url(images/ui-anim_basic_16x16.gif) right center no-repeat;
 }
 
 ul.tagit {

diff --git a/css/tagit-gradient-blue.css b/css/tagit-gradient-blue.css
@@ -40,7 +40,7 @@
 }
 
 .ui-autocomplete-loading {
-    background: white url(ui-anim_basic_16x16.gif) right center no-repeat;
+    background: white url(images/ui-anim_basic_16x16.gif) right center no-repeat;
 }
 
 ul.tagit {

diff --git a/css/tagit-gradient-green.css b/css/tagit-gradient-green.css
@@ -40,7 +40,7 @@
 }
 
 .ui-autocomplete-loading {
-    background: white url(ui-anim_basic_16x16.gif) right center no-repeat;
+    background: white url(images/ui-anim_basic_16x16.gif) right center no-repeat;
 }
 
 ul.tagit {

diff --git a/css/tagit-simple-blue.css b/css/tagit-simple-blue.css
@@ -40,7 +40,7 @@
 }
 
 .ui-autocomplete-loading {
-    background: white url(ui-anim_basic_16x16.gif) right center no-repeat;
+    background: white url(images/ui-anim_basic_16x16.gif) right center no-repeat;
 }
 
 ul.tagit {

diff --git a/css/tagit-simple-green.css b/css/tagit-simple-green.css
@@ -40,7 +40,7 @@
 }
 
 .ui-autocomplete-loading {
-    background: white url(ui-anim_basic_16x16.gif) right center no-repeat;
+    background: white url(images/ui-anim_basic_16x16.gif) right center no-repeat;
 }
 
 ul.tagit {

diff --git a/css/tagit-simple-grey.css b/css/tagit-simple-grey.css
@@ -40,7 +40,7 @@
 }
 
 .ui-autocomplete-loading {
-    background: white url(ui-anim_basic_16x16.gif) right center no-repeat;
+    background: white url(images/ui-anim_basic_16x16.gif) right center no-repeat;
 }
 
 ul.tagit {

diff --git a/css/tagit-theme-simple-blue.css b/css/tagit-theme-simple-blue.css
@@ -1,6 +1,5 @@
 .ui-autocomplete  .ui-menu-item a {
   color: #78959D;
-
 }
 
 .ui-autocomplete .ui-menu-item a.ui-state-hover,
@@ -9,37 +8,9 @@
   border-color: #a6cef7;
 }
 
-.ui-autocomplete-loading {
-  background: white url(ui-anim_basic_16x16.gif) right center no-repeat;
-}
-
-ul.tagit {
-  cursor: text;
-  overflow: auto;
-  font-size: 14px;
-  width: 97%;
-  padding: 3px;
-  margin-top: 2px;
-  margin-right: 6px;
-  margin-bottom: 16px;
-  border: 1px solid #E5E5E5;
-  background: #fff;
-  color: #555;
-}
-
-ul.tagit li {
-  -moz-border-radius: 5px;
-  border-radius: 5px;
-  display: block;
-  float: left;
-  margin: 2px 5px 2px 0;
-  position: relative;
-}
-
 ul.tagit li.tagit-choice {
   background-color: #DEE7F8;
   border: 1px solid #CAD8F3;
-  padding: 2px 13px 3px 4px;
 }
 
 ul.tagit li.tagit-choice:hover {

diff --git a/demo1.html b/demo1.html
@@ -1,14 +1,14 @@
 <html>
   <head>
     <title>jQuery Tagit Demo Page</title>
-    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" rel="stylesheet"
-          type="text/css"/>
+    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
     <link href="css/demo1.css" rel="stylesheet" type="text/css"/>
     <link href="css/tagit-core.css" rel="stylesheet" type="text/css"/>
     <link href="css/tagit-theme-simple-blue.css" rel="stylesheet" type="text/css"/>
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
-    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.js"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>
     <script src="js/tagit.js"></script>
+    <script src="js/jqui-autocomplete-selectFirst.js"></script>
   </head>
 
   <body>
@@ -65,7 +65,7 @@ <h3>Initial Tags</h3>
           "Scheme"
         ];
 
-        $('#demo1').tagit({tagSource: availableTags, select: true});
+        $('#demo1').tagit({tagSource: availableTags, select: true, selectFirst: true});
         $('#demo2').tagit({tagSource: availableTags});
 
         $('#demo1GetTags').click(function() {