----------------------------------------------------------------------------------------*/
$(document).ready(function(){
/*
PREREQUISITES:
each select element desired to be replaced should have a class of 'customselect'
and an id of 'customselectN' where N represents a unique numeric identifier
TODO:
have to set the hidden field id to the id of the select object id
*/
/* set to 'true' if you want the demo alerts to fire
----------------------------------------------------- */
var demo = false;
// unique id support
var uid = 1;
// collect the marked select elements
var selects = $(".customselect");
// call the constructor that replaces the select with a div structure
if(selects) {
for(var i=0; i < selects.length; i++) {
var thischildset = selects[i];
constructFauxSelect(thischildset);
}
}
function constructFauxSelect(objin) { //alert(objin.id);
if(demo) {
alert('Constructing the new drop down structure');
}
// var thisNum = objin.id.slice(12); // grab the id's numerical value - is based on the pattern: customselect# *******************
//var thisHeight = objin.length*liHeight; // height of the ul - ONLY REQUIRED IF WE RUN INTO A BROWSER COMPAT PROB
var objinID = "#"+objin.id; // grab the object's id to manipulate later
var newDiv = document.createElement("div"); // create the faux select's parent container
var newDivID = "faux"+objin.id; // create an id for the parent based on the orig object's id
newDiv.id = newDivID; // give the newly created div that id
var jqID = "#"+newDivID; // create a temp JQ version
if(demo) {
alert('Now going to remove the Form Select drop down and build the interior of the new drop down structure');
}
$(objinID).after(newDiv).remove(); // we have the object here, so remove it from the DOM
// add the interior structure
$(jqID).addClass('fauxselect').html('
');
}
}
if(demo) {
alert('Now appending the hidden input field. This is given the same name/id as the select field just removed');
}
// append the hidden input field
$(jqID).append(''); //alert(objin.id);
uid++; //alert(uid);
}
// the select arrow functionality
$(".fscon").click(function () {
var allLists = $('.selectlist');
var thisID = this.id; //alert(thisID);
var thisNum = thisID.slice(5); //alert(thisNum);
for(var i=0; i