Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > การส่งค่า id จาก php ไปโชว์ใน modal ลองทำแล้วส่งไม่ได้ รบกวนช่วยดูหน่อยค่ะมีส่วนไหนที่ผิดบ้าง

การส่งค่า id จาก php ไปโชว์ใน modal ลองทำแล้วส่งไม่ได้ รบกวนช่วยดูหน่อยค่ะมีส่วนไหนที่ผิดบ้าง

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

Yanika Muangmee

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

ต้องการส่งค่า id เพื่อไปโชว์ใน modal ค่ะ ไม่แน่ใจว่าเขียนโค้ดส่วนไหนผิด

Code (PHP)

<head>
        <script src="js/show.js"></script>
</head>
 <body>
<form method="post" name="form3" id="form3" target="_blank" ;>
    <div class="container">
      <div class="row">
        <?php
          $i = 1;
          while ($result = mysqli_fetch_assoc($query)) { 
        ?>
        <div class="col-md-4">
          <input id = "event_id" type="hidden" value="t">
          <div class="media d-md-inline-flex " id= "media"  > 
                                    
            <img data-profile = "<?echo $result['id']?>" class="mr-3 rounded-circle align-self-center mr-3" src="data:image/jpg;base64,<?php echo $result['photo'];?>" 
                 alt="Generic placeholder image" width="80" hight="80"  onClick="showprofile()" href="javascript:void(0);" > 
            <div class="media-body" >
           
              <p class="mb-0">
              <h5> 
                <?php echo $result['titleT'] . "   " . $result['nameT'];?>
              </h5>
              <?php echo $result['surnameT'];?>
              <br>
              <?php echo $result['idnum'];?>
              <br>
              <?php echo $result['birthdate'];?>
              <br>
              <?php echo $result['province'];?>
              <br>
            </div>
            <input name="chk[]" type="checkbox"  value="<?php echo $result['id'];?>">
          </div>
        </div>
        <?php $i++; } ?>
      </div>
    </div>
    <input type="button" value="PDF Download" class="btn btn-primary"  onClick="this.form.action='genpdf5.php'; submit()">
    <input type="button" value="CSV Download" class="btn btn-primary"  onClick="this.form.action='csvgen.php'; submit()">
    </form>
 <!-- Modal profile-->
    <div class="modal fade" id="profile" tabindex="-1" role="dialog" aria-labelledby="profile" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="profileTitle">ข้อมูลบัตรประชาชน
            </h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;
              </span>
            </button>
          </div>        
          <div class="modal-body">
            <div class="media d-md-inline-flex ">                    
              <img class="mr-3 rounded-circle align-self-center mr-3" src="data:image/jpg;base64,<?php echo $result_cn['photo'];?>" \alt="Generic placeholder image" width="80" hight="80">
              <div class="media-body" id="show_details" >
                
              </div> 
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">ปิด
            </button>
          </div>
        </div>
      </div>
    </div>
    <!-- End Modal profile-->

 </body>

show.js

Code (JavaScript)

function showprofile(){
  var show_id = $(this).attr('data-profile');
  $.ajax({
    url:"show_profile.php",
    type:"post",
    data:{show_id:show_id},
    success :function(data){
        $("#show_details").html(data);
        $("#profile").modal('show');
    }
  })
};

show_profile.php

Code (PHP)

<?
include('connect.php');
$show_id = $_POST['show_id'];
$sql   = "select * from ThaiIDCard Where id = '".$show_id."'"; 
$result = mysqli_query($con,$sql);
while ($data = mysqli_fetch_array($result)){
    $title = $result['titleT'];
    $name = $result['nameT'];
    $surname = $result['surnameT'];
    $idnum = $result['idnum'];
    $birthdate = $result['birthdate'];
    $province = $result['province'];
}

?>
<div class="form-group">
    <p class="mb-0">
    <h5> 
    <?php echo $title . "   " . $name;?>
    </h5>
    <?php echo $surname;?>
    <br />
    <!-- <span id="event_id"></span> -->
    <?php echo $idnum;?>
    <br />
    <?php echo $birthdate;?>
    <br />
    <?php echo $province;?>
    <br />
</div>

Tag : PHP, JavaScript, Ajax, jQuery

Date : 2019-02-27 14:38:59

By : yanikanaja

View : 3506

Reply : 4

No. 1

iLikeIT

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

ลองกด F12 ดูครับ tab [ Console ] อาจจะมี error หรือ กด Tab [Network] ดูค่าที่ respon กลับมาจาก show_details.php

ตรวจสอบ modal รันได้ไหม
ค่าที่กลับมาจาก show_details.php มีรึป่าว
แท็บ console มี error ไหม

ลองดูครับ

Date : 2019-02-27 15:39:29

By : ilikeit

No. 2

Yanika Muangmee

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

ตอบความคิดเห็นที่ : 1 เขียนโดย : ilikeit เมื่อวันที่ 2019-02-27 15:39:29

รายละเอียดของการตอบ ::

modal รันได้ปกติค่ะ
show_details.php respon id มาเป็นค่าว่างค่ะ
ส่วน console ไม่มี Error ค่ะ

ประวัติการแก้ไข
2019-02-27 17:48:14

Date : 2019-02-27 15:43:45

By : yanikanaja

No. 3

Yanika Muangmee

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

ตอนนี้ ได้แล้วค่ะ

เพิ่ม view_data ใน class แล้วเรียกในฟังก์ชันคลิกค่ะ
Code (PHP)

 <img id = "<?echo $result['id']?>" class="mr-3 rounded-circle align-self-center view_data" src="data:image/jpg;base64,<?php echo $result['photo'];?>" 
                 alt="Generic placeholder image" width="80" hight="80"  > 
            <div class="media-body" >

 <script>
     $(function () {
$(document).on('click','.view_data',function(){
    var id = $(this).attr('id');
    $.ajax({
        url:"show_profile.php",
        type:"post",
        data:{id:id},
        success :function(data){
            $("#show_details").html(data);
            $("#profile").modal('show');
        }
      });
});
})
   </script>

ส่วนไฟล์ show_profile.php
Code (PHP)

<?
if (isset($_POST['id'])){
    $id = $_POST['id'];
    $fetch   = "select * from ThaiIDCard Where id = '".$id."'"; 
    $result = mysqli_query($con,$fetch);
    while ($data = mysqli_fetch_array($result)){
        $title = $data['titleT'];
        $name = $data['nameT'];
        $surname = $data['surnameT'];
        $idnum = $data['idnum'];
        $birthdate = $data['birthdate'];
        $province = $data['province'];
    }
}

?>
<div class="form-group">
    <p class="mb-0">
    <h5> 
    ชื่อ : <?php echo $title . "   " . $name;?>
    </h5>
    <?php echo $surname;?>
    <br />
    <!-- <span id="event_id"></span> -->
    <?php echo $idnum;?>
    <br />
    <?php echo $birthdate;?>
    <br />
    <?php echo $province;?>
    <br />
</div>

Date : 2019-02-27 18:19:26

By : yanikanaja

No. 4

ชนกลุ่มน้อยวังเรียม

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

Code (PHP)

$.get("show_details.php",{"id":id},function(data){
     $("#show_details").html(data);
     $("#profile").modal('show');
})

Date : 2019-02-28 09:45:12

By : bunchuai

ค้นหาข้อมูล

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

Re : การส่งค่า id จาก php ไปโชว์ใน modal ลองทำแล้วส่งไม่ได้ รบกวนช่วยดูหน่อยค่ะมีส่วนไหนที่ผิดบ้าง

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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