|
|
|
อยากทำตามภาพแบบนี้ มีภาพประกอบรบกวนดูให้หน่อยนะคะ ขอบคุณคะ |
|
|
|
|
|
|
|
Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>MDU Customers</title>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Abel|Satisfy' rel='stylesheet' type='text/css' />
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div id="header-wrapper">
<div id="header">
<div id="logo">
<h1><a href="home.php">MDU Customers</a></h1>
</div>
<div id="menu">
<ul>
<li class="current_page_item"><a href="detailcus.php" accesskey="1" title="">DETAIL CUSTOMERS</a></li>
<li><a href="detailjob.php" accesskey="2" title="">DETAIL JOB</a></li>
<li><a href="search.php" accesskey="3" title="">SEARCH</a></li>
<li><a href="logout.php" accesskey="4" title="">LOG OUT</a></li>
</ul>
</div>
</div>
</div>
<div id="wrapper">
<div id="page-wrapper">
</div>
<body>
<?php
include "config.php";
$txt_name = NULL;
$txt_lastname = NULL;
$txt_name_job = NULL;
$txt_phone = NULL;
$sql = NULL;
$query = NULL;
if (isset($_POST['btn_search'])) {
if (empty($_POST['txt_name'])) {
echo '<script>alert("กรุณาเลือกการค้นหา และใส่คำค้นหา");document.frmMain.btn_search.focus();</script><script>location.href="detailjob.php";</script>';
}
$sql = 'SELECT *
FROM tbl_cus c INNER JOIN tbl_job j ON c.ref_id_job = j.id_job
WHERE '.$ddl_select.' LIKE "%'.$txt_keyword.'%" ';
$query = mysql_query($sql) or die ('Error Query ['.$sql.']');
$num_rows = mysql_num_rows($query);
}
?>
<form action="detailjob.php" method="POST" name="frmshowdetail">
</table>
<table width="627" border="0" align="center">
<tr>
<th width="145" scope="col"> </th>
<th width="156" scope="col"> </th>
</tr>
<tr>
<td>ชื่อ: </td>
<td><input type="text" name="txt_name" value="<?=$txt_name;?>" /></td>
<td width="72">นามสกุล: </td>
<td width="183"><input type="text" name="txt_lastname" value="<?=$txt_lastname;?>" />
<script language="javascript">
function js_popup(theURL,width,height) { //v2.0
leftpos = (screen.availWidth - width) / 2;
toppos = (screen.availHeight - height) / 2;
window.open(theURL, "viewdetails","width=" + width + ",height=" + height + ",left=" + leftpos + ",top=" + toppos);
}
</script>
<a href="#" onClick="js_popup('btnsearch.php',783,600); return false;" title="Code PHP Popup"><img src="images/search.png" alt="" width="20" height="20" name="btn_search" /></a> </td>
</tr>
<tr>
<td>โครงการ: </td>
<td><input type="text" name="txt_name_job" value="<?=$txt_name_job;?>"/></td>
<td>สถานที่ : </td>
<td><input type="text" name="location" value="" /></td>
</tr>
<tr>
<td>เบอร์โทรศัพท์: </td>
<td><input type="text" name="phone" maxlength="10" value="<?=$txt_phone;?>" /></td>
<td>เบอร์โทรศัพท์: </td>
<td><input type="text" name="tel" maxlength="10" value="" /></td>
</tr>
<tr>
<td>Email :</td>
<td><input type="text" name="email" value=""/></td>
</tr>
</table>
</form>
<form action="detailjob.php" name="frmdata"enctype="multipart/form-data">
<table width="629" height="355" border="0" align="center">
<tr>
<td width="157">ผู้รับผิดชอบโครงการ</td>
<td width="448"><input type="text" name="namestaff" /></td>
<td width="10"> </td>
</tr>
<tr>
<td>วันที่ดำเนินการติดต่อ</td>
<td><select name="day" id="day" ">
<option value="">DD</option>
<?php
for($i=1;$i<=31;$i++) {
$selected = "";
if (($start_day*1) == $i) $selected = " selected";
echo "<option value='" . str_pad($i, 2, '0', STR_PAD_LEFT) . "'" . $selected . ">" . $i . "</option>";
}
?>
</select>
<select name="month" id="month" ">
<option value="">MM</option>
<?php
for($i=1;$i<=12;$i++) {
$selected = "";
if (($start_month*1) == $i) $selected = " selected";
echo "<option value='" . str_pad($i, 2, '0', STR_PAD_LEFT) . "'" . $selected . ">" .$i . "</option>";
}
?>
</select>
<select name="year" id="year">
<option value="">YYYY</option>
<?php
for($i=date('Y');$i>=2010;$i--) {
$selected = "";
if (($start_year*1) == $i) $selected = " selected";
echo "<option value='" . $i . "'" . $selected . ">" . $i . "</option>";
}
?>
</select></td>
<td> </td>
</tr>
<tr>
<td height="19">ขั้นตอนการดำเนินงาน</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>รายละเอียดงาน</td>
<td><textarea name="Memo" cols="60" rows="1" ></textarea></td>
<td> </td>
</tr>
<tr>
<td>แนบเอกสารที่เกี่ยวข้อง</td>
<td><input type="file" name="fileUpload" /></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><input type="file" name="fileUpload" /></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><input type="file" name="fileUpload" /></td>
<td> </td>
</tr>
<tr>
<td><input type="submit" name="submit" value="SUBMIT" /></td>
<td><input type="reset" name="reset" value="RESET" /></td>
<td> </td>
</tr>
</table>
</form>
</body>
</html>
ตามรูปภาพนี้ต้องการให้กดปุ่มที่เป็นรูป search โดยจะต้องหาได้จากชื่อลูกค้า นามสกุล โครงการ แล้วก็เบอร์โทรคะ
แต่ลองทำแล้ว ก็ยังไม่ได้ เมื่อกดปุ่มจะเป็น popup เด้งขึ้นมาเพื่อแสดงรายละเอียดให้ค้นหา หลังจากนั้นจะเลือกชื่อลูกค้า แล้วนำค่า
ทั้งหมดมาใส่ในส่วนของกลุ่มด้านบน ที่เป็นรายละเอียดลูกค้า รบกวนผู้รู้ช่วยดูโค้ด หรือแนะนำเพิ่มเติมที
#ขอบคุณสำหรับการช่วยเหลือทุกท่านคะ
Tag : PHP, MySQL
|
|
|
|
|
|
Date :
2013-07-04 15:54:06 |
By :
zion_vodka |
View :
958 |
Reply :
2 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอแก้ไขนะครับ พอดีอ่านไม่ครบ โพสไม่ขึ้น
แนะนำให้ใช้ ajax autocomplete แบบที่โพสด้านล่างแนะนำนะครับ
|
ประวัติการแก้ไข 2013-07-05 13:13:28
|
|
|
|
Date :
2013-07-05 09:00:09 |
By :
Dragons_first |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 04
|