Sync Code

สวัสดีค่ะ สำหรับคนที่กำลังมองหาเครื่องดื่มที่ดับความร้อน และยังช่วยให้มีสุขภาพที่ดีด้วย เชิญทางนี้ค่ะ เนื่องจากประเทศไทยเราเป็นเมืองร้อน และร้อนมากๆ จึงขอนำเสนอเครื่องดื่มที่ทำง่ายๆและยังช่วยให้ร่างกายสดชื่น ดับความร้อนในร่างกายได้เป็นอย่างดี  5 เมนูค่ะ 1. น้ำเสาวรส ลดไขมันในเลือด สรรพคุณ ของน้ำเสาวรส ช่วยชลอการเกิดริ้วรอย มีวิตามินบีช่วยบำรุงผิวพรรณ มีสารต้านอนุมูลอิสระ มีวิตามินเอ ช่วยบำรุงสายตา และยังช่วยรักษาโรคความดันโลหิตสูงเป็นต้น วัสถุดิบ 1.เสาวรส 3 ผล 2.น้ำเปล่า 3.เกลือ 1/4ช้อนชา 4.น้ำตาล 3 ช้อนโต๊ะ (หรือตามใจชอบ) วิธีทำ  1.นำผลแก่ของเสาวรสมำล้างทำความสะอาดและผ่าครึ่งแล้วคว้านเอาเนื้อเสาวรสใส่ลงในภาชนะที่เตรียมไว้ 2.เอาเนื้อเสาวรสที่ได้ไปกรองจนเหลือส่วนที่เป็นน้ำและเมล็ดเล็กน้อย 3.นำส่วนที่กรองแล้วมาผสมน้ำ ต้มให้เดือด เติมเกลือ และ น้ำตาล ตั้งไฟและคนประมาณ 2 นาที 4.ปิดไฟ ทิ้งให้เย็น และเสิฟพร้อมน้ำแข็งหรือจะแช่เย็นก็อร่อยอีกแบบค่ะ 2. น้ำแก้วมังกร ป้องกันโรคหัวใจ สรรพคุณ น้ำแก้วมังกร ป้องกันโรคหัวใจ โรคความดันโลหิต โรคตับ โรคเบาหวาน โรคมะเร็งลำ

สามารถดาวน์โหลดได้จากเว็บ Download : http://www.developerthai.com/books/pmj.zip

การแสดงรูปภาพบน Listview สามารถกำหนดให้แสดงได้ 2 แบบ คือ - แสดงแบบ Icon จะแสดงไอคอนไว้ทางซ้ายมือของรายการเพื่อบ่งบอกสถานะ - Thumbnail จะแสดงรูปทางซ้ายมือเพื่อบอกรายละเอียดของรายการ หลักการกำหนดรูปภาพจะใช้แท็ก <img> ไว้ภายใต้แท็ก <li> หรือกาหนดไว้ภายใต้แท็ก <a> (ถ้ามีการเชื่อมโยง) ซึ่งอยู่ภายใต้แท็ก <li> โดยถ้าเป็น Icon ต้องกาหนดคุณสมบัติ class='ui-li-icon' ให้กับแท็ก <img> ส่วน Thumbnail ไม่ต้องกำหนดอะไร สำหรับขนาดภาพของ Thumbnail มีขนาด 80 x 80 pixel ส่วน Icon มีขนาดภาพเป็น 40 x 40 pixel การกำหนดภาพสาหรับ Thumbnail 1. สร้าง New Project แบบ Blank Project ชื่อ Thumbnail 2. ลบ Code เดิมทั้งหมดแล้วพิมพ์ Code ต่อไปนี้แทน 3. สร้าง Folder ชื่อ images ไว้ที่ Thumbnail/www พร้อมหาภาพตามขนาดที่กำหนด 4. ทดลองโปรแกรมโดยคลิกที่ Emulate การกำหนด Icon 1. สร้าง New Project แบบ Blank Project ชื่อ Icon 2. ลบ Code เดิมทั้งหมดแล้วพิมพ์ Code ต่อไปนี้แทน 3. สร้าง Folder ชื่อ images ไว้ที่ Icon/www พร้อมหาภาพตามขนาดที่กำหนด 4. ทดลองโป

Workshop 6 การสร้าง Listview แบบต่าง ๆ ใน Workshop 5 ได้กล่าวถึงการกาหนดคุณสมบัติ data-role listview ใน jQuery ที่ส่งผลให้การใช้แท็ก และแท็ก มีการแสดงผลที่แตกต่างจากการทางานของ HTML ปกติ ใน Workshop 6 จะนาคุณสมบัติต่าง ๆ ที่ใช้กาหนดการทางานของ Listview ให้แตกต่างกันไป A. การสร้าง Listview แบบ inset เป็นการกาหนดให้ Listview ของแท็ก และ มีขอบแบบขอบมนสวยงาม กิจกรรมที่ 1 การสร้าง Lisiview แบบ inset 1. สร้าง New Project แบบ a Blank Project โดยกาหนดชื่อ listviewinset 2. ลบ Code เดิมแล้วพิมพ์ Code ใหม่ดังนี้  3. Copy ไฟล์ jQuery ประกอบด้วย jquery.mobile-1.3.2.min.css,jquery.js และไฟล์ jquery.mobile-1.3.2.min.js ไว้ใน Folder css และ js 4. ทดสอบ Project จะได้ผลลัพธ์ดังนี้ B. การสร้าง Listview แบบ list-divider คุณสมบัติของ data-role สามารถกาหนดให้การแบ่งกลุ่มรายการได้ด้วย list-divider ซึ่งผู้สร้างสามารถแบ่งหมวดหมู่รายการได้อย่างชัดเจน รูปแบบการใช้จะใช้งานเป็น property ของแท็ก ดังนี้ กิจกรรมที่ 2 การใช้