私はクライアントの自動車販売サイトに取り組んでおり、在庫結果ページと詳細ページで実行するスクリプトを提供するサードパーティ ベンダーと契約しています。
在庫リストの結果ページと詳細ページは、DB ソースから車両データを動的に取得するデータ駆動型です。
私がやろうとしていること:
- ページが読み込まれたら、このサードパーティ コードを各在庫リストの DIV コンテナに動的に挿入し、続いて各詳細ページに挿入します。
これは、各車両リストに動的に挿入しようとしている 3 番目の PTY コード ブロックです。
<div class="lowPrice">
<a href="javascript:displayLoanInfo(vehicleVIN, SourceID);" id="lbl'+vehicleVIN+'"></a>
<script type="text/javascript">
GetLowestPayment('vehicleVIN', 'SourceID', "lbl'+vehicleVIN+'");
function AssignLowestPayment(LowestPaymentValue, ClientLabelID) {
if (LowestPaymentValue !== '') {
document.getElementById(ClientLabelID).innerHTML = LowestPaymentValue;
};
};
</script>
$(getScript) 関数を介してクライアント スクリプトにロードする .JS ファイルを既にセットアップしており、ページから各車両のデータ要素を取得して関数に渡すことができる十分な JQuery を知っています (私は信じています)。私はこれを正しく行いました)。ただし、上記のコードを挿入し、必要なデータ要素を保持する変数を正しく渡さなければならないところで行き詰まっています。
HERE は、これまでに作成した .JS ファイルのコードです。
var loc = document.location;
var endrive = /inventory-results|inventory-details/.test(loc.pathname);
var SourceID = '10057', ChromeStyleID = '', vehicleZipCode='06473', mode = 'text',vehicleCondition = "",lresult,dresult;
if(/selectedcat\/new/.test(loc.pathname)){ vehicleCondition = "New";}
if(/selectedcat\/preowned/.test(loc.pathname)){ vehicleCondition = "Preowned";}
if(/inventory-results/.test(loc.pathname)){ divblock = '.piiResultsContainer'; lresult = true;cnt=-1}
if(/inventory-details/.test(loc.pathname)){ divblock = '#dt_vehicle_tbl';dresult= true;cnt=-1}
var vdata = [], vattr,vehicleVIN,vehicleStockNum,vehicleTransmission,vehicleOdometer,vehicleExtColor,vehiclePrice,vehicleStyle,vehiclePhoto,vehicleYear,vehicleMake,vehicleModel,vehicle;
if(endrive){
$.getScript("http://www.velocitylogix.com/OfferLogix.js?width=960px&height=700&pack=false",function(){
$(divblock).each(function(){
if(lresult){
vdata['vehiclePrice'] = $(this).find('#ulPricing li:first-child').text().trim();
attrsearch = 'ul#att_listL li';
SourceID = '10057';
}
if(dresult){
vdata['vehiclePrice'] = $(this).find('#dt_vehicle_listing').find('ul#ulPricing li:first-child').text().trim();
attrsearch = '#dt_vehicle_attribute ul#att_listL li';
SourceID = '10057';
}
if(/MSRP/.test(vdata['vehiclePrice'])){ vdata['vehiclePrice'] = vdata['vehiclePrice'].replace("MSRP: ","");}
if(/Selling Price/.test(vdata['vehiclePrice'])){ vdata['vehiclePrice'] = vdata['vehiclePrice'].replace("Selling Price: ","");}
var tlist = $(this).find(attrsearch).each(function(){
vattr =$(this).find('span').text();
switch(vattr){
case "VIN:":vdata['vehicleVin']=$(this).text().replace("VIN: ","");
break;
case "Stock #:":vdata['vehicleStockNum']=$(this).text().replace("Stock #: ","");
break;
case "Miles:":vdata['vehicleOdometer']=$(this).text().replace("Miles: ","");
break;
default :
vdata['vehicleOdometer']= 0;
break;
}
vehiclePrice = vdata['vehiclePrice'];
vehicleVIN = vdata['vehicleVin'];
});
cnt++;
GetLowestPayment(vehicleVIN, SourceID, 'lbl' + vehicleVIN);
function AssignLowestPayment(LowestPaymentValue, ClientLabelID) {
if(LowestPaymentValue !== '') {
document.getElementById(ClientLabelID).innerHTML = LowestPaymentValue;
};
};
$(this).find('#ulPricing').append('<div style="max-width:260px; position:relative;z-index: auto;"><div id="din_'+cnt+'" style="white-space: nowrap;"></div><div class="lowPrice"><a href="javascript:displayLoanInfo(vehicleVIN, SourceID);" id="lbl'+vehicleVIN+'"></a></div></div>');
});
});
}
どんな援助でも大歓迎です。