FSN#36009 Multiselect ingeklapt beginnen

svn path=/Website/trunk/; revision=28846

APPL/Localscripts/FcltJquery.js

@@ -294,14 +294,15 @@ jQuery.fn.filterByText = function(textbox, selectSingleMatch) {
 (function($){
 
   $( document ).on('click', '.multi_select_toggle', function(e){
-      var sel_id = $(e.target).attr("fcltfor");
+      e.stopPropagation();
+      var sel_id = $(this).attr("fcltfor");
       var selector = $('select#' + sel_id);
       if (selector.length && selector[0].className.match(/^ui-/))
         return; // Afblijven van jQuery calendar jaar listboxje
       var old = selector.attr('multiple');
       selector.attr('multiple', !old);
       selector.attr('size', old?1:Math.min(selector.find("option").length, 8));
-      $(e.target).html(old?' »':' «');
+      $(e.target).html(old?'»':'«');
       FcltMgr.resized();
   })
 
@@ -309,17 +310,15 @@ jQuery.fn.filterByText = function(textbox, selectSingleMatch) {
     multiSelectToggle : function(options){
                             //Settings list and the default values
                             var defaults = {
-                                label: ' »'
+                                label: '»'
                             };
 
                             var options = $.extend(defaults, options);
                             return this.each(function() {
-                                    var span = $('<span class="labelextra" fcltfor="' + this.id + '" />').html(options.label).addClass('multi_select_toggle');
-                                    var lbl = $("label[for=" + this.id + "]")
-                                    if (lbl.length)
-                                        $(lbl).after(span);
-                                    else
-                                        $(this).after(span);
+                                    var lbl = $("<span fcltfor='" + this.id + "' class='multi_select_toggle'>").html(options.label);
+                                    var div = $('<div />').addClass('multitoggle'); // deze div schuiven we 20px naar links
+                                    $(this).wrap(div);
+                                    $(this).before(lbl);
                                 });
                           }
   });

APPL/Shared/default.csx

@@ -287,9 +287,13 @@ h3 {
     font-weight:bold;
     text-align:left;
 }
-.multi_select_toggle {
+div.multitoggle {
     cursor: pointer;
-    vertical-align: top;
+    margin-left: -10px;
+}
+span.multi_select_toggle {
+    width:10px;
+    display:inline-block;
 }
 a[href^="mailto:"] {
     text-decoration: none;
@@ -3940,6 +3944,7 @@ td.kpidetails {
 .kpioms {
   min-width: 300px;
 }
+
 /* toaster stuff */
 .jq-icon-info    {  background-color: #31708f; color: #d9edf7; border-color: #bce8f1; }
 .jq-icon-warning {  background-color: #8a6d3b; color: #fcf8e3; border-color: #faebcc; }