Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > ทำไมผมเรียกใช้ script ซ้อนกันไม่ได้ ทั้งที่ทำการตั้งชื่อเรียกในscript เดียวกัน

ทำไมผมเรียกใช้ script ซ้อนกันไม่ได้ ทั้งที่ทำการตั้งชื่อเรียกในscript เดียวกัน

เริ่มหัวข้อใหม่

pcbimon

โพสกระทู้ ( 29 )
บทความ ( 0 )

ผมมีโค๊ดเกี่ยวกับการค้นหาข้อมูล โดยจะมีการแสดงข้อมูลเป็นรายการอยู่ในตารางและให้มีเลือกจะ update หรือ delete เมื่อเลือกแล้วจะขึ้น Modal แต่ปัญหาอยู่ที่ว่า
1. เมื่อทำการกดรอบแรก สามารถเด้ง Modal ได้
2.เมื่อทำการ รัน query sql เพิ่มทำการค้นหา Modal กลับไม่ขึ้นเลย ทั้งที่มาจากโค๊ดชุดเดียวกัน

chemical_selectAll.php

<?php require 'chemical_search_script.php'?>
<table class="table" id="example">
<thead>
      <tr>
        <th>รหัสสารเคมี</th>
        <th>ชื่อสารเคมี</th>
        <th>สูตรเคมี</th>
        <th>Cas NO.</th>
        <th>สถานที่เก็บ</th>
        <th>สถานะ</th>
        <th>ปริมาณต่อภาชนะ</th>
        <th>หน่วยภาชนะ</th> 
        <th>ปริมาณในคลัง</th> 
      </tr>
</thead>
    
<tbody>
<?php
include 'config/config.php';

$sql = "Select * from chemical";
$success_or_not = $conn->query($sql);
$result = $conn->query($sql);
if($result -> num_rows>=0){
	while($row = $result->fetch_assoc())
	{
		echo "<tr><td>".$row["ID_chemical"]."</td>
        <td>".$row["Name_chemical"]."</td>
        <td>".$row["Chemical_formula"]."</td>
        <td>".$row["CAS_NO"]."</td>
        <td>".$row["Location"]."</td>
        <td>".$row["category"]."</td>
        <td>".$row["Quantity_bottle"]."</td>
        <td>".$row["Unit"]."</td>
        <td>".$row["Quantity_stock"]."</td>
        <td><div class='dropdown'>
        <button class='btn btn-default dropdown-toggle'
        class='drop-edit' data-toggle='dropdown'>
        <i class='fa fa-cog'></i>
        <span class='caret'></span>
        </button>
        <ul class='dropdown-menu'>
        <li><a href='#' class='edit-chem' 
        data-id=".$row["ID_chemical"]."
        data-name=".$row["Name_chemical"]."
        data-formula=".$row["Chemical_formula"]."
        data-cas=".$row["CAS_NO"]."
        data-location=".$row["Location"]."
        data-cat=".$row["category"]."
        data-valueperbottle=".$row["Quantity_bottle"]."
        data-unit=".$row["Unit"]."
        data-valuestock=".$row["Quantity_stock"]."
         >Edit</a></li>
        <li><a href='#' class='delete-chem'
        data-id=".$row["ID_chemical"].">Delete</a></li>
        </ul>
        </div><!-- /.dropdown -->";
        }
	}
    else
	echo "Error ".$sql."<br>".$conn->error;
$conn->close();
    //chemical_update_row.php?ID_chemical=".$row["ID_chemical"]."
        ?>
</tbody>
</table>

chemical_search.php

<?php require 'chemical_search_script.php'?>
<table class="table" id="example">
<thead>
      <tr>
        <th>รหัสสารเคมี</th>
        <th>ชื่อสารเคมี</th>
        <th>สูตรเคมี</th>
        <th>Cas NO.</th>
        <th>สถานที่เก็บ</th>
        <th>สถานะ</th>
        <th>ปริมาณต่อภาชนะ</th>
        <th>หน่วยภาชนะ</th> 
        <th>ปริมาณในคลัง</th> 
      </tr>
</thead>
    
<tbody>
<?php
include 'config/config.php';
$search_chem= $_GET['search_chem'];
$keyword= $_GET['keyword'];
$sql = "Select * from chemical where $search_chem=$keyword";

