ต้องการจะ input ชื่อนักเตะตามตำแหน่งที่คลิก

พูดคุยแลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework jQuery และ Node.JS รวมถึง Framework Express ของ Node.JS ทำงานฝั่ง Server

Moderator: mindphp

ภาพประจำตัวสมาชิก
bankjittapol
PHP Super Member
PHP Super Member
โพสต์: 344
ลงทะเบียนเมื่อ: 21/10/2019 10:19 am

ต้องการจะ input ชื่อนักเตะตามตำแหน่งที่คลิก

โพสต์ที่ยังไม่ได้อ่าน โดย bankjittapol »

เมื่อทำการคลิกที่ตำแหน่งนักแตะ แล้วจะมี popup ขึ้นมาให้ใส่ชื่อ ซึ่งส่วนนี้ทำได้แล้ว แต่คิดไม่ออกเลยครับว่า เมื่อเราคลิกกรอกชื่อ ตำแหน่งที่1 ชื่อก็จะแสดงที่ตำแหน่ง 1 อะครับ
เพราะว่าตอนนี้ คลิกที่ตำแหน่งไหน ก็เป็นค่าเดียวกันหมดเลย
รูปภาพ

โค้ด: เลือกทั้งหมด

     <div class="drag-container" align="center" >
       <?php $sql_opt_position = "SELECT * FROM $datalineup_position WHERE plan_id = '3' ";
       $result_opt_position = mysqli_query($con,$sql_opt_position);
       while ($rowposition = mysqli_fetch_assoc($result_opt_position)) {     ?>
         <div class="draggable" data-toggle="modal" data-target="#myModal" style="transform: translate(<?php echo $rowposition['pst_x'].'px'; ?> , <?php echo $rowposition['pst_y'].'px'; ?>);" data-x="<?php echo $rowposition['pst_x']; ?>" data-y="<?php echo $rowposition['pst_y'];?>">
           
           <p id="shw_nameply" ><?php echo $rowposition["pst_name"]; ?></p>
         </div>
         <div class="modal fade" id="myModal" role="dialog">
           <div class="modal-dialog modal-sm">
             <form method="post" action="" name="form">
               <div class="modal-content">
                 <div class="modal-header">
                   <button type="button" class="close" data-dismiss="modal">&times;</button>
                   <h4 class="modal-title"><?php echo $rowposition["pst_name"]; ?></h4>
                 </div>
                 <div class="modal-body">
                   <input type="text" name="name_player" id="name_player" value="<?php echo $rowposition["pst_name"]; ?>" class="modal-input" placeholder="กรอกชื่อนักเตะ">
                 </div>
                 <div class="modal-footer">
                   <button type="submit" onclick="addnameplayer()" class="btn btn-primary" data-dismiss="modal">Submit</button>
                   <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                 </div>
               </div>
             </form>
           </div>
         </div>
       <?php } ?>
     </div>
จากโค้ด คือการ select ค่าจากฐานข้อมูล ซึ่งเก็บตำแหน่งของผู้เล่นอยู่ ในที่นี้ กำหนดใช้แผน 3

โค้ด: เลือกทั้งหมด

     function addnameplayer() {
                 var inputval = document.getElementById("name_player").value;
                 document.getElementById("shw_nameply").innerHTML =  inputval;

               }
ผมต้อง ศึกษา หรือใช้ function ไหนช่วยแนะนำหน่อยครับ
ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 21911
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

Re: ต้องการจะ input ชื่อนักเตะตามตำแหน่งที่คลิก

โพสต์ที่ยังไม่ได้อ่าน โดย tsukasaz »

แนวทางก็คือ เราอาจจะกำหนด id ที่ไม่เหมือนกันให้กับ block ทั้ง 11 block ก่อน เมื่อคลิกที่ block ตัว javascript ต้องรู้ว่า id ของ block ไหนที่ถูกเรียกอยู่

ให้ดึงชื่อมาแสดงใน block และเมื่อมีการแก้ไข ให้เอาชื่อกลับไปใส่ใน block นั้นๆ ได้ โดยใช้ id ในการอ้างอิงครับ
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
ภาพประจำตัวสมาชิก
bankjittapol
PHP Super Member
PHP Super Member
โพสต์: 344
ลงทะเบียนเมื่อ: 21/10/2019 10:19 am

Re: ต้องการจะ input ชื่อนักเตะตามตำแหน่งที่คลิก

โพสต์ที่ยังไม่ได้อ่าน โดย bankjittapol »

tsukasaz เขียน:แนวทางก็คือ เราอาจจะกำหนด id ที่ไม่เหมือนกันให้กับ block ทั้ง 11 block ก่อน เมื่อคลิกที่ block ตัว javascript ต้องรู้ว่า id ของ block ไหนที่ถูกเรียกอยู่

ให้ดึงชื่อมาแสดงใน block และเมื่อมีการแก้ไข ให้เอาชื่อกลับไปใส่ใน block นั้นๆ ได้ โดยใช้ id ในการอ้างอิงครับ
มีส่วนของ ตัวอย่าง หรือ อะไรที่พอจะไปศึกษาเพิ่มเติม ไหมครับ ไม่ค่อยเข้าใจเท่าไหร่ครับ :cry:
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 46