/**
* cust_select_plugin.js
* Copyright (c) 2009 myPocket technologies (www.mypocket-technologies.com)
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
* View the GNU General Public License .
* @author Darren Mason (djmason9@gmail.com)
* @date 5/13/2009
* @projectDescription Replaces the standard HTML form selectbox with a custom looking selectbox. Allows for disable, multiselect, scrolling, and very customizable.
* @version 2.1.4
*
* @requires jquery.js (tested with 1.3.2)
*
* @param isscrolling: false, //scrolls long lists
* @param scrollminitems: 15, //items before scrolling
* @param scrollheight: 150, //height of scrolling window
* @param preopenselect: true, //opens prechecked select boxes
* @param hoverstyle: "hover", //css hover style name
* @param openspeed: "normal", //selectbox open speed "slow","normal","fast" or numbers 1000
* @param alldisabled: false, //disables all the selectbox
* @param selectwidth: "auto", //set width of selectbox
* @param wrappername: ".select_wrap" //class name of the wrapper tag
*/
(function (jQuery) {
jQuery.fn.custSelectBox = function (options) {
//css names
var classselectbox = "selectBox";
var selectbox = "." + classselectbox;
var selectboxoptions_wrap = ".selectboxoptions_wrap";
var hideitem = "hideitem";
var classselected = "selectedX";
var classselectboxopen = "selectboxopen";
var classselectboxfoot = "selectboxfoot";
var selectboxfoot = "." + classselectboxfoot;
var elmValue = ".elmValue";
var defaults = {
isscrolling: true, //scrolls long lists
scrollminitems: 15, //items before scrolling
scrollheight: 150, //height of scrolling window
preopenselect: true, //opens prechecked select boxes
hoverstyle: "hover", //css hover style name
openspeed: "normal", //selectbox open speed "slow","normal","fast" or numbers 1000
alldisabled: false, //disables the selectbox
selectwidth: "auto", //set width of selectbox
wrappername: ".select_wrap"
};
//override defaults
var opts = jQuery.extend(defaults, options);
return this.each(function () {
/** FUNCTIONS **/
jQuery.fn.disable = function (thisElm) {
//loop through items
for (var i = 0; i < jQuery(thisElm).find("ul").find("li").length; i++) {
if (jQuery(jQuery(thisElm).find("ul").find("li").get(i)).hasClass(classselected)) {
jQuery(jQuery(thisElm).find("ul").find("li").get(i)).addClass("selected_disable");
}
jQuery(jQuery(thisElm).find("ul").find("li").get(i)).unbind();
jQuery(jQuery(thisElm).find("ul").get(i)).find("input").attr("disabled", "disabled");
}
};
//adds form elements to the selectbox
jQuery.fn.addformelms = function (thisElm) {
var currElm = jQuery(thisElm);
var boxtype = jQuery(thisElm).find(selectboxoptions_wrap + " ul").attr("class");
for (var i = 0; i < jQuery(currElm).find(selectboxoptions_wrap + " li").length; i++) {
var currInnerElm = jQuery(currElm).find(selectboxoptions_wrap + " li").get(i);
jQuery(currInnerElm).append("");
if (jQuery(currInnerElm).hasClass(classselected)) {
var checkVal = jQuery(currInnerElm).find("span").text();
jQuery(jQuery(currElm).find(selectboxoptions_wrap + " li").get(i)).find("input").val(checkVal);
}
}
};
//opens selectboxs if they have pre selected options
jQuery.fn.openSelectBoxsThatArePrePopulated = function (currElm) {
var boxtype = jQuery(currElm).find(selectboxoptions_wrap + " ul").attr("class");
if (jQuery(selectbox).parent().find("." + boxtype).find("li").hasClass(classselected)) {
jQuery(selectbox).addClass(classselectboxopen);
//jQuery(selectbox).parent().find(selectboxoptions_wrap).slideDown("normal");
//jQuery(selectbox).parent().find("." + boxtype).find("li").addClass(hideitem);
}
if ($(".targetLangsId").val().length > 0) {
$(".selectBox :selected, .selectboxopen :selected").text($(".targetLangsId").val().toUpperCase());
}
};
jQuery.fn.openSelectBoxsClose = function () {
var boxtype = $(".sample_select_holder_selector").parent().find(selectboxoptions_wrap + " ul").attr("class");
$(".sample_select_holder_selector").removeClass(classselectboxopen).addClass(classselectbox);
$(".sample_select_holder_selector").parent().find(selectboxoptions_wrap).slideUp("normal");
if (opts.isscrolling) { jQuery.fn.scrolling($(".sample_select_holder_selector"), false); }
};
jQuery.fn.scrolling = function (theElm, isOpen) {
if (isOpen) {
if (jQuery(theElm).parent().find(selectboxoptions_wrap + " ul li").length >= opts.scrollminitems) {
jQuery(theElm).parent().find(selectboxoptions_wrap + " ul").css("height", opts.scrollheight).addClass("setScroll");
}
}
else {
jQuery(theElm).parent().find(selectboxoptions_wrap + " ul").css("height", "auto").removeClass("setScroll");
}
};
/** FUNCTIONS **/
//BUILD HTML TO CREATE CUSTOM SELECT BOX
var main_currElm = jQuery(this);
var wrapperElm = jQuery(main_currElm).parent();
var name = "";
var select_options = jQuery(main_currElm).find("option");
var opts_str = "";
var isDisabled = jQuery(main_currElm).attr("disabled");
var isMulti = jQuery(main_currElm).attr("multiple");
var boxtype = "selectboxoptions_radio";
var disabled = "";
var hasSomeSelected = false;
if (isMulti) { boxtype = "selectboxoptions_check"; }
if (isDisabled) { disabled = "disabled"; }
//loop through options
for (var i = 0; i < select_options.length; i++) {
var checked = "";
var currOption = jQuery(select_options).get(i);
if (i === 0) {
name = jQuery(currOption).text();
}
else {
if (jQuery(currOption).attr("selected")) { checked = classselected; hasSomeSelected = true; }
opts_str = opts_str + '