$success_or_not = $conn->query($sql);
$result = $conn->query($sql);
if($result -> num_rows>=0){
	while($row = $result->fetch_assoc())
	{
		echo "<tr><td>".$row["ID_chemical"]."</td>
        <td>".$row["Name_chemical"]."</td>
        <td>".$row["Chemical_formula"]."</td>
        <td>".$row["CAS_NO"]."</td>
        <td>".$row["Location"]."</td>
        <td>".$row["category"]."</td>
        <td>".$row["Quantity_bottle"]."</td>
        <td>".$row["Unit"]."</td>
        <td>".$row["Quantity_stock"]."</td>
        <td><div class='dropdown'>
        <button class='btn btn-default dropdown-toggle'
        class='drop-edit' data-toggle='dropdown'>
        <i class='fa fa-cog'></i>
        <span class='caret'></span>
        </button>
        <ul class='dropdown-menu'>
        <li><a href='#' class='edit-chem' 
        data-id=".$row["ID_chemical"]."
        data-name=".$row["Name_chemical"]."
        data-formula=".$row["Chemical_formula"]."
        data-cas=".$row["CAS_NO"]."
        data-location=".$row["Location"]."
        data-cat=".$row["category"]."
        data-valueperbottle=".$row["Quantity_bottle"]."
        data-unit=".$row["Unit"]."
        data-valuestock=".$row["Quantity_stock"]."
         >Edit</a></li>
        <li><a href='#' class='delete-chem'
        data-id=".$row["ID_chemical"].">Delete</a></li>
        </ul>
        </div><!-- /.dropdown -->";
        }
}
    else
	echo "Error ".$sql."<br>".$conn->error;
$conn->close();
    //chemical_update_row.php?ID_chemical=".$row["ID_chemical"]."
?>
</tbody>
</table>

chemical_search_script.php

<script>
$(document).ready(function(){
    $('.edit-chem').click(function(){
        var id = $(this).attr('data-id');
        var name = $(this).attr('data-name');
        var formular = $(this).attr('data-formula');
        var cas = $(this).attr('data-cas');
        var location = $(this).attr('data-location');
        var cat = $(this).attr('data-cat');
        var valueperbottle = $(this).attr('data-valueperbottle');
        var unit = $(this).attr('data-unit');
        var valuestock = $(this).attr('data-valuestock');
        $('#id_chem_modal').val(id);
        $('#name_chem_modal').val(name);
        $('#formular_chem_modal').val(formular);
        $('#cas_chem_modal').val(cas);
        $('#location_chem_modal').val(location);
        $('#cat_chem_modal').val(cat);
        $('#valueperBottle_chem_modal').val(valueperbottle);
        $('#unit_chem_modal').val(unit);
        $('#valuestock_chem_modal').val(valuestock);
        $('#dialog_update').modal('show');  
    });
     $('.delete-chem').click(function(){
         var id2 = $(this).attr('data-id');
         $('#id_chem_modal_del').val(id2);
        $('#dialog_delete').modal('show');
    });  
});
    
    function UpdateChem() {
        var ajaxRequest;
        
        ajaxRequest = new XMLHttpRequest();
        ajaxRequest.onreadystatechange = function()
        {
            if(ajaxRequest.readyState == 4)
            {
                var ajaxDsiplay = document.getElementById("OutputResult");
                ajaxDsiplay.innerHTML = ajaxRequest.responseText;
            }
        }
        
        var name_chem = document.getElementById('name_chem_modal').value;
        var formular_chem = document.getElementById('formular_chem_modal').value;
        var id_chem = document.getElementById('id_chem_modal').value;
        var cas_chem = document.getElementById('cas_chem_modal').value;
        var location_chem = document.getElementById('location_chem_modal').value;
        var cat_chem = document.getElementById('cat_chem_modal').value;
        var valueperbottle_chem = document.getElementById('valueperBottle_chem_modal').value;
        var unit_chem = document.getElementById('unit_chem_modal').value;
        var valuestock_chem = document.getElementById('valuestock_chem_modal').value;
        var queryString = "?id_chem="+id_chem+"&name_chem=" + name_chem +"&formular_chem=" + formular_chem+ "&cas_chem=" + cas_chem +"&location_chem=" + location_chem+ "&valueperbottle_chem=" + valueperbottle_chem+"&cat_chem=" + cat_chem+"&unit_chem=" + unit_chem+"&valuestock_chem=" + valuestock_chem;
        ajaxRequest.open("GET","chemical_update.php"+queryString,true);
        ajaxRequest.send(null);
        }
    function DeleteChem() {
        var ajaxRequest;
        ajaxRequest = new XMLHttpRequest();
        ajaxRequest.onreadystatechange = function()
        {
            if(ajaxRequest.readyState == 4)
            {
                var ajaxDsiplay = document.getElementById("OutputResult");
                ajaxDsiplay.innerHTML = ajaxRequest.responseText;
            }
        }
        var id_chem = document.getElementById('id_chem_modal_del').value;
        
        var queryString = "?id_chem="+id_chem;
        ajaxRequest.open("POST","chemical_delete.php"+queryString,true);
        ajaxRequest.send(null);
        }
    
</script>
<!-- Modal -->
<div id="dialog_update" class="modal fade" role="dialog">
  <div class="modal-dialog">
