หน้า 1 จากทั้งหมด 1

ต้องการ ให้ ajax เปลี่ยน css ใน div

โพสต์แล้ว: 08/11/2019 3:26 pm
โดย bankjittapol
คือ เมื่อเรา กำการ เลือก พื้นหลัง ใน list box แล้ว พื้นหลังสนามเปลี่ยน ตามที่เราเลือกครับ
ตอนนี้ผมทำการ ส่ง id ของพื้นหลัง ด้วย ajax แล้ว ให้ทำการ select ชื่อของ พื้นหลัง เพื่อแล้วใส่ใน css ได้แล้ว แต่ไม่รู้ว่าค่า css ที่ส่งกลับมาควรเป็นแบบไหนครับ

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

 <?php  
 $bg =  $_POST["bg"];
 $sql_ajax_bg = "SELECT * FROM $datalineup_bg WHERE bg_id = $bg";
 $result_ajax_bg = mysqli_query($con,$sql_ajax_bg);
 $rowbg = mysqli_fetch_assoc($result_ajax_bg); ?>
   <style media="screen">
   .drag-container {
     background-image: url('background_image/<?php echo $rowbg['bg_name']; ?>');
       }
    </style>

ผลลัพพธ์ที่แสดงในหน้า log ครับ
รูปภาพ

ต้องแก้ไขอะไรยังไง ช่วยแนะนำด้วยครับ ขอบคุณครับ

Re: ต้องการ ให้ ajax เปลี่ยน css ใน div

โพสต์แล้ว: 08/11/2019 3:32 pm
โดย tsukasaz
แล้วตัว javascript เขียนไว้ยังไงครับ

Re: ต้องการ ให้ ajax เปลี่ยน css ใน div

โพสต์แล้ว: 08/11/2019 3:40 pm
โดย bankjittapol
tsukasaz เขียน:แล้วตัว javascript เขียนไว้ยังไงครับ
เปลี่ยนรูปได้แล้วครับ แต่ตัวบล็อคนักเตะ กลับหายแทน
ส่งค่า id ajax ธรรมดาอะครับ

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

    $(".selbg").change(function(){
              $.ajax({
                type: "POST",
                url: "post2.php",
                data:{bg: $(".selbg").val()},
                success: function(data){
                 $(".drag-container").html(data);
                }
              });
            });

Re: ต้องการ ให้ ajax เปลี่ยน css ใน div

โพสต์แล้ว: 08/11/2019 4:03 pm
โดย tsukasaz
ส่วนของไฟล์ php ให้ echo แค่ตัวแปร $rowbg['bg_name']; พอครับ แล้วในส่วนของ javascript ที่รับค่ากลับมาใช้คำสั่ง

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

$(".drag-container").css("background-image", "url('background_image/" + data + "')");