พบกับบทความเกี่ยวกับคอมพิวเตอร์และ programming ได้ที่ http://articles.modoeye.com | บล็อกอาหาร
PHP development / แสดงข่าว
metee
metee
Tue 5 Sep 2006 10:53:50
ให้แสดงข่าวหรือบทความ อยากสอบถามพี่ๆครับว่า อย่างผมเห็นในเวป http://www.mcot.net/  ในหฟน้าแรกเลยครับ จะมี Top News    ในหน้าแรกครับ ที่สามารถเลื่อน ข่าวไปหน้าหรือ ถอยหลังได้ ครับ ไม่ทราบใช้ อะไร ทำครับ โหลดมาแกะแล้วก็ ยังไม่เข้าใจอยู่ ดีครับ และอยากจะให้ดึงจากดาต้าเบสด้วย php  ครับ ขอท่านๆพี่ชี้แนะด้วยครับ ขอบคุณครับ  ตัวอย่างเหมือนในภาพนี่ครับ
Administrator
Tue 5 Sep 2006 12:55:37
เป็นการนำหัวข้อข่าวและคำอธิบายข่าวสั้นๆพร้อมทั้งภาพข่าว เก็บไว้ใน array ของ Javascript ครับ
เช่น

var news = new Array();
news[0] = unescape('ข่าวที่ 1 <img src="images/image1.jpg">');
news[1] = unescape('ข่าวที่ 2 <img src="images/image2.jpg">');
news[2] = unescape('ข่าวที่ 3 <img src="images/image3.jpg">');

จากนั้นก็นำมาแสดงผลโดยสร้าง element เพื่อนำมาแสดงผลครับเช่น

<div id="topnews"></div>
<script language="javascript" type="text/javascript">
var idx = 0;
function moveNext(){
    showNews(((idx+1 > (news.length-1))?news.length:idx++));
}

function movePrev(){
    shwoNews(((idx-1 < 0)?0:idx--));
}

function showNews(id, txt){
    if(txt == "undefined"){
       getObj(id).innerHTML = news[0];
    }else{
       getObj(id).innerHTML = txt;
    }
}

function getObj(id){
    return document.all?document.all[id]:document.getElementById(id);
}

showNews("topnews");
</script>
<a href="javascript:;" onclick="movePrev()">Prev</a> | <a href="javascript:;" onclick="moveNext()">Next</a>

เป็นการเลื่อนข่าวแบบง่ายๆครับ ลองทดลองดูครับ (ยังไม่ได้ debug นะครับ แต่คงพอจะอ่านได้เป็น guide) ซึ่งตามที่เห็นเป็น static content ซึ่งการที่จะให้ข่าว update นั้นก็ให้เอาข่าวมาใส่ในตัวแปร array ใน javascript โดยการ query มาจาก db เท่านั้นครับ
Reply
Name:
E-mail:
Home | Services | Forum | Classified | Directories | Support | Contact
ATOM feed RSS 0.9 feed RSS 1.0 feed RSS 2.0 feed
Copyright © 2005 - 2007 Modoeye.com, All Rights Reserved.
Disclaimer | Privacy policy | Term of Use | Term of Services
Valid XHTML Valid CSS! PHP: Hypertext Preprocessor MySQL database Apache Powered! FreeBSD Power to serve
Modoeye Sitemap Client login