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

Post a reply

Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

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

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

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 + "')");

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

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

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

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

แล้วตัว javascript เขียนไว้ยังไงครับ

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

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

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

Top