Created
September 9, 2010 15:32
-
-
Save matschaffer/572017 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
From 608c05870aad7a1fedf265b9ef34e600c9005851 Mon Sep 17 00:00:00 2001 | |
From: Trotter and Mat <dev@hoopla.net> | |
Date: Thu, 9 Sep 2010 11:26:44 -0400 | |
Subject: [PATCH] Properly re-sort two sided multi selector. | |
--- | |
.../jquery.twosidedmultiselect-3.0.0-modified.js | 4 ++-- | |
1 files changed, 2 insertions(+), 2 deletions(-) | |
diff --git a/src/resources/Scoreboard/js/lib/jquery.twosidedmultiselect-3.0.0-modified.js b/src/resources/Scoreboard/js/lib/jquery.twosidedmultiselect-3.0.0-modified.js | |
index 27a06c8..3ff9f9b 100644 | |
--- a/src/resources/Scoreboard/js/lib/jquery.twosidedmultiselect-3.0.0-modified.js | |
+++ b/src/resources/Scoreboard/js/lib/jquery.twosidedmultiselect-3.0.0-modified.js | |
@@ -36,11 +36,11 @@ | |
for (var i = 0; i < selectIds.length; i++) { | |
$("#" + selectIds[i] + nameModifier + " option").twosidedmultiselectsort( function (a, b) { | |
- return $(a).attr("rel") > $(b).attr("rel") ? 1 : -1; | |
+ return parseInt($(a).attr("rel"), 10) > parseInt($(b).attr("rel"), 10) ? 1 : -1; | |
}); | |
$("#" + selectIds[i] + " option").twosidedmultiselectsort( function (a, b){ | |
- return $(a).attr("rel") > $(b).attr("rel") ? 1 : -1; | |
+ return parseInt($(a).attr("rel"), 10) > parseInt($(b).attr("rel"), 10) ? 1 : -1; | |
}); | |
} | |
} | |
-- | |
1.7.0 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
(function($) { | |
// This script was written by Steve Fenton | |
// http://www.stevefenton.co.uk/Content/Jquery-Two-Sided-Multi-Selector/ | |
// Feel free to use this jQuery Plugin | |
// Version: 3.0.0 | |
var selectIds = new Array(); | |
var nameModifier = "tsms"; | |
var orderTimer; | |
function AddDoubleClickEvents(targetName) { | |
// Event handlers | |
$("#" + targetName).live("dblclick", function() { | |
$(this).children(":selected").remove().appendTo("#" + targetName + nameModifier); | |
$("#" + targetName + nameModifier + " options").removeAttr("selected"); | |
OrderMyList(); | |
return false; | |
}); | |
$("#" + targetName + nameModifier).live("dblclick", function() { | |
$(this).children(":selected").remove().appendTo("#" + targetName); | |
$("#" + targetName + nameModifier + " options").removeAttr("selected"); | |
OrderMyList(); | |
return false; | |
}); | |
}; | |
function OrderMyList() { | |
window.clearTimeout(orderTimer); | |
orderTimer = window.setTimeout(OrderAllLists, 500); | |
} | |
function OrderAllLists() { | |
for (var i = 0; i < selectIds.length; i++) { | |
$("#" + selectIds[i] + nameModifier + " option").twosidedmultiselectsort( function (a, b) { | |
return parseInt($(a).attr("rel"), 10) > parseInt($(b).attr("rel"), 10) ? 1 : -1; | |
}); | |
$("#" + selectIds[i] + " option").twosidedmultiselectsort( function (a, b){ | |
return parseInt($(a).attr("rel"), 10) > parseInt($(b).attr("rel"), 10) ? 1 : -1; | |
}); | |
} | |
} | |
$.fn.twosidedmultiselect = function() { | |
return this.each(function() { | |
var originalName = ""; | |
var arrayName = ""; | |
var modifiedName = ""; | |
$("form").submit(function() { | |
for (var i = 0; i < selectIds.length; i++) { | |
$("#" + selectIds[i] + " option").attr("selected", "selected"); | |
} | |
}); | |
// Rename the old element and steal its name so the postback uses our element instead | |
originalName = $(this).attr("name"); | |
if (originalName.indexOf("[]") > -1) { | |
arrayName = "[]"; | |
originalName = originalName.replace("[]", ""); | |
} | |
var newId = originalName.replace(/:/g, '-'); | |
modifiedName = newId + nameModifier; | |
var size = $(this).attr("size"); | |
selectIds[selectIds.length] = newId; | |
var values = $(this).children("option"); | |
for (var i = 0; i < values.length; i++) { | |
$(values[i]).attr("rel", i); | |
} | |
$(this).attr("id", modifiedName).attr("name", modifiedName); | |
// Create our element to hold the selections and the buttons for moving elements | |
var htmlBlock = "<div class=\"" + nameModifier + "options\">" + | |
"<p class=\"AddOne\" rel=\"" + newId + "\" title=\"Add Selected\">›</p>" + | |
"<p class=\"AddAll\" rel=\"" + newId + "\" title=\"Add All\">»</p>" + | |
"<p class=\"RemoveOne\" rel=\"" + newId + "\" title=\"Remove Selected\">‹</p>" + | |
"<p class=\"RemoveAll\" rel=\"" + newId + "\" title=\"Remove All\">«</p>" + | |
"</div>" + | |
"<div class=\"" + nameModifier + "select\">" + | |
"<select name=\"" + originalName + arrayName + "\" id=\"" + newId + "\" size=\"" + size + "\"multiple=\"multiple\" size=\"8\" class=\"TakeOver\"></select>" + | |
"</div>"; | |
$(this).after(htmlBlock); | |
$(this).wrap("<div class=\"" + nameModifier + "select\" />"); | |
// Move existing selection to our elements | |
$("#" + modifiedName + " option:selected").remove().appendTo("#" + newId); | |
// Events | |
AddDoubleClickEvents(newId); | |
$("." + nameModifier + "options .AddOne").click(function() { | |
var targetName = $(this).attr("rel"); | |
$("#" + targetName + nameModifier + " option:selected").remove().appendTo("#" + targetName); | |
OrderMyList(); | |
return false; | |
}); | |
$("." + nameModifier + "options .AddAll").click(function() { | |
var targetName = $(this).attr("rel"); | |
$("#" + targetName + nameModifier + " option").remove().appendTo("#" + targetName); | |
OrderMyList(); | |
return false; | |
}); | |
$("." + nameModifier + "options .RemoveOne").click(function() { | |
var targetName = $(this).attr("rel"); | |
$("#" + targetName + " option:selected").remove().appendTo("#" + targetName + nameModifier); | |
OrderMyList(); | |
return false; | |
}); | |
$("." + nameModifier + "options .RemoveAll").click(function() { | |
var targetName = $(this).attr("rel"); | |
$("#" + targetName + " option").remove().appendTo("#" + targetName + nameModifier); | |
OrderMyList(); | |
return false; | |
}); | |
}); | |
}; | |
$.fn.twosidedmultiselectsort = (function(){ | |
var sort = [].sort; | |
return function(comparator, getSortable) { | |
getSortable = getSortable || function(){return this;}; | |
var placements = this.map(function(){ | |
var sortElement = getSortable.call(this), parentNode = sortElement.parentNode, nextSibling = parentNode.insertBefore( | |
document.createTextNode(''), | |
sortElement.nextSibling | |
); | |
return function() { | |
if (parentNode === this) { | |
// Fail! | |
} else { | |
// Insert before flag: | |
parentNode.insertBefore(this, nextSibling); | |
// Remove flag: | |
parentNode.removeChild(nextSibling); | |
} | |
}; | |
}); | |
return sort.call(this, comparator).each(function(i){ | |
placements[i].call(getSortable.call(this)); | |
}); | |
}; | |
})(); | |
})(jQuery); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment