ดีฮ่ะ กับ บทความแรกของผม ก็อยากจะแนะนำให้ ลองมาคบกับ YUI กันดูครับ จะได้ทำ web 2.0 สวยๆกัน ก็มีกันมานนแล้วน๊ะครับสำครับ user interface ตัวนี้ ตัวที่ released ล่าสุดก็จะเป็น YUI 2.7.0 คับ ก็ตามกันดูไปโหลดได้ที่ นี่เลย
เวอร์ชัน releases http://yuiblog.com/blog/2009/06/24/yui3b1/
สำหรับตัวอย่างก็ไปดูกันได้ที่นี่เลยคับ http://developer.yahoo.com/yui/3/examples/
ในส่วนที่ผมยิบมาเล่นก็เป็นในส่วนของ feed น๊ะครับจะอยู่ในส่วนของ Drag &Drop แล้วก็ไปที่ Example Portal Style Example คับ คลิ๊กที่ View ได้เลยคับ
ลองลากในส่วนของ feed กันดูน๊ะครับ แหล่มมากๆเลยคับ ในส่วนนี้ผมไปแกะมาในส่วนของ link feed ที่เราเห็นกันน๊ะครับ ดูกันที่ Full Source ที่หน้าเว็บได้เลยครับ
code ส่วนที่สองครับ
1 |
var feeds = { <br /> 'ynews': { <br /> id: 'ynews', <br /> title: 'Yahoo! US News', <br /> url: 'rss.news.yahoo.com/rss/us' <br /> }, <br /> 'yui': { <br /> id: 'yui', <br /> title: 'YUI Blog', <br /> url: 'feeds.yuiblog.com/YahooUserInterfaceBlog' <br /> }, <br /> 'slashdot': { <br /> id: 'slashdot', <br /> title: 'Slashdot', <br /> url: 'rss.slashdot.org/Slashdot/slashdot' <br /> }, <br /> 'ajaxian': { <br /> id: 'ajaxian', <br /> title: 'Ajaxian', <br /> url: 'feeds.feedburner.com/ajaxian' <br /> }, <br /> 'daringfireball': { <br /> id: 'daringfireball', <br /> title: 'Daring Fireball', <br /> url: 'daringfireball.net/index.xml' <br /> }, <br /> 'wiredtech': { <br /> id: 'wiredtech', <br /> title: 'Wire: Tech Biz', <br /> url: 'www.wired.com/rss/techbiz.xml' <br /> }, <br /> 'techcrunch': { <br /> id: 'techcrunch', <br /> title: 'TechCrunch', <br /> url: 'feedproxy.google.com/Techcrunch' <br /> }, <br /> 'smashing': { <br /> id: 'smashing', <br /> title: 'Smashing Magazine', <br /> url: 'www.smashingmagazine.com/wp-rss.php' <br /> } <br /> }; <br /> |
‘ynews’: {
id: ‘ynews’, <———– เป็นชื่อของ id ของ feed ที่เรานำมาครับแล้วแต่เราจะตั่งอย่าให้ซ้ำกันก็พอ
title: ‘Yahoo! US News’, <———– ตรงนี้เป็น ส่วนที่จะไปโชว์ที่หน้าเว็บน๊ะครับ
url: ‘rss.news.yahoo.com/rss/us’ <———– อันนี้ก็ link feed เลย
ลองไปนำไปใช้กันดูน๊ะครับ ส่วนผมก็ขอตัวไปนั่งแกะ นั่งแคะต่อครับ ยังละอ่อนอยู่คับ ^^
( ก็อยากจะให้ไปตั่งกระทู้ไปคุยกันที่ บอร์ด น๊ะ ครับ เพื่อ ที่ผมและพี่ๆเพื่อนๆน้องๆที่อยากจะทำ web 2.0 จะได้ช่วยกานแชร์ความรู้กันคับ ตามหา GURU คับ อิอิ )
///// ฝากกันด้วยน๊ะครับท่าน GURU ทั้งหลายครับ ^^ กดที่นี่ไป เว็บบอร์ดของเรา