สอบถามเรื่อง ป้ายโฆษณา banner แบบสุ่ม random ด้วย ajax

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถามเรื่อง ป้ายโฆษณา banner แบบสุ่ม random ด้วย ajax

สอบถามเรื่อง ป้ายโฆษณา banner แบบสุ่ม random ด้วย ajax

 จากกระทู้ 

แสดงป้ายโฆษณา banner แบบสุ่ม random ด้วย ajax อย่างง่าย

https://www.ninenik.com/content.php?arti_id=142

ผมไปลองปรับใช้เป็น สุ่มทั้งพื้นหลัง และข้อความครับ โค้ดน่ะครับ

โค้ดชุดนี้เป็นตัวแสดงผลครับ

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!-- swap index-->
                                    <script language="javascript" src="code/ajax.js"></script>
                                    <script language="javascript">
                                    function doajax(){
                                        var ajax1=createAjax(); 
                                        ajax1.onreadystatechange=function(){
                                            if(ajax1.readyState==4 && ajax1.status==200){
                                                document.getElementById('myplace').innerHTML=ajax1.responseText;
                                            }else{
                                                return false;
                                            }
                                        }
                                        ajax1.open("GET","get_banner.php",true);
                                        ajax1.send(null);
                                    }
                                    window.onload=function(){
                                        setInterval("doajax()",2000); // กำหนดให้สลับแบนเนอร์ทุกๆ 2 วินาที
                                    }
                                    </script>
                                    <table border="0" cellpadding="0" cellspacing="0" id="myplace">
                                        <tr>
                                            <td width="901" height="292" align="center" valign="middle" background="images/swap/beach-23.jpg">
                                                <div style="background-image:url(images/swap/bg.png); width:588px; height:188; text-align:center; vertical-align:middle;"><h2>หัวข้อ</h2>บทความ</div>
                                            </td>
                                        </tr>
                                    </table>

ชุดนี้เป็นข้อมูลครับ get_banner.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?php
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
    $banner_img_arr=array(
        "0"=>"images/swap/beach-lover-request-serene.jpg", // key 0 เก็บรูป banner ที่ 1
        "1"=>"images/swap/beach.gif", // key 1 เก็บรูป banner ที่ 2
        "2"=>"images/swap/summer-beach-sand-joy.jpg",
        "3"=>"images/swap/vacation-beach-water-island.jpg"// สามารถเพิ่มจำนวนได้
    );
    $banner_text_arr=array(
        "0"=>"<h2>Phuket Jobs</h2>หางานภูเก็ต ตำแหน่งงานว่างภูเก็ต งานราชการ งานโรงแรม ภูเก็ต", // key 0 เก็บรูป banner ที่ 1
        "1"=>"<h2>Konphuket Magazine</h2>The Phuket Life Stlye Magazine", // key 1 เก็บรูป banner ที่ 2
        "2"=>"<h2>Tour KonPhuket</h2>ทัวร์ภูเก็ต เที่ยวภูเก็ต ทัวร์ต่างประเทศ จัดทัวร์ ราคาประหยัด โปรแกรมท่องเที่ยว โดยคนภูเก็ต",
        "3"=>"<h2>TV Phuket</h2>หนังสั้น ภูเก็ตเรื่องแรก ของคนภูเก็ต No Land Standing เขย่ง"// สามารถเพิ่มจำนวนได้
    );
 
    $rand_banner=rand(0,3); // ค่า key 0 ถึง 2
    $rand_banner_text=rand(0,3);
    $banner_img=$banner_img_arr[$rand_banner];
    $banner_link=$banner_link_arr[$rand_banner];
    $banner_text=$banner_text_arr[$rand_banner_text];
    $html_banner.='<td background="'.$banner_img.'"width="901" height="292" align="center" valign="middle"><div style="background-image:url(images/swap/bg.png); width:588px; height:188; text-align:center; vertical-align:middle; color:#000; font-size: 18px;">'.$banner_text.'</div></td>';
    echo $html_banner; // แสดง แบนเนอร์
?>

 



Lerspibull 25-05-2011 11:01:17

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1

โทษทีครับ โค้ดที่โพส มันใช้ไม่ได้กับ IE น่ัะครับ เลยอยากถามผู้รู้ว่า ผมแก้อะไรผิดพลาดไปรึป่าวครับ งงมากเลยครับ



Lerspibull 25-05-2011 11:05
 ความคิดเห็นที่ 2

 โค้ดที่ error  คือตัวนี้ครับ document.getElementById('myplace').innerHTML=ajax1.responseText; บรรทัดที่8ของโค้ดชุดแรกครับ 

จะแก้้ยังไได้บ้างครับ



Lerspibull 25-05-2011 11:42







สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet
หรือ
Terms of Service | Privacy Policy
Author
2025 © Copyright ninenik.com. All rights reserved.
เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