[英]Using PHP to determine a user can handle FancyZoom (Javascript image zoomer)
[英]Echoing PHP Array into Javascript File/FancyZoom Popup
單擊“車輛詳細信息”頁面上的“申請財務”按鈕,將在我們的網站上打開一個FancyZoom窗口,該窗口中顯示的文件為financeapp.js。 我需要將一些變量(年份,品牌和汽車型號)傳遞到此頁面,以便它們顯示在“車輛詳細信息”頁面上方彈出的Finance App窗口中。
“汽車詳細信息”頁面上的代碼如下:
<?php echo $product_array['make']; ?>
為了在頁面上和FancyZoom窗口上顯示“車輛制造商”,我還想讓車輛制造商回聲。 Javascript可以實現嗎? 打開Javascript窗口時,可以從詳細信息頁面獲取車輛信息嗎?
將PHP代碼放入.js文件會導致語法錯誤。
這是financeapp.js的代碼
$(document).ready(function(){
$('#content_outer').append('<div id="fancy_zoom_large_financeapp">\
<form action="" id="finance-app-form" method="POST">\
<H2>Apply for Finance</H2>\
<DIV id="mcms_contact">\
<FORM id="ContactForm" encType="multipart/form-data" method="post" name="form1" action="/financeinsurance.html">\
<INPUT type="hidden" name="type">\
<p>Mandatory fields are indicated with a *</p>\
<TABLE id="tablecontact">\
<TBODY>\
<TR>\
<TH width="146">First Name *</TH>\
<TD width="328"><INPUT id="firstname" size="50" name="firstname" AUTOCOMPLETE="OFF"></TD>\
<TD width="311"> </TD>\
</TR>\
<TR>\
<TH>Surname *</TH>\
<TD><INPUT id="surname" size="50" name="surname" AUTOCOMPLETE="OFF"></TD>\
<TD> </TD>\
</TR>\
<TR>\
<TH>Mobile *</TH>\
<TD><INPUT id="mobile" size="50" name="mobile"></TD>\
<TH rowspan="3">You are applying for finance for<br>the following vehicle: <br><img src ="images/car.jpg"><br>YEAR MAKE MODEL OF CAR<br>(Stock #STOCKNUMBER)</TH>\
</TR>\
<TR>\
<TH>Postcode *</TH>\
<TD><INPUT id="postcode" size="50" name="postcode" AUTOCOMPLETE="OFF"></TD> \
</TR>\
<TR>\
<TH>Email *</TH>\
<TD><INPUT id="email_address" size="50" name="email_address" AUTOCOMPLETE="OFF"></TD> \
</TR>\
<TR>\
<TH>Living Arrangement *</TH>\
<TD><SELECT id="living" name="living">\
<OPTION selected value="">Please select</OPTION>\
<OPTION value="Own">Own</OPTION>\
<OPTION value="Buy">Buy</OPTION>\
<OPTION value="Other (employer subsided)">Other (employer subsided)</OPTION>\
</SELECT></TD>\
<TD rowspan="5"></td>\
</TR>\
<TR>\
<TH>Employment Status *</TH>\
<TD><SELECT id="emp" name="emp">\
<OPTION selected value="">Please select</OPTION>\
<OPTION value="Full Time Permanent more than 3 months">Full Time Permanent more than 3 months</OPTION>\
<OPTION value="Part Time">Part Time</OPTION>\
<OPTION value="Pensioner">Pensioner</OPTION>\
<OPTION value="Unemployed">Unemployed</OPTION>\
</SELECT></TD> \
</TR>\
<TR>\
<TH>Credit Rating *</TH>\
<TD><SELECT id="credit" name="credit">\
<OPTION selected value="">Please select</OPTION>\
<OPTION value="Excellent - No Recorded Defaults">Excellent - No Recorded Defaults</OPTION>\
<OPTION value="Unsure">Unsure</OPTION>\
</SELECT></TD> \
</TR>\
<TR>\
<TH>Preferred Dealership *</TH>\
<TD><SELECT id="purchfrom" name="purchfrom">\
<OPTION selected value="">Please select</OPTION>\
<OPTION value="North">Northern Dealership</OPTION>\
<OPTION value="South">Southern Dealership</OPTION>\
</SELECT></TD> \
</TR>\
<TR>\
<TH>Purchase Price *</TH>\
<TD><INPUT id="price" size="50" name="price"></TD> \
</TR>\
<TR>\
<TH>Deposit/Trade In *</TH>\
<TD><INPUT id="dep" size="50" name="dep"></TD>\
<TD> </TD>\
</TR>\
<TR>\
<TH>Loan Amount *</TH>\
<TD><INPUT id="amt" size="50" name="amt"></TD>\
<TD> </TD>\
</TR>\
<TR>\
<TH></TH>\
<TD><INPUT value="Submit" type="submit" name="finance"></TD>\
<TD> </TD> \
</TR>\
</TBODY>\
</TABLE> \
</FORM>\
</DIV>');
$('.fancyzoom').fancyZoom();
});
代碼中YEAR MAKE和MODEL的位置是我想插入PHP Array [make],[model]等的位置。
最簡單的方法是通過ajax加載元素的內容。 例如(在jQuery中):
$('#content_outer').load('ajax/car_data.php');
在這里,ajax / cardata.php將具有如下代碼:
<div id="fancy_zoom_large_financeapp">
<form action="" id="finance-app-form" method="POST">
<H2>Apply for Finance</H2>
etc.
<?=$year_of_car?>
另外,您也可以僅針對汽車的年份/品牌/型號發送AJAX查詢。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.