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

พูดคุย แลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework Jquery

Moderator: mindphp

User avatar
bankjittapol
PHP Super Member
PHP Super Member
Posts: 344
Joined: 21/10/2019 10:19 am

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

Post by bankjittapol » 05/11/2019 3:33 pm

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

Code: Select all

     <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

Code: Select all

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

               }
ผมต้อง ศึกษา หรือใช้ function ไหนช่วยแนะนำหน่อยครับ

User avatar
tsukasaz
PHP VIP Members
PHP VIP Members
Posts: 10567
Joined: 18/04/2012 9:39 am

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

Post by tsukasaz » 06/11/2019 1:30 pm

แนวทางก็คือ เราอาจจะกำหนด 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)

User avatar
bankjittapol
PHP Super Member
PHP Super Member
Posts: 344
Joined: 21/10/2019 10:19 am

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

Post by bankjittapol » 08/11/2019 2:11 pm

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

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

Post Reply

Return to “JavaScript & Jquery Ajax”

Users browsing this forum: No registered users and 7 guests