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

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: ต้องการจะ input ชื่อนักเตะตามตำแหน่งที่คลิก

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

โดย bankjittapol » 08/11/2019 2:11 pm

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

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

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

โดย tsukasaz » 06/11/2019 1:30 pm

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

ให้ดึงชื่อมาแสดงใน block และเมื่อมีการแก้ไข ให้เอาชื่อกลับไปใส่ใน block นั้นๆ ได้ โดยใช้ id ในการอ้างอิงครับ

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

โดย bankjittapol » 05/11/2019 3:33 pm

เมื่อทำการคลิกที่ตำแหน่งนักแตะ แล้วจะมี 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 ไหนช่วยแนะนำหน่อยครับ

ข้างบน