Javascript PHP在点击搜索时出现弹出图像,关闭图像后显示搜索结果


Javascript PHP a pop up image appear when click on search, after close image display search results

我想用javascript做一个'弹出图像'来显示一个简单的用户指南图像,用户点击搜索后图像会弹出,让他们更好地理解结果。因此,当用户关闭图像时,它们将链接到结果.php。很抱歉,我无法提供任何有用的 javascript 代码,因为我从互联网上找到的那些代码太长了。而且我对javascript非常菜鸟。

保存>会话后

<?php 
$loan_amt = $_POST['loan_amt']; 
if($_POST['search']){
if($_POST['loan_amt']=="" || $_POST['loan_tenure']==""){
$error = "Please fill up the mandatory fields"; 
}else{
session_start();
$_SESSION['property_type'] = $_POST['property_type'];
$_SESSION['property_status'] = $_POST['property_status'];
$_SESSION['loan_amt'] = $_POST['loan_amt'];
$_SESSION['loan_tenure'] = $_POST['loan_tenure'];
header("location:rates_result.php");
}
}
?>

搜索表格(贷款金额字段)

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post"      onsubmit="this.loan_amt.value=this.loan_amt.value.replace(/',/g,'')">
<table width="400px">
<tr>
<td class="color1" width="130">Loan Amt (SGD)*:</td>
<td width="258" align="left">
<input type="text" style="width:150px;font-size:16px" onkeyup="format(this)" onchange="format(this)"
onblur="if(this.value.indexOf('.')==-1)this.value=this.value" name="loan_amt">
</td>
<td width="258" align="left"><input type="submit" class="buttonStyle" name="search" value="search" /></td>
</tr>
</table>
</form>

弹出页面中,您可以放入以下部分:

<script type="text/javascript"> 
window.onclose=goToResults
 function goToResults(){
      //do the parent go to results.php
      parent.location="results.php";
} 
</script>

如果是要提交的表单,您可以将函数指向父级,该函数可以提交表单:

在弹出窗口中:

function goToResults(){
//do the parent go to results.php
parent.submitForm();
} 

在页面中:

function sumbitForm(){
      form_to_submit=document.getElementById("FORM_ID");
      form_to_submit.submit();
}