<form action="chemical_update.php" method="post">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">แก้ไขข้อมูล</h4>
      </div>
      <div class="modal-body">
        <form>
            <div class="row">
            <div class="col-md-12">
            <div class="form-group">
            <label for="name">รหัสสารเคมี</label>
            <input type="text" class="form-control" id="id_chem_modal" readonly >
            </div>
            </div>
            </div>
        <div class="row">
            <div class="col-md-12">
            <div class="form-group">
            <label for="name">ชื่อสารเคมี</label>
            <input type="text" class="form-control" id="name_chem_modal" >
            </div>
            </div>
            </div>
            <div class="row">
            <div class="col-md-6">
            <div class="form-group">
            <label for="name">สูตรเคมี</label>
            <input type="text" class="form-control" id="formular_chem_modal">
            </div>
            </div>
            <div class="col-md-6">
            <div class="form-group">
            <label for="name">Cas No.</label>
            <input type="text" class="form-control" id="cas_chem_modal">
            </div>
            </div>
            </div>
        <div class="row">
            <div class="col-md-6">
            <div class="form-group">
            <label for="name">สถานที่เก็บ</label>
            <input type="text" class="form-control" id="location_chem_modal">
            </div>
            </div>
            <div class="col-md-6">
            <div class="form-group">
            <label for="name">สถานะ</label>
            <select class="form-control" id="cat_chem_modal">
            <option>ของแข็ง</option>
            <option>ของเหลว</option>
            <option>แก๊ส</option>
            </select>
            </div>
            </div>
            </div>
            <div class="row">
            <div class="col-md-4">
            <div class="form-group">
            <label for="name">ปริมาณต่อขวด</label>
            <input type="number" class="form-control" id="valueperBottle_chem_modal">
            </div>
            </div>
            <div class="col-md-4">
            <div class="form-group">
            <label for="name">หน่วยภาชนะ</label>
            <input type="text" class="form-control" id="unit_chem_modal">
            </div>
            </div>
            <div class="col-md-4">
            <div class="form-group">
            <label for="name">ปริมาณในคลัง</label>
            <input type="number" class="form-control" id="valuestock_chem_modal">
            </div>
            </div>
            </div>
        <div class="col-md-12">
        <button type="submit" class="btn btn-success btn-block" onclick="UpdateChem()"><span class="glyphicon glyphicon-floppy-saved" aria-hidden="true"></span>  บันทึกข้อมูล</button>
        </div>
    </form>
      </div>
      <div class="modal-footer">
        
      </div>
    </div>
      </form>
  </div>
</div>
    
<div id="dialog_delete" class="modal fade" role="dialog">
  <div class="modal-dialog">
<form action="chemical_update.php" method="post">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
          
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">ลบข้อมูล</h4>
      </div>
      <div class="modal-body">
        <form>
            <div class="row">
                <div class="col-md-4"></div>
                <center><div class="col-md-4">
                    <center><h2>รหัสสารเคมี</h2></center>
            <input type="text" class="form-control" id="id_chem_modal_del" readonly ></div></center>
            </div> 
            <br>
            <div class="row">
            <div class="col-md-6">
            <button type="submit" class="btn btn-danger btn-block" onclick="DeleteChem()"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span>  ลบข้อมูล</button>
            </div>
            <div class="col-md-6">
            <button type="submit" class="btn btn-default btn-block" onclick=""><span class="glyphicon glyphicon-remove" aria-hidden="true"></span>ยกเลิก</button>
            </div>
            </div>
            
        
        
    </form>
      </div>
      <div class="modal-footer">
        
      </div>
    </div>
      </form>
  </div>
</div>

Tag : PHP, MySQL, JavaScript, Ajax, Windows, Web Service

Date : 2016-09-09 12:37:39

By : pcbimon

View : 976

Reply : 2

No. 1

pcbimon

โพสกระทู้ ( 29 )
บทความ ( 0 )

1.รูปจากหน้าปกติก่อนทำการ search สามารถเรียก modal ได้

2.รูปทำการ search ข้อมูลแล้ว

3.ทำการเรียก modal อีกไม่ได้เลย

Date : 2016-09-09 12:42:33

By : pcbimon

No. 2

apbook01

โพสกระทู้ ( 13 )
บทความ ( 0 )

ลองแก้ตัวปุ่มแก้ไขเป็นแบบนี้ดูครับ

$('.edit-chem').on( 'click' , function(){

โดยเปลี่ยน จาก .click เป็น .on('click')

Date : 2016-09-09 15:30:03

By : apbook01

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ทำไมผมเรียกใช้ script ซ้อนกันไม่ได้ ทั้งที่ทำการตั้งชื่อเรียกในscript เดียวกัน

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05