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

พูดคุยแลกเปลี่ยน ปัญหา การเขียน 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

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

โพสต์ที่ยังไม่ได้อ่าน โดย 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 ครับ
รูปภาพ

ต้องแก้ไขอะไรยังไง ช่วยแนะนำด้วยครับ ขอบคุณครับ
ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 21911
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

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

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

แล้วตัว javascript เขียนไว้ยังไงครับ
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: ต้องการ ให้ ajax เปลี่ยน css ใน div

โพสต์ที่ยังไม่ได้อ่าน โดย 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);
                }
              });
            });
ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 21911
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

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

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

ส่วนของไฟล์ php ให้ echo แค่ตัวแปร $rowbg['bg_name']; พอครับ แล้วในส่วนของ javascript ที่รับค่ากลับมาใช้คำสั่ง

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

$(".drag-container").css("background-image", "url('background_image/" + data + "')");
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

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

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