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


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

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

Post by bankjittapol » 08/11/2019 3:26 pm

คือ เมื่อเรา กำการ เลือก พื้นหลัง ใน 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

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

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

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

Post by tsukasaz » 08/11/2019 3:32 pm

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

Post by bankjittapol » 08/11/2019 3:40 pm

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);
                }
              });
            });

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

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

Post by tsukasaz » 08/11/2019 4:03 pm

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

Code: Select all

$(".drag-container").css("background-image", "url('background_image/" + data + "')");
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)

Post Reply

Return to “JavaScript & Jquery Ajax”

Users browsing this forum: Bing [Bot] and 3 guests