|
|
|
สอบถามครับ การเปลี่ยนหน้าตา input file ที่สร้างจาก createlament java script ครับ |
|
|
|
|
|
|
|
ขอดูสภาพก่อนและหลังศัลยกรรมหน่อย
ปกติถ้าต้องการทำทั้งดั้ง ดึงหน้า ทำแก้ม ปาก คิ้ว...ทั้งใบหน้า
จะต้องมีแม่พิมพ์...แล้วทีมแพทย์ต้องวาดแบบขึ้นมาใหม่ตามสั่ง
เยี่ยงใด
การเปลี่ยนหน้าตา input file
ก็เยี่ยงนั้น
|
|
|
|
|
Date :
2021-05-27 22:06:38 |
By :
พญามัจจุราช |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
มาเฉพาะหน้าจริงๆ
งั้น ลอง inspect ดูคลาส (หรือส่วนอื่นที่แตกต่าง) ของ element ที่ต้องการว่ามีส่วนใดเพิ่มมา ถ้ามีคลาสอะไรเพิ่มก็ทำเหมือนที่เคย แต่เพิ่มให้ครบ ถ้ามีส่วนอื่น เช่น container ก็ใส่...เอาง่ายๆ คือ เลียนแบบแม่พิมพ์ทุกอย่าง
|
|
|
|
|
Date :
2021-05-27 22:39:35 |
By :
พญามัจจุราช |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ตอบความคิดเห็นที่ : 5 เขียนโดย : พญามัจจุราช เมื่อวันที่ 2021-05-28 13:10:00
รายละเอียดของการตอบ ::
Code (PHP)
<?php if(!isset($_SESSION))
{
session_start();
}
include('connect.php');
$sql = "SELECT * FROM provinces";
$query = mysqli_query($con, $sql);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Electronic Data Systerm(EDS)</title>
<link rel="stylesheet" href="calendar/fullcalendar-3.6.2/fullcalendar.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/bootstrap.css">
<link rel="stylesheet" href="assets/vendors/iconly/bold.css">
<link rel="stylesheet" href="assets/vendors/perfect-scrollbar/perfect-scrollbar.css">
<link rel="stylesheet" href="assets/vendors/bootstrap-icons/bootstrap-icons.css">
<link rel="stylesheet" href="assets/css/app.css">
<link rel="shortcut icon" href="assets/images/favicon.svg" type="image/x-icon">
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<script language="javascript">
function fncCreateElement(){
var mySpan = document.getElementById('mySpan');
var myLine = document.getElementById('hdnLine');
myLine.value++;
// Create input text
var myElement1 = document.createElement('input');
myElement1.setAttribute('type',"text");
myElement1.setAttribute('name',"txtGalleryName"+myLine.value);
myElement1.setAttribute('id',"txt"+myLine.value);
myElement1.setAttribute('class',"form-control-sm"+myLine.value);
myElement1.setAttribute('placeholder',"ชื่อเรื่องวิดีโอ");
myElement1.setAttribute('style',"width:auto;");
mySpan.appendChild(myElement1);
// Create input file
var myElement2 = document.createElement('input');
myElement2.setAttribute('type',"file");
myElement2.setAttribute('name',"fileUpload"+myLine.value);
myElement2.setAttribute('id',"fil"+myLine.value);
myElement1.setAttribute('class',"text");
mySpan.appendChild(myElement2);
// Create <br>
var myElement4 = document.createElement('br');
myElement4.setAttribute('name',"br"+myLine.value);
myElement4.setAttribute('id',"br"+myLine.value);
mySpan.appendChild(myElement4);
}
function fncDeleteElement(){
var mySpan = document.getElementById('mySpan');
var myLine = document.getElementById('hdnLine');
if(myLine.value >= 1)
{
// Remove input text
var deleteFile = document.getElementById("txt"+myLine.value);
mySpan.removeChild(deleteFile);
// Remove input file
var deleteFile = document.getElementById("fil"+myLine.value);
mySpan.removeChild(deleteFile);
// Remove <br>
var deleteBr = document.getElementById("br"+myLine.value);
mySpan.removeChild(deleteBr);
myLine.value--;
}
}
</script>
<script>
document.querySelectorAll('input[type=number]')
.forEach(e => e.oninput = () => {
// Always 2 digits
if (e.value.length >= 2) e.value = e.value.slice(0, 2);
// 0 on the left (doesn't work on FF)
if (e.value.length === 1) e.value = '0' + e.value;
// Avoiding letters on FF
if (!e.value) e.value = '00';
});
</script>
<script language="JavaScript">
function showPreview(ele)
{
document.frmMain.imgAvatar.src=ele.value;
}
//ทดสอบซ่อนตาราง
function ck_frm(){
var ck = document.getElementById('chktaget');
if(ck.checked == true){
document.getElementById('frm_txt').style.display = "";
}else{
document.getElementById('frm_txt').style.display = "none";
}
}
function ck_frm2(){
var ck = document.getElementById('chkfront');
if(ck.checked == true){
document.getElementById('frm2_txt').style.display = "";
}else{
document.getElementById('frm2_txt').style.display = "none";
}
}
</script>
</script>
</script>
<script type="text/javascript">
function autoTab2(obj,typeCheck){
/* กำหนดรูปแบบข้อความโดยให้ _ แทนค่าอะไรก็ได้ แล้วตามด้วยเครื่องหมาย
หรือสัญลักษณ์ที่ใช้แบ่ง เช่นกำหนดเป็น รูปแบบเลขที่บัตรประชาชน
4-2215-54125-6-12 ก็สามารถกำหนดเป็น _-____-_____-_-__
รูปแบบเบอร์โทรศัพท์ 08-4521-6521 กำหนดเป็น __-____-____
หรือกำหนดเวลาเช่น 12:45:30 กำหนดเป็น __:__:__
ตัวอย่างข้างล่างเป็นการกำหนดรูปแบบเลขบัตรประชาชน
*/
if(typeCheck==1){
var pattern=new String("_-____-_____-_-__"); // กำหนดรูปแบบในนี้
var pattern_ex=new String("-"); // กำหนดสัญลักษณ์หรือเครื่องหมายที่ใช้แบ่งในนี้
}else{
var pattern=new String("__-____-____"); // กำหนดรูปแบบในนี้
var pattern_ex=new String("-"); // กำหนดสัญลักษณ์หรือเครื่องหมายที่ใช้แบ่งในนี้
}
var returnText=new String("");
var obj_l=obj.value.length;
var obj_l2=obj_l-1;
for(i=0;i<pattern.length;i++){
if(obj_l2==i && pattern.charAt(i+1)==pattern_ex){
returnText+=obj.value+pattern_ex;
obj.value=returnText;
}
}
if(obj_l>=pattern.length){
obj.value=obj.value.substr(0,pattern.length);
}
}
</script>
<?php require 'menu.php'; ?>
<body >
<?php require 'navigation.php'; ?>
<form action="arrest-warrant-add.php" name="farrest" method="post" enctype="multipart/form-data">
<div class="page-heading">
<div class="form-row">
<!--ปิดเงตัวอักษรใน card--<div class="form-group">-->
<br/>
<button type="button" class="btn btn btn-success">+บันทึกการตรวจค้นแต่ไม่มีหมายจับ</button>
<br/><br/>
<div class="row" >
<div class="col-2" >
<div class="card" style="border: 3px solid #435ebe; ">
<div class="card-body" style='padding-left: 1px;'>
<div class="form-check">
<div class="form-check">
<input class="form-check-input" type="checkbox" name="chktype" value="1" id="chkfront" onClick="ck_frm2();">
<label class="form-check-label" for="checkbox">จับกุมซึ่งหน้า</label><br/>
<input class="form-check-input" type="checkbox" name="chktype" value="2" id="chktaget" onClick="ck_frm();">
<label class="form-check-label" for="checkbox">จับกุมตามหมายจับ</label>
</div>
</div>
</div>
</div>
</div>
<div class="col-10">
<div class="card" style="border: 3px solid green;">
<div class="card-body">
<div class="row g-3 align-items-center">
<div class="col-auto">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label" for="flexCheckDefault">หมายค้น</label>
</div>
<div class="col-auto">
<label for="inputPassword6" class="col-form-label">หมายค้นเลขที่:</label>
</div>
<div class="col-1">
<input type="text" id="inputPassword6" class="form-control" >
</div>
<div class="col-auto">
<label for="inputPassword6" class="col-form-label">/</label>
</div>
<div class="col-1">
<input type="text" id="inputPassword6" class="form-control" >
</div>
<div class="col-auto">
<label for="inputPassword6" class="col-form-label">ศาล:</label>
</div>
<div class="col-2">
<input type="text" id="inputPassword6" class="form-control" >
</div>
<div class="col-auto">
<label for="inputPassword6" class="col-form-label">วันที่ออกหมาย:</label>
</div>
<div class="col-auto">
<input type="date" id="inputPassword6" class="form-control">
</div>
</div>
</div>
</div>
</div>
<!--End Class form row-->
</div>
</div>
<div class="row" id="frm_txt" style="display:none;">
<div class="col-12" >
<div class="card" style="border: 3px solid #435ebe; ">
<div class="card-body">
<div class="row g-3 align-items-center">
<div class="col-auto">
<input class="form-check-input" type="checkbox" name="arrest_wanted_name" value="หมายนอก" id="arrest_wanted_name" >
<label class="form-check-label" for="arrest_wanted_name">หมายนอก</label>
</div>
<div class="col-auto">
<input class="form-check-input" type="checkbox" name="arrest_wanted_name" value="หมายใน" id="arrest_wanted_name">
<label class="form-check-label" for="arrest_wanted_name">หมายใน</label>
</div>
<div class="col-auto">
<label for="inputPassword6" class="col-form-label">หมายจับเลขที่</label>
</div>
<div class="col-2">
<input type="text" id="arrest_wanted_num" name="arrest_wanted_num" class="form-control" onkeyup="this.setCustomValidity('');">
</div>
<div class="col-auto">
<label for="court_name" class="col-form-label">ศาล:</label>
</div>
<div class="col-3">
<input type="text" id="court_name" name="court_name" class="form-control" >
</div>
<div class="col-auto">
<label for="start_date" class="col-form-label">วันที่ออกหมาย:</label>
</div>
<div class="col-auto">
<input type="date" id="start_date" name="start_date" class="form-control">
</div>
<div class="col-auto">
<label for="number_black" class="col-form-label">คดีหมายเลขดำ:</label>
</div>
<div class="col-1">
<input type="text" id="number_black" name="number_black" class="form-control" >
</div>
<div class="col-auto">
<label for="number_red" class="col-form-label">คดีหมายเลขแดง:</label>
</div>
<div class="col-1">
<input type="text" id="number_red" name="number_red" class="form-control" >
</div>
<div class="col-auto">
<label for="inputPassword6" class="col-form-label">ฐานความผิดตามหมายจับ:</label>
</div>
<div class="col-3">
<input type="text" id="base_arrest" name="base_arrest" class="form-control" >
</div>
<div class="row">
<div class="col-auto"> <br/>
<label for="inputPassword6" class="col-form-label">ประเทภความผิด:</label>
</div>
<div class="col-3"> <br/>
<select class="form-select" id="group_arrest" name="group_arrest">
<option>กลุ่มความผิด</option>
<option value="g1">กลุ่ม1 คดีความผิดเกี่ยวกับชีวิต ร่างกาย และเพศ (ป.อ.ม.276-308) </option>
<option value="g2">กลุ่ม2 คดีความผิดเกี่ยวกับทรัพย์</option>
<option value="g3">กลุ่ม3 ฐานความผิดพิเศษ</option>
<option value="g4">กลุ่ม4 คดีความผิดที่รัฐเป็นผู้เสียหาย</option>
<option value="g5">กลุ่ม5 คดีความผิดอื่นๆ (นอกจากที่ระบุ ในคดีอาญา 4 กลุ่ม)</option>
</select>
</div>
<div class="col-auto"> <br/>
<label for="inputPassword6" class="col-form-label">รานละเอียดความผิด:</label>
</div>
<div class="col-5"> <br/>
<select class="form-select" id="detail_arrest" name="detail_arrest">
<option>เลือกรายละเอียดความผิด</option>
<option>กลุ่ม1 </option>
<option value="a1">ฆ่าผู้อื่น </option>
<option value="a2">ทำร้ายผู้อื่นถึงแก่ความตาย </option>
<option value="a3">พยายามฆ่า </option>
<option value="a4">ทำร้ายร่างกาย</option>
<option value="a5">ข่มขืนกระทำชำเรา </option>
<option value="a6">อื่นๆ (ทำแท้ง, ทอดทิ้งเด็ก คนแก่ คนพิการ, อนาจาร, จัดให้ค้าประเวณี, สื่อลามก)</option>
<option>กลุ่ม2</option>
<option value="a7">ปล้นทรัพย์</option>
<option value="a8">ชิงทรัพย์</option>
<option value="a9">วิ่งราวทรัพย์</option>
<option value="a10">ลักทรัพย์ (ไม่รวมโจรกรรมรถยนต์ และรถจักรยานยนต์)</option>
<option value="a11">กรรโชกทรัพย์</option>
<option value="a12">ฉ้อโกง</option>
<option value="a13">ยักยอกทรัพย์</option>
<option value="a14">ทำให้เสียทรัพย์</option>
<option value="a15">รับของโจร</option>
<option value="a16">ลักพาเรียกค่าไถ่</option>
<option value="a17">วางเพลิง</option>
<option value="a18">อื่นๆ (โกงเจ้าหนี้, บุกรุก)</option>
<option value="a19">ฐานความผิดโจรกรรม รถยนต์</option>
<option value="a20">ฐานความผิดโจรกรรม รถจักรยานยนต์</option>
<option>กลุ่ม3</option>
<option value="a21">พ.ร.บ.ป้องกัน และปราบปรามการค้ามนุษย์</option>
<option value="a22">พ.ร.บ.คุ้มครองเด็ก</option>
<option value="a23">พ.ร.บ.ลิขสิทธิ์</option>
<option value="a24">พ.ร.บ.สิทธิบัตร</option>
<option value="a25">พ.ร.บ.เครื่องหมายการค้า</option>
<option value="a26">พ.ร.บ.ว่าด้วยการกระทำความผิดทางคอมพิวเตอร์</option>
<option value="a27">ความผิดเกี่ยวกับบัตรอิเล็กทรอนิกส์ (ป.อาญา ม.269/1-269/7)</option>
<option value="a28">พ.ร.บ.ป่าไม้</option>
<option value="a29">พ.ร.บ.ป่าสงวนแห่งชาติ</option>
<option value="a30">พ.ร.บ.อุทยานแห่งชาติ</option>
<option value="a31">พ.ร.บ.สงวน และคุ้มครองสัตว์ป่า</option>
<option value="a32">พ.ร.บ.ส่งเสริม และรักษาคุณภาพสิ่งแวดล้อม พ.ศ.2535</option>
<option value="a33">พ.ร.บ.งาช้าง พ.ศ.2558</option>
<option value="a34">พ.ร.บ.การขุดดิน และการถมดิน</option>
<option value="a35">พ.ร.บ.ศุลกากร</option>
<option value="a36">พ.ร.บ.ป้องกัน และปราบปรามการฟอกเงิน</option>
<option value="a37">พ.ร.บ.ห้ามเรียกดอกเบี้ยเกินอัตรา</option>
<option>กลุ่ม4</option>
<option>4.1 ยาเสพติด</option>
<option value="a38">ผลิตยาเสพติด</option>
<option value="a39">นำเข้ายาเสพติด</option>
<option value="a40">ส่งออกยาเสพติด</option>
<option value="a41">จำหน่ายยาเสพติด</option>
<option value="a42">ครอบครองเพื่อจำหน่ายยาเสพติด</option>
<option value="a43">ครอบครองยาเสพติด</option>
<option value="a44">เสพยาเสพติด</option>
<option value="a45">ยาเสพติด อื่นๆ</option>
<option>4.2 อาวุธปืนและวัตถุระเบิด</option>
<option value="a46">อาวุธปืนสงคราม</option>
<option value="a47">อาวุธปืนธรรมดา (ไม่มีทะเบียน)</option>
<option value="a48">อาวุธปืนธรรมดา (มีทะเบียน)</option>
<option value="a49">วัตถุระเบิด</option>
<option value="a50">อาวูธอื่นๆ</option>
<option>4.3 การพนัน</option>
<option value="a51">บ่อนการพนัน (เล่นการพนันตั้งแต่ 20 คนขึ้นไป)</option>
<option value="a52">สลากกินรวบ</option>
<option value="a53">ทายผลฟุตบอล/ออนไลน์</option>
<option value="a54">การพนันอื่นๆ</option>
<option value="a55">ความผิดเกี่ยวกับวัสดุ สื่อ สิ่งพิมพ์ลามกอนาจาร</option>
<option value="a56">ความผิดเกี่ยวกับ พ.ร.บ.คนเข้าเมือง</option>
<option value="a57">ความผิดเกี่ยวกับการป้องกัน และปรามปรามการค้าประเวณี</option>
<option value="a58">ความผิดเกี่ยวกับสถานบริการ</option>
<option value="a59">ความผิดเกี่ยวกับการควบคุมเครื่องดื่มแอลกอฮอล์</option>
<option value="a60">พรบ.สุรา พ.ศ.2493</option>
<option value="a61">พรก.การบริหารราชการในสถานการณ์ฉุกเฉิน พ.ศ.2548</option>
<option>กลุม5</option>
<option value="a62">ความผิดเกี่ยวกับความมั่นคงแห่งราชอาณาจักร (ป.อ.ม.๑๐๗ - ๑๓๕)
<option value="a63">ความผิดเกี่ยวกับการก่อการร้าย (ป.อ.ม.๑๓๕/๑ - ๑๓๕/๔)
<option value="a64">ความผิดเกี่ยวกับการปกครอง (ป.อ.ม.๑๓๖ - ๑๖๖) (แจ้งความเท็จ, ต่อสู้ขัดขวาง, สินบน จพง.)
<option value="a65">ความผิดเกี่ยวกับการยุติธรรม (ป.อ.ม.๑๖๗ - ๒๐๕)
<option value="a66">ความผิดเกี่ยวกับศาสนา (ป.อ.ม.๒๐๖ - ๒๐๘) (แต่งกายเลียนแบบพระ/นักบวช)
<option value="a67">ความผิดเกี่ยวกับความสงบสุขของประชาชน (ป.อ.ม.๒๐๙ - ๒๑๖) (อั้งยี่ ซ่องโจร)
<option value="a68">ความผิดเกี่ยวกับการก่อให้เกิดภยันตรายต่อประชาชน (ป.อ.ม.๒๑๗ - ๒๓๙) (วางระเบิด)
<option value="a69">ความผิดเกี่ยวกับการปลอมและการแปลง (ป.อ.ม.๒๔๐ - ๒๖๙/๑๕)
<option value="a70">ความผิดเกี่ยวกับการค้า (ป.อ.ม.๒๗๐ - ๒๗๕)
<option value="a71">ความผิดเกี่ยวกับเสรีภาพและชื่อเสียง (หมิ่นประมาท, เปิดเผยความลับราชการ, หน่วงเหนี่ยวกักขัง, พรากผู้เยาว์)
<option value="a72">ความผิดเกี่ยวกับศพ (ป.อ.ม.๓๖๖/๑ - ๓๖๖/๔)
<option value="a73">พระราชบัญญัติที่มีโทษทางอาญา (นอกเหนือจากที่ระบุในคดีอาญา กลุ่ม 3 และ 4 )
<option value="a74">ลหุโทษ (ป.อ.ม.๓๖๗ - ๓๙๘)
</select>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--ตารางจับซึ่งหน้า-->
<div class="row" id="frm2_txt" style="display:none;">
<div class="col-12" >
<div class="card" style="border: 3px solid #435ebe; ">
<div class="card-body">
<div class="row g-3 align-items-center">
<div class="col-auto">
<label for="inputPassword6" class="col-form-label">ฐานความผิดตามหมายจับ:</label>
</div>
<div class="col-3">
<input type="text" id="base_arrest" name="base_arrest" class="form-control" >
</div>
<div class="col-auto">
<label for="inputPassword6" class="col-form-label">ประเทภความผิด:</label>
</div>
<div class="col-auto">
<select class="form-select" id="group_arrest" name="group_arrest">
<option>กลุ่มความผิด</option>
<option value="g1">กลุ่ม1 คดีความผิดเกี่ยวกับชีวิต ร่างกาย และเพศ (ป.อ.ม.276-308) </option>
<option value="g2">กลุ่ม2 คดีความผิดเกี่ยวกับทรัพย์</option>
<option value="g3">กลุ่ม3 ฐานความผิดพิเศษ</option>
<option value="g4">กลุ่ม4 คดีความผิดที่รัฐเป็นผู้เสียหาย</option>
<option value="g5">กลุ่ม5 คดีความผิดอื่นๆ (นอกจากที่ระบุ ในคดีอาญา 4 กลุ่ม)</option>
</select>
</div>
<div class="col-auto">
<label for="inputPassword6" class="col-form-label">รานละเอียดความผิด:</label>
</div>
<div class="col-auto">
<select class="form-select" id="detail_arrest" name="detail_arrest">
<option>เลือกรายละเอียดความผิด</option>
<option>กลุ่ม1 </option>
<option value="a1">ฆ่าผู้อื่น </option>
<option value="a2">ทำร้ายผู้อื่นถึงแก่ความตาย </option>
<option value="a3">พยายามฆ่า </option>
<option value="a4">ทำร้ายร่างกาย</option>
<option value="a5">ข่มขืนกระทำชำเรา </option>
<option value="a6">อื่นๆ (ทำแท้ง, ทอดทิ้งเด็ก คนแก่ คนพิการ, อนาจาร, จัดให้ค้าประเวณี, สื่อลามก)</option>
<option>กลุ่ม2</option>
<option value="a7">ปล้นทรัพย์</option>
<option value="a8">ชิงทรัพย์</option>
<option value="a9">วิ่งราวทรัพย์</option>
<option value="a10">ลักทรัพย์ (ไม่รวมโจรกรรมรถยนต์ และรถจักรยานยนต์)</option>
<option value="a11">กรรโชกทรัพย์</option>
<option value="a12">ฉ้อโกง</option>
<option value="a13">ยักยอกทรัพย์</option>
<option value="a14">ทำให้เสียทรัพย์</option>
<option value="a15">รับของโจร</option>
<option value="a16">ลักพาเรียกค่าไถ่</option>
<option value="a17">วางเพลิง</option>
<option value="a18">อื่นๆ (โกงเจ้าหนี้, บุกรุก)</option>
<option value="a19">ฐานความผิดโจรกรรม รถยนต์</option>
<option value="a20">ฐานความผิดโจรกรรม รถจักรยานยนต์</option>
<option>กลุ่ม3</option>
<option value="a21">พ.ร.บ.ป้องกัน และปราบปรามการค้ามนุษย์</option>
<option value="a22">พ.ร.บ.คุ้มครองเด็ก</option>
<option value="a23">พ.ร.บ.ลิขสิทธิ์</option>
<option value="a24">พ.ร.บ.สิทธิบัตร</option>
<option value="a25">พ.ร.บ.เครื่องหมายการค้า</option>
<option value="a26">พ.ร.บ.ว่าด้วยการกระทำความผิดทางคอมพิวเตอร์</option>
<option value="a27">ความผิดเกี่ยวกับบัตรอิเล็กทรอนิกส์ (ป.อาญา ม.269/1-269/7)</option>
<option value="a28">พ.ร.บ.ป่าไม้</option>
<option value="a29">พ.ร.บ.ป่าสงวนแห่งชาติ</option>
<option value="a30">พ.ร.บ.อุทยานแห่งชาติ</option>
<option value="a31">พ.ร.บ.สงวน และคุ้มครองสัตว์ป่า</option>
<option value="a32">พ.ร.บ.ส่งเสริม และรักษาคุณภาพสิ่งแวดล้อม พ.ศ.2535</option>
<option value="a33">พ.ร.บ.งาช้าง พ.ศ.2558</option>
<option value="a34">พ.ร.บ.การขุดดิน และการถมดิน</option>
<option value="a35">พ.ร.บ.ศุลกากร</option>
<option value="a36">พ.ร.บ.ป้องกัน และปราบปรามการฟอกเงิน</option>
<option value="a37">พ.ร.บ.ห้ามเรียกดอกเบี้ยเกินอัตรา</option>
<option>กลุ่ม4</option>
<option>4.1 ยาเสพติด</option>
<option value="a38">ผลิตยาเสพติด</option>
<option value="a39">นำเข้ายาเสพติด</option>
<option value="a40">ส่งออกยาเสพติด</option>
<option value="a41">จำหน่ายยาเสพติด</option>
<option value="a42">ครอบครองเพื่อจำหน่ายยาเสพติด</option>
<option value="a43">ครอบครองยาเสพติด</option>
<option value="a44">เสพยาเสพติด</option>
<option value="a45">ยาเสพติด อื่นๆ</option>
<option>4.2 อาวุธปืนและวัตถุระเบิด</option>
<option value="a46">อาวุธปืนสงคราม</option>
<option value="a47">อาวุธปืนธรรมดา (ไม่มีทะเบียน)</option>
<option value="a48">อาวุธปืนธรรมดา (มีทะเบียน)</option>
<option value="a49">วัตถุระเบิด</option>
<option value="a50">อาวูธอื่นๆ</option>
<option>4.3 การพนัน</option>
<option value="a51">บ่อนการพนัน (เล่นการพนันตั้งแต่ 20 คนขึ้นไป)</option>
<option value="a52">สลากกินรวบ</option>
<option value="a53">ทายผลฟุตบอล/ออนไลน์</option>
<option value="a54">การพนันอื่นๆ</option>
<option value="a55">ความผิดเกี่ยวกับวัสดุ สื่อ สิ่งพิมพ์ลามกอนาจาร</option>
<option value="a56">ความผิดเกี่ยวกับ พ.ร.บ.คนเข้าเมือง</option>
<option value="a57">ความผิดเกี่ยวกับการป้องกัน และปรามปรามการค้าประเวณี</option>
<option value="a58">ความผิดเกี่ยวกับสถานบริการ</option>
<option value="a59">ความผิดเกี่ยวกับการควบคุมเครื่องดื่มแอลกอฮอล์</option>
<option value="a60">พรบ.สุรา พ.ศ.2493</option>
<option value="a61">พรก.การบริหารราชการในสถานการณ์ฉุกเฉิน พ.ศ.2548</option>
<option>กลุม5</option>
<option value="a62">ความผิดเกี่ยวกับความมั่นคงแห่งราชอาณาจักร (ป.อ.ม.๑๐๗ - ๑๓๕)
<option value="a63">ความผิดเกี่ยวกับการก่อการร้าย (ป.อ.ม.๑๓๕/๑ - ๑๓๕/๔)
<option value="a64">ความผิดเกี่ยวกับการปกครอง (ป.อ.ม.๑๓๖ - ๑๖๖) (แจ้งความเท็จ, ต่อสู้ขัดขวาง, สินบน จพง.)
<option value="a65">ความผิดเกี่ยวกับการยุติธรรม (ป.อ.ม.๑๖๗ - ๒๐๕)
<option value="a66">ความผิดเกี่ยวกับศาสนา (ป.อ.ม.๒๐๖ - ๒๐๘) (แต่งกายเลียนแบบพระ/นักบวช)
<option value="a67">ความผิดเกี่ยวกับความสงบสุขของประชาชน (ป.อ.ม.๒๐๙ - ๒๑๖) (อั้งยี่ ซ่องโจร)
<option value="a68">ความผิดเกี่ยวกับการก่อให้เกิดภยันตรายต่อประชาชน (ป.อ.ม.๒๑๗ - ๒๓๙) (วางระเบิด)
<option value="a69">ความผิดเกี่ยวกับการปลอมและการแปลง (ป.อ.ม.๒๔๐ - ๒๖๙/๑๕)
<option value="a70">ความผิดเกี่ยวกับการค้า (ป.อ.ม.๒๗๐ - ๒๗๕)
<option value="a71">ความผิดเกี่ยวกับเสรีภาพและชื่อเสียง (หมิ่นประมาท, เปิดเผยความลับราชการ, หน่วงเหนี่ยวกักขัง, พรากผู้เยาว์)
<option value="a72">ความผิดเกี่ยวกับศพ (ป.อ.ม.๓๖๖/๑ - ๓๖๖/๔)
<option value="a73">พระราชบัญญัติที่มีโทษทางอาญา (นอกเหนือจากที่ระบุในคดีอาญา กลุ่ม 3 และ 4 )
<option value="a74">ลหุโทษ (ป.อ.ม.๓๖๗ - ๓๙๘)
</select>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row" >
<div class="col-12">
<div class="card" style="border: 3px solid #435ebe; ">
<div class="card-body" style='padding-left: 1px;'>
<div class="form-check">
<div class="row ">
<div class="row">
<div class="col-auto">
<p style="text-decoration:underline;font-size:20px;font-weight: bold">รายละเอียดการจับกุม</p>
</div>
</div>
<div class="col-auto">
<label for="catch_date" class="col-form-label">วันเดือนปีที่จับกุม:</label>
</div>
<div class="col-auto">
<input type="date" name="catch_date" id="catch_date" class="form-control">
</div>
<div class="col-auto">
<label for="catch_h" class="col-form-label">เวลาจับกุม:</label>
</div>
<div class="col-1">
<input type="text" id="catch_h" name="catch_h" class="form-control" placeholder="00" >
</div>
<div class="col-auto">
<label for="catch_m" class="col-form-label">:</label>
</div>
<div class="col-1">
<input type="text" id="catch_m" name="catch_m" class="form-control" placeholder="00" >
</div>
<div class="col-auto">
<label for="inputPassword6" class="col-form-label">น.</label>
</div>
<div class="row">
<div class="col-auto">
</br>
<label for="catch_local" class="col-form-label">สถานที่จับกุม:</label>
</div>
<div class="col-4">
<br/>
<input type="text" id="catch_local" name="catch_local" class="form-control" >
</div>
</div>
<div class="row">
<div class="col-1">
</br>
<label for="catch_detail" class="col-form-label">พฤติการณ์:</label>
</div>
<div class="col-4">
</br>
<textarea class="form-control" name="catch_detail" id="catch_detail" rows="5" id="comment"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row" >
<div class="col-12">
<div class="card" style="border: 3px solid #435ebe; ">
<div class="card-body" style='padding-left: 1px;'>
<div class="form-check">
<div class="row ">
<div class="row">
<div class="row">
<div class="col-auto">
<br/>
<p style="text-decoration:underline;font-size:20px;font-weight: bold">ข้อมูลผู้ต้องหา</p>
</div>
</div>
<div class="col-auto">
<label for="name_title" class="col-form-label">คำนำหน้า:</label>
</div>
<div class="col-auto">
<select class="form-select" name="name_title" id="name_title">
<option ></option>
<option value="นาย">นาย</option>
<option value="นาง">นาง</option>
<option value="นางสาว">นางสาว</option>
</select>
</div>
<div class="col-auto">
<label for="criminal_fname" class="col-form-label">ชื่อ:</label>
</div>
<div class="col-auto">
<input type="text" name="criminal_fname" id="criminal_fname" class="form-control" >
</div>
<div class="col-auto">
<label for="criminal_lname" class="col-form-label">นามสกุล:</label>
</div>
<div class="col-auto">
<input type="text" name="criminal_lname" id="criminal_lname" class="form-control" >
</div>
<div class="col-auto">
<label for="inputPassword6" class="col-form-label">เพศ:</label>
</div>
<div class="col-auto">
<select class="form-select" name="gender" id="gender">
<option></option>
<option value="ชาย">ชาย</option>
<option value="หญิง">หญิง</option>
</select>
</div>
<div class="col-auto"></br>
<label for="date_of_brith" class="col-form-label">วันเดือนปีเกิด:</label>
</div>
<div class="col-auto"></br>
<input type="date" name="date_of_brith" id="date_of_brith" class="form-control">
</div>
<div class="row">
<div class="col-auto">
<br/>
<label for="id_card" class="col-form-label">เลขประจำตัวประชาชน:</label>
</div>
<div class="col-auto">
<br/>
<input class="form-control" name="id_card" type="text" id="id_card" onkeyup="autoTab2(this,1)" />
</div>
<div class="col-auto">
<br/>
<label for="tel_num" class="col-form-label">เบอร์โทรศัพท์:</label>
</div>
<div class="col-auto">
<br/>
<input class="form-control"name="tel_num" type="text" id="tel_num" onkeyup="autoTab2(this,2)" />
</div>
</div>
<div class="row">
<div class="col-auto">
<br/>
<p style="text-decoration:underline;font-size:20px;font-weight: bold">ที่อยู่ตามทะเบียนบ้าน</p>
</div>
</div>
<div class="row">
<div class="col-auto">
<label for="address_num" class="col-form-label">บ้านเลขที่:</label>
</div>
<div class="col-1">
<input type="text" name="address_num" id="address_num" class="form-control" >
</div>
<div class="col-auto">
<label for="vilage" class="col-form-label">หมู่:</label>
</div>
<div class="col-1">
<input type="text" name="vilage" id="vilage" class="form-control" >
</div>
<div class="col-auto">
<label for="soi_num" class="col-form-label">ตรอก/ซอย:</label>
</div>
<div class="col-auto">
<input type="text" name="soi_num" id="soi_num" class="form-control" >
</div>
<div class="col-auto">
<label for="road" class="col-form-label">ถนน:</label>
</div>
<div class="col-auto">
<input type="text" name="road" id="road" class="form-control" >
</div>
<div class="col-auto"></br>
<label for="inputPassword6" class="col-form-label">จังหวัด:</label>
</div>
<div class="col-auto"></br>
<select name="province_id" id="province" class="form-select">
<option value="">เลือกจังหวัด</option>
<?php while($result = mysqli_fetch_assoc($query)): ?>
<option value="<?=$result['id']?>"><?=$result['name_th']?></option>
<?php endwhile; ?>
</select>
</div>
<div class="col-auto"></br>
<label for="inputPassword6" class="col-form-label">อำเภอ:</label>
</div>
<div class="col-auto"></br>
<select name="amphure_id" id="amphure" class="form-select">
<option value="">เลือกอำเภอ</option>
</select>
</div>
<div class="col-auto"></br>
<label for="inputPassword6" class="col-form-label">ตำบล:</label>
</div>
<div class="col-auto"></br>
<select name="district_id" id="district" class="form-select">
<option value="">เลือกตำบล</option>
</select>
</div>
</div>
<div class="row">
<div class="col-auto">
<br/>
<label for="personal_contact" class="col-form-label">ญาติ:</label>
</div>
<div class="col-auto">
<br/>
<input type="text" name="personal_contact" id="personal_contact" class="form-control" >
</div>
<div class="col-auto">
<br/>
<label for="personal_tel" class="col-form-label">เบอร์ติดต่อ:</label>
</div>
<div class="col-auto">
<br/>
<input name="personal_tel" type="text" id="personal_tel" onkeyup="autoTab2(this,2)" class="form-control" >
</div>
<div class="col-auto">
<br/>
<label for="about" class="col-form-label">ความเกี่ยวข้อง:</label>
</div>
<div class="col-auto">
<br/>
<input type="text" name="about" id="about" class="form-control" >
</div>
</div>
<div class="row">
<div class="col-auto">
<br/>
<p style="text-decoration:underline;font-size:20px;font-weight: bold">อัพโหลดรูปภาพ</p>
</div>
</div>
<div class="row ">
<div class="col-12">
<div class="table-responsive" align="center">
<table class="table" style="width:auto;">
<thead>
<tr height="200px" >
<th style="background-position: center;background-repeat: no-repeat;background-size: 200px 200px; background-image: url('assets/images/samples/2.jpg');"><img id="blah1" width="200px" height="200px"/></th>
<th style="background-position: center;background-repeat: no-repeat;background-size: 200px 200px; background-image: url('assets/images/samples/1.jpg');"><img id="blah2" width="200px" height="200px" /></th>
<th style="background-position: center;background-repeat: no-repeat;background-size: 200px 200px; background-image: url('assets/images/samples/3.jpg');"><img id="blah3" width="200px" height="200px" /></th>
<th style="background-position: center;background-repeat: no-repeat;background-size: 200px 200px; background-image: url('assets/images/samples/4.jpg');"><img id="blah4" width="200px" height="200px" /></th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><label class="btn btn-success btn-lg " for="image-source1" style="cursor: pointer; margin:auto">ภาพหน้าตรง</label></td>
<td align="center"><label class="btn btn-success btn-lg " for="image-source2" style="cursor: pointer; margin:auto">ภาพด้านซ้าย</label></td>
<td align="center"><label class="btn btn-success btn-lg " for="image-source3" style="cursor: pointer; margin:auto">ภาพด้านขวา</label></td>
<td align="center"><label class="btn btn-success btn-lg " for="image-source4" style="cursor: pointer; margin:auto">ภาพการจับกุม</label></td>
</tr>
</tbody>
</table>
<input type="file" name="fileupload_f" id="image-source1" onchange="document.getElementById('blah1').src = window.URL.createObjectURL(this.files[0])" style="display: none;">
<input type="file" name="fileupload_l" id="image-source2" onchange="document.getElementById('blah2').src = window.URL.createObjectURL(this.files[0])" style="display: none;">
<input type="file" name="fileupload_r" id="image-source3" onchange="document.getElementById('blah3').src = window.URL.createObjectURL(this.files[0])" style="display: none;">
<input type="file" name="fileupload_a" id="image-source4" onchange="document.getElementById('blah4').src = window.URL.createObjectURL(this.files[0])" style="display: none;">
</div>
</div>
</div>
</div>
</div>
</div>
<table width="auto">
<tr>
<td align="right"><label for="operation_catch" >ผู้จับกุม</label></td>
<td><select class="form-select" name="operation_catch" id="operation_catch" style="width:100px;">
<option value="11">ชป.11</option>
<option value="12">ชป.12</option>
<option value="13">ชป.13</option>
<option value="14">ชป.14</option>
<option value="15">ชป.15</option>
<option value="16">ชป.16</option>
<option value="17">ชป.17</option>
<option value="18">ชป.18</option>
<option value="19">ชป.19</option>
</select>
</td>
</tr>
<tr>
<td align="right"><label for="doc" >อัพโหลดเอกสาร</label></td>
<td><input type="file" name="doc[]" id="doc" style="width:auto;" multiple></input></td>
</tr>
<tr>
<td align="right"><label for="otherpic" >อัพโหลดภาพอื่นๆ</label></td>
<td> <input type="file" name="otherpic[]" id="otherpic" style="width:auto;" multiple></input><br/></td>
</tr>
<tr>
<td align="right"><label for="video" >อัพโหลดวิดีโอ</label></td>
<td> </td>
<td></td>
</tr>
<tr>
<td>
</td>
<td>
<div id="mySpan"></div><br/>
<input name="btnCreate" type="button" value="เพิ่มวิดีโอ" class="btn btn btn-success" onClick="JavaScript:fncCreateElement();">
<input name="btnDelete" type="button" value="ลบวิดีโอ" class="btn btn btn-danger" onClick="JavaScript:fncDeleteElement();">
<input name="hdnLine" id="hdnLine" type="hidden" value="0">
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<!--ปุ่ม submit-->
<div class="btt" style='padding-left: 1px; width: 100%;' align="center">
<input type="submit" name="submit" class="btn btn-warning btn-lg" value="บันทึกข้อมูล">
</div>
</div> <!--ปิด DIV-->
</form>
<footer>
<div class="footer clearfix mb-0 text-muted">
<div class="float-start">
<p>2021 © Division 1 Crime Suppression Division</p>
</div>
<div class="float-end">
<p>Crafted with <span class="text-danger"><i class="bi bi-heart"></i></span> by <a
href="#">CSD-1 Admin</a></p>
</div>
</div>
</footer>
<script src="assets/vendors/perfect-scrollbar/perfect-scrollbar.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendors/apexcharts/apexcharts.js"></script>
<script src="assets/js/pages/dashboard.js"></script>
<script src="assets/js/upload.js"></script>
<script src="assets/js/popup-add.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/script.js"></script>
</body>
</html>
<?php mysqli_close($con); ?>
อ๋อผมเข้าใจผิดครับ นึกว่าขอดูภาพตัวที่แตกต่างครับ 5555อันนี้โค้ดครับ
|
|
|
|
|
Date :
2021-05-28 13:27:01 |
By :
gmgo |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ได้แล้วครับผม ประกาศ element ผิดครับ ขอบคุณมากครับพี่
|
|
|
|
|
Date :
2021-05-28 13:32:11 |
By :
gmgo |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 05
|