Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 107,904

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



 

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

 



Topic : 133215



โพสกระทู้ ( 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







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2019-02-27 14:38:59 By : yanikanaja View : 376 Reply : 4
 

 

No. 1



โพสกระทู้ ( 280 )
บทความ ( 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



โพสกระทู้ ( 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



โพสกระทู้ ( 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 )



สถานะออฟไลน์
Facebook

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 ลองทำแล้วส่งไม่ได้ รบกวนช่วยดูหน่อยค่ะมีส่วนไหนที่ผิดบ้าง
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม

Load balance : Server 02
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2019 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 08-9968-0655 อัตราราคา คลิกที่นี่