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

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

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

 จากกระทู้ 

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

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

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

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

<!-- 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

<?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






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