<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title></title> <script type="text/javascript" src="autocomplete.js"></script> <link rel="stylesheet" href="autocomplete.css" type="text/css"/> </head> <body><fieldset><legend>ค้นหาหนังสือ</legend> <form id="form1" name="form1" method="get" action=""> <div align="center"> ชื่อหนังสือ <input name="NAMEBOOK" type="text" id="NAMEBOOK" size="50" value="<?=$_POST['NAMEBOOK'];?>" /> <input name="ID_BOOK" type="hidden" id="ID_BOOK" value="" /> <label> <input type="submit" name="submit" value="ค้นหา"> </label> </div> </form> <script type="text/javascript"> function make_autocom(autoObj,showObj){ var mkAutoObj=autoObj; var mkSerValObj=showObj; new Autocomplete(mkAutoObj, function() { this.setValue = function(id) { document.getElementById(mkSerValObj).value = id; } if ( this.isModified ) this.setValue(""); if ( this.value.length < 1 && this.isNotClick ) return ; return "data.php?q=" +encodeURIComponent(this.value); }); } // การใช้งาน // make_autocom(" id ของ input ตัวที่ต้องการกำหนด "," id ของ input ตัวที่ต้องการรับค่า"); make_autocom("NAMEBOOK","ID_BOOK"); </script> </fieldset> <? if($_POST['NAMEBOOK'] != "") { $objConnect = mysql_connect("localhost","root","root") or die("Error Connect to Database"); $objDB = mysql_select_db("bookdatabase1"); // Search By Name or Email $strSQL = "SELECT * FROM bookdata WHERE (NAMEBOOK LIKE '%".$_POST['NAMEBOOK']."%')"; $objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]"); ?> <table width="909" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#99FFFF"> <tr> <th width="146"> <div align="center"><strong>รหัสหนังสือ</strong></div></th> <th width="158"> <div align="center"><strong>ชื่อหนังสือ</strong></div></th> <th width="125"> <div align="center"><strong>ผู้แต่ง</strong></div></th> <th width="300"> <div align="center"><strong>รายละเอียดหนังสือ</strong></div></th> <th width="146"><div align="center"><strong>IMAGE</strong></div></th> </tr> <? while($objResult = mysql_fetch_array($objQuery)) { ?> <tr> <td><div align="left" class="style2"> <?=$objResult["ID_BOOK"];?> </div></td> <td><div align="left" class="style2"> <?=$objResult["NAMEBOOK"];?> </div></td> <td><div align="left" class="style2"> <?=$objResult["AUTHOR"];?> </div></td> <td><div align="left" class="style2"> <?=$objResult["PREAMBLE"];?> </div></td> <td align="center"><div align="left" class="style2"><? if($objResult['IMAGE']==''){?> <img id='IMAGE' src="picture_upload/noimg.gif" width='100' height='120' border='1' /> <? }else{?> <a href="picture_upload/<?=$objResult['IMAGE']?>" target='_blank'><img id='IMAGE' src="picture_upload/<?=$objResult['IMAGE']?>" width='100' height='120' border='1' /></a> <? }?> </div></td> </tr> <? } ?> </table> <? mysql_close($objConnect); } ?> </body> </html>
Quote:<form id="form1" name="form1" method="get" action="">
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง