metee

Tue 5 Sep 2006 10:53:50
Tue 5 Sep 2006 10:53:50
ให้แสดงข่าวหรือบทความ อยากสอบถามพี่ๆครับว่า อย่างผมเห็นในเวป http://www.mcot.net/ ในหฟน้าแรกเลยครับ จะมี Top News ในหน้าแรกครับ ที่สามารถเลื่อน ข่าวไปหน้าหรือ ถอยหลังได้ ครับ ไม่ทราบใช้ อะไร ทำครับ โหลดมาแกะแล้วก็ ยังไม่เข้าใจอยู่ ดีครับ และอยากจะให้ดึงจากดาต้าเบสด้วย php ครับ ขอท่านๆพี่ชี้แนะด้วยครับ ขอบคุณครับ
ตัวอย่างเหมือนในภาพนี่ครับ
ตัวอย่างเหมือนในภาพนี่ครับ
เป็นการนำหัวข้อข่าวและคำอธิบายข่าวสั้นๆพร้อมทั้งภาพข่าว เก็บไว้ใน 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 เท่านั้นครับ
เช่น
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 เท่านั้นครับ

















