beachbeamer
asked on
JavaScript Chosen Plugin Drop Down Appears Too Thin and Unable to Select
JavaScript Chosen (https://harvesthq.github.io/chosen/) issue where drop down appears too thin and unable to select. Below is the HTML page code, where the multiple select is part of a pop up window:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html">
<title>ABS - Vehicles - Edit</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="javascript/abs.js"></script>
<script id="drop_down_script" src="http://abs-websrv-1/webstarts_library/menus/menu-v2.7/menu_dynamic_length/js/dropdown.js"></script>
<script id="ws_common" type="text/javascript" src="http://abs-websrv-1/webstarts_library/users/ws-common.js"></script>
<script type="text/javascript" for="jqlibrary" src="http://abs-websrv-1/webstarts_library/jquery/jquery.noconflict.js"></script>
<script src="http://abs-websrv-1/webstarts_library/jquery/background-resize/jquery.ez-bg-resize.noconflict.js" requires="jquery" for="bg-resize" type="text/javascript"></script>
<script requires="jquery" for="bg-resize" type="text/javascript">
$j(document).ready(function()
{
$j("body").ezBgResize(
{
img : "../uploads/RED_background.jpg"
});
console.log("window: " + $(window).width() + "x" + $(window).height() + ", doc " + $(document).width() + "x" + $(document).height());
});
</script>
<link id="custom_menu_css" href="css/rollOverEffect.css?t=1375827377" type="text/css" rel="stylesheet" />
<link id="drop_down_css" href="http://abs-websrv-1/webstarts_library/menus/menu-v2.7/menu_dynamic_length/css/h_tab2.css" type="text/css" rel="stylesheet" />
<link href="css/abs.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/prism.css">
<link rel="stylesheet" href="css/chosen.css">
<style type="text/css">
<!--
.style1 {color: #000000}
.style4 {font-size: 12px}
.style6 {font-size: 12px; font-weight: bold;}
.style7 {color: #FF0000}
-->
table#newvehiclestableid
{
border:1px solid black;
}
table
{
border-collapse: collapse;
border: 3px solid black;
}
table td
{
border: 1px solid black;
}
table tr:first-child th
{
border-top: 0;
}
table tr:last-child td
{
border-bottom: 0;
}
table tr td:first-child, table tr th:first-child
{
border-left: 0;
}
table tr td:last-child, table tr th:last-child
{
border-right: 0;
}
</style>
</head>
<body>
<div id="div1">
<!-- Nav start -->
<div id="topmenu" objtype="6">
<div class="suckertreemenu">
<ul id="treemenu1" isvertical="0">
<li><a href="index.html">Home</a></li>
<li><a target="_blank" href="http://abs.autoremarketers.com/web/commerce/default.aspx">Frontline Central</a></li>
<!--<li><a href="new_booksheet.html">Frontline Central</a><span class="overload-horizontal"> </span>
<ul>
<li><a target="_blank" href="http://abs.autoremarketers.com/web/commerce/default.aspx">Live Auction Site</a></li>
</ul>
</li>-->
<li><a href="#">Bid Sale</a><span class="overload-horizontal"> </span>
<ul id="saleMenuId">
</ul>
</li>
<li id="saleMenu"></li>
<li><a href="contact.html">Contact</a></li>
<!-- <li><a href="new_admin.html">Admin</a></li> -->
<li><a onclick="abs_logout('/index.html');">Logout</a></li>
</ul>
</div>
</div>
<div id="boxTool_bg1"> <img id="image_banner" src="../uploads/New-Website-Header-4.jpg" objtype="0" border="0" />
<div style="padding:20px; width:90%;">
<div align="center"><font color="#000000">
<h2>All vehicles must be entered by 5pm the day before the first day of the sale!</h2>
</font>
<input type="submit" onclick="$('#adddiv').toggle();" value="Add a new Vehicle"></div>
<form action="new_doneaddingcars.html" method="get" name="form2" id="form2" style="margin:0px">
<blockquote>
<div align="center">
<input type="submit" value="I am done entering cars! I have NO more cars to add for this week's sale." onclick="newvehiclesdone()">
</div>
</blockquote>
</form>
<form id="submitresultsform">
<table id="newvehiclestableid" rules="cols" cellpadding="3" style="padding:0px;width:100%;">
<tr><th>#</th><th>Stock</th><th>Year</th><th>Make</th><th>Model</th><th>Miles</th><th>VIN</th><th>Book</th><th>Cost</th><th>Resv</th><th>License</th><th>Trans</th><th>Wash</th><th>Man Ann</th><th>Optional Ann</th><th></th><th></th></tr>
</table>
</form>
<img id="loadingimg" src="Images/loading.gif" style="width:50px;">
</div>
<div id="adddiv" style="position:absolute;top:50px;left:50px;display:none;padding:10px;margin:10px;border:outset #eeeeee 4px;background-color:#eeeeee;z-index:1000;">
<h3>Add a new Vehicle
<input type="submit" value="Cancel" onclick="$('#adddiv').hide();">
</h3>
<form id="addform">
<input id="addformsiid" type="hidden" name="saleinstanceid" value="">
<input type="hidden" name="addannoucements" id="addannouncements" value="0">
<table>
<tr>
<td>
<br>Vehicle #
<br><input id="addbidsheetnumberid" name="bidsheetnumber" type="text" value="">
<!--<br><input id="addbidsheetnumberid" name="vehicleid" type="text" value=""> -->
<br>Stock #
<br><input name="stocknumber" type="text" value="">
<br>VIN
<br><input name="vin" type="text" size="30" maxlength="17" value="">
<br>Year
<br><input name="year" type="text" value="">
<br>Make
<br><select name="manufacturerid" id = manufacturerid>
<option value="9">Acura</option>
<option value="36">Alfa</option>
<option value="84">Alfa Romeo</option>
<option value="41">AMC</option>
<option value="69">Aprilia</option>
<option value="85">Aston Martin</option>
<option value="20">Audi</option>
<option value="43">Bayliner</option>
<option value="86">Bentley</option>
<option value="87">Bertone</option>
<option value="7">BMW</option>
<option value="17">Buick</option>
<option value="13">Cadillac</option>
<option value="68">Challenger</option>
<option value="2">Chevrolet</option>
<option value="4">Chrysler</option>
<option value="62">Colt</option>
<option value="45">Daewoo</option>
<option value="46">Daihatsu</option>
<option value="44">Datsun</option>
<option value="3">Dodge</option>
<option value="134">Ducati</option>
<option value="47">Eagle</option>
<option value="79">Ferrari</option>
<option value="48">Fiat</option>
<option value="61">Fiero</option>
<option value="49">Fleetwood</option>
<option value="39">Ford</option>
<option value="50">Geo</option>
<option value="71">Glaston</option>
<option value="22">GMC</option>
<option value="67">Grumman</option>
<option value="42">Harley-Davidson</option>
<option value="64">Holiday</option>
<option value="8">Honda</option>
<option value="40">Hummer</option>
<option value="24">Hyundai</option>
<option value="26">Infiniti</option>
<option value="82">International</option>
<option value="27">Isuzu</option>
<option value="16">Jaguar</option>
<option value="73">Jamboree</option>
<option value="60">Jayco</option>
<option value="6">Jeep</option>
<option value="51">Kawasaki</option>
<option value="25">Kia</option>
<option value="59">Laforza</option>
<option value="102">Lamborghini</option>
<option value="29">Land Rover</option>
<option value="11">Lexus</option>
<option value="38">Lincoln</option>
<option value="105">Lotus</option>
<option value="81">Maserati</option>
<option value="106">Maybach</option>
<option value="28">Mazda</option>
<option value="108">Mercedes-Benz</option>
<option value="52">Mercury</option>
<option value="57">Merkur</option>
<option value="74">MG</option>
<option value="31">Mini</option>
<option value="23">Mitsubishi</option>
<option value="18">Nissan</option>
<option value="112">Nissan Truck</option>
<option value="30">Oldsmobile</option>
<option value="1">Other</option>
<option value="114">Panoz</option>
<option value="19">Peugot</option>
<option value="116">Pininfarina</option>
<option value="37">Plymouth</option>
<option value="12">Pontiac</option>
<option value="53">Porsche</option>
<option value="72">Prowler</option>
<option value="133">Ram</option>
<option value="63">Range Rover</option>
<option value="70">Reinell</option>
<option value="54">Renault</option>
<option value="65">Rolls Royce</option>
<option value="32">Saab</option>
<option value="21">Saturn</option>
<option value="33">Scion</option>
<option value="129">Smart</option>
<option value="75">Southwind</option>
<option value="80">Sterling</option>
<option value="34">Subaru</option>
<option value="35">Suzuki</option>
<option value="10">Toyota</option>
<option value="0">Unknown</option>
<option value="15">Volkswagen</option>
<option value="14">Volvo</option>
<option value="66">Wildwood</option>
<option value="55">Winnebago</option>
<option value="56">Yamaha</option>
<option value="77">Yugo</option>
</select>
<br>Model (e.g. Taurus)
<br><input name="desc" type="text" size="30" value="">
<br>Mileage
<br><input name="mileage" type="text" value="">
<br>License Plate
<br><input name="licenseplate" type="text" value="">
<br>Sales Manager
<br><input name="salesmanager" type="text" size="30" value="">
<br>Dealer Notes
<br><input name="comment" type="text" size="30" value="">
<br>Book Price
<br><input name="book" type="text" value="">
<br>Cost Price
<br><input name="cost" type="text" value="">
<br>Reserve Price
<br><input name="ma" type="text" value="">
<!-- <br><input name="reqtrans" id = "reqtrans" type="checkbox"> Transportation Required?
<br><input name="reqwash" id = "reqwash" type="checkbox"> Wash Required? -->
</td>
<td style="padding-left:10px;">
<br>Mandatory Announcements:<br>
<select name="announcement" multiple="multiple" id = announcement class="chosen-select" multiple style="width:350px;"> -->
<option value="1">Actual Miles</option>
<option value="31">As Is Incl Frame</option>
<option value="15">Deploy</option>
<option value="6">Dup Title AP</option>
<option value="28">Engine Change</option>
<option value="3">Exc Mech Lim</option>
<option value="4">Exempt</option>
<option value="21">Fire Damage</option>
<option value="20">Flood Damage</option>
<option value="14">Frame Damage</option>
<option value="19">Frontline Guarantee</option>
<option value="25">Fuel Conv</option>
<option value="26">Gray Market</option>
<option value="5">Inop. Odometer</option>
<option value="13">Lemon Law Buy Back</option>
<option value="7">Lien Sale Docs</option>
<option value="2">Not Actual Miles</option>
<option value="24">ODO Replaced</option>
<option value="30">Powertrain Guarantee</option>
<option value="12">Prior Police</option>
<option value="10">Prior Rental</option>
<option value="11">Prior Taxi</option>
<option value="32">Repo</option>
<option value="9">Salvage Title</option>
<option value="29">See Notes</option>
<option value="27">Theft Rec</option>
<option value="22">VIN Missing</option>
<option value="23">VIN replaced</option>
</select>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script src="javascript/chosen.jquery.js" type="text/javascript"></script>
<script src="javascript/prism.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var config = {
'.chosen-select' : {},
'.chosen-select-deselect' : {allow_single_deselect:true},
'.chosen-select-no-single' : {disable_search_threshold:10},
'.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
'.chosen-select-width' : {width:"95%"}
}
for (var selector in config) {
$(selector).chosen(config[selector]);
}
</script>
</td>
</tr>
</table>
</form>
<input type="submit" onclick="add();" value="Add new Vehicle">
<input type="submit" onclick="$('#adddiv').hide();" value="Cancel">
<br>
</div>
<div id="editdiv" style="position:absolute;top:50px;left:50px;display:none;padding:10px;margin:10px;border:inset #eeeeee 3px;background-color:#eeeeee;z-index:1000;">
<h3>Edit Vehicle</h3>
<input type="submit" onclick="$('#editdiv').hide();" value="Cancel">
<form id="editform">
<input id="editformsvehicleidid" type="hidden" name="vehicleid" value="">
<input type="hidden" name="updateannouncements" id="updateannouncements" value="true">
<input type="hidden" name="editannoucements" id="editannouncements" value="0">
<table>
<tr>
<td>
Vehicle #
<br><input id="editbidsheetnumberid" name="bidsheetnumber" type="text" value="">
<br>Stock #
<br><input id="editstocknumberid" name="stocknumber" type="text" value="">
<br>VIN
<br><input id="editvinid" name="vin" size="30" type="text" value="">
<br>Year
<br><input id="edityearid" name="year" type="text" value="">
<br>Make
<br><select name="editmanufacturerid" id="editmanufacturerid">
<option value="9">Acura</option>
<option value="36">Alfa</option>
<option value="84">Alfa Romeo</option>
<option value="41">AMC</option>
<option value="69">Aprilia</option>
<option value="85">Aston Martin</option>
<option value="20">Audi</option>
<option value="43">Bayliner</option>
<option value="86">Bentley</option>
<option value="87">Bertone</option>
<option value="7">BMW</option>
<option value="17">Buick</option>
<option value="13">Cadillac</option>
<option value="68">Challenger</option>
<option value="2">Chevrolet</option>
<option value="4">Chrysler</option>
<option value="62">Colt</option>
<option value="45">Daewoo</option>
<option value="46">Daihatsu</option>
<option value="44">Datsun</option>
<option value="3">Dodge</option>
<option value="134">Ducati</option>
<option value="47">Eagle</option>
<option value="79">Ferrari</option>
<option value="48">Fiat</option>
<option value="61">Fiero</option>
<option value="49">Fleetwood</option>
<option value="39">Ford</option>
<option value="50">Geo</option>
<option value="71">Glaston</option>
<option value="22">GMC</option>
<option value="67">Grumman</option>
<option value="42">Harley-Davidson</option>
<option value="64">Holiday</option>
<option value="8">Honda</option>
<option value="40">Hummer</option>
<option value="24">Hyundai</option>
<option value="26">Infiniti</option>
<option value="82">International</option>
<option value="27">Isuzu</option>
<option value="16">Jaguar</option>
<option value="73">Jamboree</option>
<option value="60">Jayco</option>
<option value="6">Jeep</option>
<option value="51">Kawasaki</option>
<option value="25">Kia</option>
<option value="59">Laforza</option>
<option value="102">Lamborghini</option>
<option value="29">Land Rover</option>
<option value="11">Lexus</option>
<option value="38">Lincoln</option>
<option value="105">Lotus</option>
<option value="81">Maserati</option>
<option value="106">Maybach</option>
<option value="28">Mazda</option>
<option value="108">Mercedes-Benz</option>
<option value="52">Mercury</option>
<option value="57">Merkur</option>
<option value="74">MG</option>
<option value="31">Mini</option>
<option value="23">Mitsubishi</option>
<option value="18">Nissan</option>
<option value="112">Nissan Truck</option>
<option value="30">Oldsmobile</option>
<option value="1">Other</option>
<option value="114">Panoz</option>
<option value="19">Peugot</option>
<option value="116">Pininfarina</option>
<option value="37">Plymouth</option>
<option value="12">Pontiac</option>
<option value="53">Porsche</option>
<option value="72">Prowler</option>
<option value="133">Ram</option>
<option value="63">Range Rover</option>
<option value="70">Reinell</option>
<option value="54">Renault</option>
<option value="65">Rolls Royce</option>
<option value="32">Saab</option>
<option value="21">Saturn</option>
<option value="33">Scion</option>
<option value="129">Smart</option>
<option value="75">Southwind</option>
<option value="80">Sterling</option>
<option value="34">Subaru</option>
<option value="35">Suzuki</option>
<option value="10">Toyota</option>
<option value="0">Unknown</option>
<option value="15">Volkswagen</option>
<option value="14">Volvo</option>
<option value="66">Wildwood</option>
<option value="55">Winnebago</option>
<option value="56">Yamaha</option>
<option value="77">Yugo</option>
</select>
<br>Model (e.g. Taurus)
<br><input id="editdescid" name="desc" type="text" size="30" value="">
<br>Mileage
<br><input id="editmileageid" name="mileage" type="text" value="">
<br>License Plate
<br><input id="editlicenseplateid" name="licenseplate" type="text" value="">
<br>Sales Manager
<br><input id="editsalesmanagerid" name="salesmanager" type="text" size="30" value="">
<br>Dealer Notes
<br><input id="editcommentid" name="comment" type="text" size="30" value="">
<br>Book Price
<br><input id="editbookid" name="book" type="text" value="">
<br>Cost Price
<br><input id="editcostid" name="cost" type="text" value="">
<br>Reserve Price
<br><input id="editmaid" name="ma" type="text" value="">
<!-- <br><input id="editreqtransid" name="reqtrans" type="checkbox"> Transportation Required?
<br><input id="editreqwashid" name="reqwash" type="checkbox"> Wash Required? -->
</td>
<td style="padding-left:40px;">
<br>Mandatory Announcements:<br>
<select name="editannouncement" size ="25" multiple id = editannouncement>
<option value="1">Actual Miles</option>
<option value="31">As Is Incl Frame</option>
<option value="15">Deploy</option>
<option value="6">Dup Title AP</option>
<option value="28">Engine Change</option>
<option value="3">Exc Mech Lim</option>
<option value="4">Exempt</option>
<option value="21">Fire Damage</option>
<option value="20">Flood Damage</option>
<option value="14">Frame Damage</option>
<option value="19">Frontline Guarantee</option>
<option value="25">Fuel Conv</option>
<option value="26">Gray Market</option>
<option value="5">Inop. Odometer</option>
<option value="13">Lemon Law Buy Back</option>
<option value="7">Lien Sale Docs</option>
<option value="2">Not Actual Miles</option>
<option value="24">ODO Replaced</option>
<option value="30">Powertrain Guarantee</option>
<option value="12">Prior Police</option>
<option value="10">Prior Rental</option>
<option value="11">Prior Taxi</option>
<option value="32">Repo</option>
<option value="9">Salvage Title</option>
<option value="29">See Notes</option>
<option value="27">Theft Rec</option>
<option value="22">VIN Missing</option>
<option value="23">VIN replaced</option>
</select>
</td>
</tr>
</table>
</form>
<br>
<input type="submit" onclick="newvehicleupdate();" value="Update Vehicle">
<input type="submit" onclick="$('#editdiv').hide();" value="Cancel">
</div>
<center>
<form action="new_doneaddingcars.html" method="get" name="form2" id="form2" style="margin:0px">
<blockquote>
<div align="center">
<input type="submit" value="I am done entering cars! I have NO more cars to add for this week's sale." onclick="newvehiclesdone()">
</div>
</blockquote>
</form>
</center>
<br>
<center>
<input name="Submit" type="button" id="Currentinventoryreport" value="Current Inventory Report">
</center>
<script>
function add(siid)
{
var ann = '';
$('#announcement :selected').each(function(i, sel){
ann = ann + ',' + $(sel).val();
});
ann=ann.substring(1)
$('#addannouncements').val(ann);
abs_newvehicleadd(siid,'addform',
function(data)
{
vs.newvehicles.push(data.newvehicle); // update memory model
var h = makeRow(data.newvehicle); // add the row to the table
$('#newvehiclestableid > tbody:last').append(h);
// $('#adddiv').clear();
$('#adddiv').hide();
}
);
}
function makeRow(v)
{
if(v.othernotes ==undefined)
v.othernotes="";
if(v.reqtrans==1)
{
v.reqtrans="yes";
}
else
{
v.reqtrans="";
}
if(v.reqwash==1)
{
v.reqwash="yes";
}
else
{
v.reqwash="";
}
if(v.comment==undefined)
{
v.comment="See Notes";
}
var h = '';
h += '<tr id="vrow-' + v.vehicleid + '">';
h += '<td align="center"><span id="v-' + v.vehicleid + '-bidsheetnumber">' + v.bidsheetnumber + '</span></td>';
h += '<td align="center"><span id="v-' + v.vehicleid + '-stocknumber">' + v.stocknumber + '</span></td>';
h += '<td align="center"><span id="v-' + v.vehicleid + '-year">' + v.year + '</span></td>';
h += '<td align="center"><span id="v-' + v.vehicleid + '-condition">' + v.Make + '</span></td>';
h += '<td align="center"><span id="v-' + v.vehicleid + '-vehicledescription">' + v.vehicledescription + '</span></td>';
h += '<td align="center"><span id="v-' + v.vehicleid + '-mileage">' + v.mileage + '</span></td>';
h += '<td align="center"><span id="v-' + v.vehicleid + '-vin">' + v.vin + '</span></td>';
h += '<td align="center"><span id="v-' + v.vehicleid + '-bookdisplay">' + v.bookdisplay + '</span></td>';
h += '<td align="center"><span id="v-' + v.vehicleid + '-costdisplay">' + v.costdisplay + '</span></td>';
h += '<td align="center"><span id="v-' + v.vehicleid + '-madisplay">' + v.madisplay + '</span></td>';
h += '<td align="center"><span id="v-' + v.vehicleid + '-licenseplate">' + v.licenseplate + '</span></td>';
h += '<td align="center"><span id="v-' + v.vehicleid + '-reqtrans">' + v.reqtrans + '</span></td>';
h += '<td align="center"><span id="v-' + v.vehicleid + '-reqwash">' + v.reqwash + '</span></td>';
var announcement_list=v.announcements;
var a_string="";
var a_ids="";
if(typeof announcement_list!="undefined"&&announcement_list!=null&&announcement_list.length>0){
for(var jj=0;jj<announcement_list.length;jj++){
var announce_item=announcement_list[jj];
if(jj==0){
a_string=announce_item.abbrev;
a_ids=announce_item.announcementid;
}
else{
a_string=a_string+","+announce_item.abbrev;
a_ids=a_ids+","+announce_item.announcementid;
}
}
}
h += '<td align="center"><span id="v-' + v.vehicleid + '-announcementid">' + a_string+ '</span><input type="hidden" name="v-' + v.vehicleid + '-announcement_id" id="v-' + v.vehicleid + '-announcement_id" value="'+a_ids+'"/></td>';
h+='<td align="center"><span id="v-' + v.vehicleid + '-othernotes">' + v.othernotes + '</span></td>';
h += '<td align="center">';
h += '<a href="#" onclick="editVehicle(' + v.stagingid + ');">edit</a>';
h += '</td>';
h += '<td align="center">';
console.log("hhhaa" + v.vehicleid);
h += '<a href="#" onclick="newvehicledelete(' + v.saleinstanceid + ');">delete</a>';
h += '</td>';
h += '</tr>';
return h;
}
var siid = getparam('siid');
$('#addformsiid').val('' + siid);
var vs;
$('#loadingimg').show();
abs_newvehicles(siid,
function(data)
{
vs = data;
var h = '';
var maxbidsheetnum = 1;
for(var i = 0; i < data.newvehicles.length; i++)
{
var v = data.newvehicles[i];
h += makeRow(v);
if(v.bidsheetnumber > maxbidsheetnum)
maxbidsheetnum = v.bidsheetnumber;
}
maxbidsheetnum += 1;
$('#newvehiclestableid > tbody:last').append(h);
$('#addbidsheetnumberid').val('' + maxbidsheetnum);
},
function()
{
$('#loadingimg').hide();
}
);
function findVehicle(vid)
{
for(var i = 0; i < vs.newvehicles.length; i++)
{
var v = vs.newvehicles[i];
if(v.stagingid == vid) return v;
}
}
function replaceVehicle(newv)
{
for(var i = 0; i < vs.newvehicles.length; i++)
{
var v = vs.newvehicles[i];
if(v.vehicleid == newv.vehicleid) vs.newvehicles[i] = newv;
}
}
$("#Currentinventoryreport").click(function()
{
//alert("Handler for.click() called.");
var Inventoryreport;
var Dealerid = "";
var Userid=encodedCookieValue('userid');
Userid=encodeURIComponent(Userid);
//alert(Userid);
Inventoryreport = window.open('reportloader.html?pParam1Name=@pSaleInstanceID&pParam1Value='+siid+'&pParam2Name=@pDealerID&pParam2Value='+Userid+'&pReportPath=SaleDealerInventory.rpt&pReportName=Sale+Inventory+Report&pReportOrientation=1','','resizable=yes,width=760,height=540');
});
function editVehicle(vehicleid)
{
$('#adddiv').hide();
console.log('vehicleid:' + vehicleid);
var v = findVehicle(vehicleid);
$('#editformsvehicleidid').val('' + vehicleid);
$('#editbidsheetnumberid').val(v.bidsheetnumber);
$('#editstocknumberid').val(v.stocknumber);
$('#editvinid').val(v.vin);
$('#edityearid').val(v.year);
$('#editmanufacturerid').val(v.Manufacturer);
$('#editdescid').val(v.vehicledescription);
$('#editmileageid').val(v.mileage);
$('#editlicenseplateid').val(v.licenseplate);
$('#editsalesmanagerid').val(v.salesmanager);
$('#editcommentid').val(v.comment);
$('#editbookid').val(v.book);
$('#editcostid').val(v.cost);
$('#editmaid').val(v.ma);
$('#editlicenseplate').val(v.licenseplate);
$('#editreqtransid').val(v.reqtrans);
$('#editreqwashid').val(v.reqwashid);
var a_list=$("#v-"+v.vehicleid+"-announcement_id").val();
if(a_list.length>0){
a_list=a_list.split(",");
$('#editannouncement').val(a_list);
}
//$('#editannouncementid').val(v.announcements);
if(v.reqtrans && v.reqtrans == 1)
{
$('#editreqtransid').prop('checked', true);
}
else
{
$('#editreqtransid').prop('checked', false);
}
if(v.reqwash && v.reqwash == 1)
{
$('#editreqwashid').prop('checked', true);
}
else
{
$('#editreqwashid').prop('checked', false);
}
if(v.reqdetail && v.reqdetail == 1)
{
$('#editreqdetailid').prop('checked', true);
}
else
{
$('#editreqdetailid').prop('checked', false);
}
// announcements
// turn them all off
for(var i = 1; i < 40; i++)
{
var annchkbox = $('#editann' + i + 'id');
if(annchkbox) annchkbox.prop('checked', false);
}
// turn on announcements set
if(v.announcements && v.announcements.length > 0)
{
//for(var i = 0; i < v.announcements.length; i++) {
// h+= v.announcements[i];
}
// v.announcements=abbrev;
$('#editann' +v.announcementid + 'id').prop('checked', true);
$('#editann').val();
$('#editdiv').show();
}
function newvehicleupdate()
{
var vehicleid=$("#editformsvehicleidid").val();
var a_status=false;
var a_list=$("#v-"+vehicleid+"-announcement_id").val();
if(typeof a_list=="undefined"||a_list.length==0)
a_list=[];
else
a_list=a_list.split(",");
var new_list=$("#editannouncement").val();
for(var i=0;i<a_list.length;i++){
a_list[i]=parseInt(a_list[i],10);
}
a_list.sort();
if(typeof a_list!="undefined"&&new_list!=null&&new_list.length>0){
for(i=0;i<new_list.length;i++){
new_list[i]=parseInt(new_list[i],10);
}
new_list.sort();
}
else{
new_list=[];
}
var a_str=a_list.toString();
var n_str=new_list.toString();
if(a_str!=n_str){
a_status=true;
}
$("#updateannouncements").val(a_status);
var ann = '';
$('#editannouncement :selected').each(function(i, sel){
ann = ann + ',' + $(sel).val();
});
ann=ann.substring(1)
$('#editannouncements').val(ann);
abs_newvehicleupdate(siid, 'editform',
function (data)
{
$('#editdiv').hide();
replaceVehicle(data.newvehicle);
// update in memory var
// update the table row
$('#v-' + data.newvehicle.vehicleid + '-bidsheetnumber').html(data.newvehicle.bidsheetnumber);
$('#v-' + data.newvehicle.vehicleid + '-stocknumber').html(data.newvehicle.stocknumber);
$('#v-' + data.newvehicle.vehicleid + '-year').html(data.newvehicle.year);
$('#v-' + data.newvehicle.vehicleid + '-manufacturer').html(data.newvehicle.manufacturer);
$('#v-' + data.newvehicle.vehicleid + '-vehicledescription').html(data.newvehicle.vehicledescription);
$('#v-' + data.newvehicle.vehicleid + '-mileage').html(data.newvehicle.mileage);
$('#v-' + data.newvehicle.vehicleid + '-vin').html(data.newvehicle.vin);
$('#v-' + data.newvehicle.vehicleid + '-bookdisplay').html(data.newvehicle.bookdisplay);
$('#v-' + data.newvehicle.vehicleid + '-costdisplay').html(data.newvehicle.costdisplay);
$('#v-' + data.newvehicle.vehicleid + '-madisplay').html(data.newvehicle.madisplay);
$('#v-' + data.newvehicle.vehicleid + '-licenseplate').html(data.newvehicle.licenseplate);
$('#v-' + data.newvehicle.vehicleid + '-reqtrans') .html(data.newvehicle.reqtrans);
$('#v-' + data.newvehicle.vehicleid + '-reqwash') .html(data.newvehicle.reqwash);
$('#v-' + data.newvehicle.vehicleid + '-othernotes') .html(data.newvehicle.othernotes);
$('#v-' + data.newvehicle.vehicleid + '-announcements') .html(data.newvehicle.announcements);
}
);
}
function newvehicledelete(siid, sessionId)
{
console.log("siid=" + siid);
if(!confirm('Are you sure you want to delete this vehicle?'))
{
return;
}
$('#vrow-' + sessionId).hide();
abs_newvehicledelete(siid, sessionId,
function(data)
{ // on success
$('#vrow-' + sessionId).remove();
},
function()
{
$('#vrow-' + sessionId).show();
},
function()
{
$('#vrow-' + sessionId).remove();
}
);
window.location.reload()
}
function newvehiclesdone()
{
if(!confirm('By clicking OK you will no longer to be able to add vehicles to this sale. You will need to call ABS to change anything. An email will be sent to you shortly.'))
{
return;
}
abs_inventorydone(siid,Userid,
function(data)
{
alert(data);
}
);
}
var consignvalue=getCookie('consign');
if(!consignvalue)
{
consignvalue=0;
}
if(consignvalue==1)
{
changeMenus(1);
changeMenu(1);
}
else
{
changeMenus(2);
changeMenu(2);
}
function changeMenus(typevalue)
{
var menuValue="";
if(typevalue==1)
{
menuValue='<li><a href="sell.html">Sell</a></li><li><a href="buy.html">Buy</a></li><li><a href="powersearch.html">Power Search</a></li> <li><a href="new_appraisals.html">Comps</a></li><li><a href="notifications.html">Notifications</a></li><li><a href="focus_vehicle_info_dealer.html">Vehicle Info</a></li><li><a href="current_inventory.html">Current Vehicles</a></li>';
}
else
{
menuValue='<li><a href="buy.html">Buy</a></li><li><a href="powersearch.html">Power Search</a></li><li><a href="new_appraisals.html">Comps</a></li><li><a href="notifications.html">Notifications</a></li>';
}
$("#saleMenuId").append(menuValue);
}
function changeMenu(typevalue)
{
var menuValues="";
if(typevalue==1)
{
menuValues='<li><a href="reports_con.html">Reports</li>';
}
else
{
menuValues='<li><a href="reports_non.html">Reports</li>';
}
$("#saleMenu").append(menuValues);
}
</script>
<div id="abs-footer"> <img id="image_ribbon" src="../uploads/New-Website-Ribbon-1.gif" objtype="0" border="0" />
<div id="abs-socials"> <a id="twitter" class="sociallink" target="_blank" href="https://twitter.com/absautoauctions"> <img id="image_twitter" src="../uploads/Twitter-Logo-Square1-tb.gif" objtype="0" border="0" /></a> <a id="linkedin" class="sociallink" target="_blank" href="http://www.linkedin.com/in/absautoauctions"> <img id="image_linkedin" src="../uploads/LinkedIn-Logo-Square1-tb.gif" objtype="0" border="0" /></a> <a id="youtube" class="sociallink" target="_blank" href="http://www.youtube.com/absautoauctions"> <img id="image_youtube" src="../uploads/YouTube-Logo-Square1-tb.gif" objtype="0" border="0" /></a> <a id="googleplus" class="sociallink" target="_blank" href="https://plus.google.com/u/0/114347118691227569329/posts"> <img id="image_googleplus" src="../uploads/Google_-Logo1-tb.gif" objtype="0" border="0" /></a> <a id="wordpress" class="sociallink" target="_blank" href="http://absautoauctions.wordpress.com/"> <img id="image_wordpress" src="../uploads/Wordpress-Logo-Square1-tb.gif" objtype="0" border="0" /></a> </div>
<br />
<div id="txtBox_footer" objtype="2">ABS Auto Auctions 341 Corporate Terrace   Corona, CA 92879 (800) 378-0227</div>
<div id="txtBox_designby" objtype="2">Design by <a target="_blank" href="http://www.theatomicgroup.com/">The Atomic Group</a></div>
</div>
<link rel="stylesheet" type="text/css" media="screen" href="../css/abs-interior.css" />
</div>
</body>
</html>ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
You are most welcome.
ASKER