PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

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

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

 จากกระทู้ 

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

http://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 IP: 110.77.177.xxx วันที่: 25-05-2011 เวลา: 11:01:17

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

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


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


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 2

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

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



โดย:  Lerspibull IP: 110.77.177.xxx วันที่: 25-05-2011 เวลา: 11:42:57
 ความคิดเห็นที่ 1

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



โดย:  Lerspibull IP: 110.77.177.xxx วันที่: 25-05-2011 เวลา: 11:05:33