ช่วยสอนวิธีอัพขึ่นโฮสหน่อยคับ banner แบบสุ่ม random ด้วย ajax ไม่เข้าใจจริงๆ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ช่วยสอนวิธีอัพขึ่นโฮสหน่อยคับ banner แบบสุ่ม random ด้วย ajax ไม่เข้าใจจริงๆ

ช่วยสอนวิธีอัพขึ่นโฮสหน่อยคับ banner แบบสุ่ม random ด้วย ajax ไม่เข้าใจจริงๆ
จากกระทู้นี้ครับ https://www.ninenik.com/แสดงป้ายโฆษณา_banner_แบบสุ่ม_random_ด้วย_ajax_อย่างง่าย-142.html

ือ ต้องคอนฟิกตรงไหนบ้าง แยก ไฟล์ไหนบ้าง save ไฟล์ เป็น ดอท อะไรบ้าง ผมงงคับ สอนผมทีขอบคุณมาก


Baimai Chill 223.204.56.xxx 15-03-2016 12:55:38

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

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


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


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

 ความคิดเห็นที่ 1
ผมสร้างไฟล์ ajax.js ตัวนี้ อัพขึ่นโฮสไปแล้ว
...................................
// JavaScript Document
function createAjax() 
{
    var request = false;
        try {
            request = new ActiveXObject('Msxml2.XMLHTTP');
        }
        catch (err2) {
            try {
                request = new ActiveXObject('Microsoft.XMLHTTP');
            }
            catch (err3) {
		try {
			request = new XMLHttpRequest();
		}
		catch (err1) 
		{
			request = false;
		}
            }
        }
    return request;
}
.........................
โค๊ดตัวนี้ ผมเปลี่ยนตำแหน่ง src="ajax.js" เป็นตำแหน่งที่อยู่ที่โฮสผมแล้ว แต่รูปไม่แสดง
  1. <script language="javascript" src="ajax.js"></script>   
  2. <script language="javascript">  
  3. function doajax(){  
  4.     var ajax1=createAjax();    
  5.     ajax1.onreadystatechange=function(){  
  6.         if(ajax1.readyState==4 && ajax1.status==200){  
  7.             document.getElementById('myplace').innerHTML=ajax1.responseText;  
  8.         }else{  
  9.             return false;  
  10.         }  
  11.     }  
  12.     ajax1.open("GET","get_banner.php",true);  
  13.     ajax1.send(null);  
  14. }  
  15. window.onload=function(){  
  16.     setInterval("doajax()",2000); // กำหนดให้สลับแบนเนอร์ทุกๆ 2 วินาที  
  17. }  
  18. </script>  
  19. <div id="myplace">  
  20. <img src="images/mybanner_1.jpg"  />  
  21. </div>  
..............................................

โค้ดตัวนี้ผมไม่รู้ว่าต้อง เซฟเป็นไฟล์อะไร แล้วอัพไปไว้ที่ไหนคับ งง
  1. <?php  
  2. header("Cache-Control: no-store, no-cache, must-revalidate");   
  3. header("Cache-Control: post-check=0, pre-check=0", false);   
  4.     $banner_img_arr=array(  
  5.         "0"=>"images/mybanner_1.jpg"// key 0 เก็บรูป banner ที่ 1  
  6.         "1"=>"images/mybanner_2.jpg"// key 1 เก็บรูป banner ที่ 2  
  7.         "2"=>"images/mybanner_3.jpg" // สามารถเพิ่มจำนวนได้  
  8.     );  
  9.     $banner_link_arr=array(  
  10.         "0"=>"http://www.google.com", // เก็บค่า link เรียงลำดับให้ตรงคู่กับรูปภาพ  
  11.         "1"=>"http://www.yahoo.com",  
  12.         "2"=>"http://www.hotmail.com"    // สามารถเพิ่มจำนวนได้  
  13.     );  
  14.     $rand_banner=rand(0,2); // ค่า key 0 ถึง 2  
  15.     $banner_img=$banner_img_arr[$rand_banner];  
  16.     $banner_link=$banner_link_arr[$rand_banner];  
  17.     $html_banner="<a href='".$banner_link."' target='_blank'>";  
  18.     $html_banner.="<img src='".$banner_img."' border='0'></a>";  
  19.     echo $html_banner// แสดง แบนเนอร์  
  20. ?>  


Baimai Chill 223.204.56.xxx 15-03-2016 13:05
 ความคิดเห็นที่ 2
โค้ดเก่าน่าจะล้าสมัยแล้ว ลองเปลี่ยนมาใช้ jquery ดู
สร้างไฟล์ 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"=>"https://www.ninenik.com/images/logo_01_Tue.gif", // key 0 เก็บรูป banner ที่ 1
		"1"=>"https://www.ninenik.com/images/logo_01_Wed.gif", // key 1 เก็บรูป banner ที่ 2
		"2"=>"https://www.ninenik.com/images/logo_01_Fri.gif"	// สามารถเพิ่มจำนวนได้
	);
	$banner_link_arr=array(
		"0"=>"https://www.ninenik.com", // เก็บค่า link เรียงลำดับให้ตรงคู่กับรูปภาพ
		"1"=>"https://www.ninenik.com",
		"2"=>"https://www.ninenik.com"	// สามารถเพิ่มจำนวนได้
	);
	$rand_banner=rand(0,2); // ค่า key 0 ถึง 2
	$banner_img=$banner_img_arr[$rand_banner];
	$banner_link=$banner_link_arr[$rand_banner];
	$html_banner="<a href='".$banner_link."' target='_blank'>";
	$html_banner.="<img src='".$banner_img."' border='0'></a>";
	echo $html_banner; // แสดง แบนเนอร์
?>


ส่วนไฟล์ที่แสดง แบนเนอร์ สมมติชื่อ index.php 
การเรียกใช้ก็จะประมาณนี้

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

    <div id="place_banner1" style="margin:auto;width:800px;">
        <a href="https://www.ninenik.com" target="_blank">
            <img src="https://www.ninenik.com/images/logo_01_Tue.gif" border="0"?>
        </a>
    </div>    
    
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>    
<script type="text/javascript">
$(function(){
    
    setInterval(function(){
        $("#place_banner1").load("get_banner.php");
    },3000); // ให้ไปดึงรูปและลิ้งค์แบนเนอร์ ทุกๆ 3 วินาที // 1000 ช 1 วิ
});   
</script>
</body>
</html>


ตัวอย่าง





ninenik 183.88.86.xxx 15-03-2016
 ความคิดเห็นที่ 3
ได้แล้วครับพี่ ขอบคุณมาก ยอดมนุสจิงๆ


Baimai Chill 223.204.56.xxx 15-03-2016 20:49
1






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