Upgraded chosen jquery lib and added dynamic link feature #37

.gitignore

@@ -9,3 +9,5 @@
 pip-log.txt
 .DS_Store
 *swp
+/.project
+/.pydevproject

README.md

@@ -65,6 +65,26 @@ class BookForm(forms.Form):
     authors = chosenforms.ChosenModelMultipleChoiceField(queryset=Author.objects.all())
 ```
 
+When the selectable items represent a model with an admin change-page or similar edit-page, you can render each item as link to these pages by doing:
+
+```python
+from django import forms
+from django.core.urlresolvers import reverse
+from chosen import forms as chosenforms
+
+class BookForm(forms.Form):
+    name = forms.CharField(max_length=100)
+    quality = chosenforms.ChosenChoiceField(overlay="Select book quality...",
+        choices=(('New', 'new'), ('Used', 'used')))
+    authors = chosenforms.ChosenModelMultipleChoiceField(queryset=Author.objects.all())
+
+    def __init__(self, *args, **kwargs):
+        super(BookForm, self).__init__(*args, **kwargs)
+        self.fields['authors'].widget.attrs['chosen-fk-url-base'] = reverse('admin:myapp_author_changelist')
+        self.fields['authors'].widget.attrs['chosen-fk-url-target'] = '_blank'
+```
+
+
 License
 -------
 The django code is licensed under the

chosen/__init__.py

@@ -1 +1 @@
-VERSION = (0, 1)
+VERSION = (0, 1, 2)__version__ = '.'.join(map(str, VERSION))

chosen/static/chosen/css/chosen.css

@@ -1,3 +1,15 @@
+/*!
+Chosen, a Select Box Enhancer for jQuery and Prototype
+by Patrick Filler for Harvest, http://getharvest.com
+
+Version 1.3.0
+Full source at https://github.com/harvesthq/chosen
+Copyright (c) 2011-2014 Harvest http://getharvest.com
+
+MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
+This file is generated by `grunt build`, do not edit it by hand.
+*/
+
 /* @group Base */
 .chosen-container {
   position: relative;
@@ -10,14 +22,16 @@
   -moz-user-select: none;
   user-select: none;
 }
+.chosen-container * {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
 .chosen-container .chosen-drop {
   position: absolute;
   top: 100%;
   left: -9999px;
   z-index: 1010;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
   width: 100%;
   border: 1px solid #aaa;
   border-top: 0;
@@ -38,7 +52,7 @@
   display: block;
   overflow: hidden;
   padding: 0 0 0 8px;
-  height: 23px;
+  height: 25px;
   border: 1px solid #aaa;
   border-radius: 5px;
   background-color: #fff;
@@ -105,21 +119,14 @@
   white-space: nowrap;
 }
 .chosen-container-single .chosen-search input[type="text"] {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
   margin: 1px 0;
   padding: 4px 20px 4px 5px;
   width: 100%;
   height: auto;
   outline: 0;
   border: 1px solid #aaa;
   background: white url('chosen-sprite.png') no-repeat 100% -20px;
-  background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
-  background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
-  background: url('chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
-  background: url('chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
-  background: url('chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
+  background: url('chosen-sprite.png') no-repeat 100% -20px;
   font-size: 1em;
   font-family: sans-serif;
   line-height: normal;
@@ -138,6 +145,7 @@
 /* @end */
 /* @group Results */
 .chosen-container .chosen-results {
+  color: #444;
   position: relative;
   overflow-x: hidden;
   overflow-y: auto;
@@ -152,6 +160,8 @@
   padding: 5px 6px;
   list-style: none;
   line-height: 15px;
+  word-wrap: break-word;
+  -webkit-touch-callout: none;
 }
 .chosen-container .chosen-results li.active-result {
   display: list-item;
@@ -172,6 +182,7 @@
   color: #fff;
 }
 .chosen-container .chosen-results li.no-results {
+  color: #777;
   display: list-item;
   background: #f4f4f4;
 }
@@ -193,11 +204,8 @@
 .chosen-container-multi .chosen-choices {
   position: relative;
   overflow: hidden;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
   margin: 0;
-  padding: 0;
+  padding: 0 5px;
   width: 100%;
   height: auto !important;
   height: 1%;
@@ -221,39 +229,42 @@
 }
 .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
   margin: 1px 0;
-  padding: 5px;
-  height: 15px;
+  padding: 0;
+  height: 25px;
   outline: 0;
   border: 0 !important;
   background: transparent !important;
   box-shadow: none;
-  color: #666;
+  color: #999;
   font-size: 100%;
   font-family: sans-serif;
   line-height: normal;
   border-radius: 0;
 }
-.chosen-container-multi .chosen-choices li.search-field .default {
-  color: #999;
-}
 .chosen-container-multi .chosen-choices li.search-choice {
   position: relative;
-  margin: 3px 0 3px 5px;
+  margin: 3px 5px 3px 0;
   padding: 3px 20px 3px 5px;
   border: 1px solid #aaa;
+  max-width: 100%;
   border-radius: 3px;
-  background-color: #e4e4e4;
+  background-color: #eeeeee;
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
   background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
   background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
   background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
   background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-size: 100% 19px;
+  background-repeat: repeat-x;
   background-clip: padding-box;
   box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
   color: #333;
   line-height: 13px;
   cursor: default;
 }
+.chosen-container-multi .chosen-choices li.search-choice span {
+  word-wrap: break-word;
+}
 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
   position: absolute;
   top: 4px;
@@ -325,7 +336,7 @@
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 }
 .chosen-container-active .chosen-choices li.search-field input[type="text"] {
-  color: #111 !important;
+  color: #222 !important;
 }
 
 /* @end */
@@ -398,11 +409,7 @@
 .chosen-rtl .chosen-search input[type="text"] {
   padding: 4px 5px 4px 20px;
   background: white url('chosen-sprite.png') no-repeat -30px -20px;
-  background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
-  background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
-  background: url('chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
-  background: url('chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
-  background: url('chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
+  background: url('chosen-sprite.png') no-repeat -30px -20px;
   direction: rtl;
 }
 .chosen-rtl.chosen-container-single .chosen-single div b {