Page 1 of 1

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

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

Code: Select all

 <?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 ครับ
Image

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

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

Posted: 08/11/2019 3:32 pm
by tsukasaz
แล้วตัว javascript เขียนไว้ยังไงครับ

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

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

Code: Select all

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

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

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

Code: Select all

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