สำนักวิทยบริการและเทคโนโลยีสารสนเทศ (สวส.)

Office of Academic Resources and Information Technology

อานนท์ หลงหัน's blog

jquery Mobie Framework คือ

jQuery Mobile Framework  คือ Framework ชนิดหนึ่งซึ่งได้รับความนิยมใช้งานอย่างแพร่หลายมาก เพราะปัจจุบันอุปกรณ์พกพาต่าง ๆ เพิ่มเข้ามามีบทบาทมากยิ่งขึ้น ผู้คนต่าง ๆ มีการใช้งานเว็บไซต์ผ่านอุปกรณ์ต่าง ๆ มากยิ่งขึ้นทุกวัน ๆ ซึ่ง jQuery Mobile Framework นี้ช่วยให้ผู้พัฒนาสามารถเขียนเว็บไซต์ขึ้นมาครั้งเดียว แต่สามารถรันได้บนทุกอุปกรณ์ ซึ่งทำให้มีทางเลือกในการพัฒนา และสร้างประสบการณ์ใหม่ ๆ ให้กับผู้พัฒนา และผู้ใช้งานเป็นอย่างมาก

 

ประโยชน์ของ jQuery Mobile Framework

PHP OOP การถ่ายทอดคุณสมบัติของคลาส(Inheritance)

คุณสมบัตินี้เป็นคุณสมบัติที่เรียกว่า ถ่ายทอดคุณสมบัติของคลาส ฟีเจอร์นี้มีประโยชน์สุด ๆ ในการเพิ่มฟีเจอร์ย่อยหรือผลพลอยได้จากการพัฒนาแบบหลาย ๆ คนทำงานร่วมกัน หรือจะเป็นลักษณะการพัฒนาต่อยอด ขยายขีดความสามารถของบางฟีเจอร์ออกไป

PHP OOP การสร้างคลาส public, protected, private

OOP ของภาษา php จะแนะนำให้รู้จัก 3 คำที่คุณควรรู้เกี่ยวกับการสร้างคลาส 3 คำนี้มีความสำคัญมากต่อการเข้าถึงของคลาส(Accessing Properties and Methods)ที่อยากแนะนำคือ

jQuery และ MooTools

jQuery คือ Javascript Framework ที่รวบรวม Function ต่างๆ ที่เราใช้งานกันบ่อยๆ ไม่ว่าจะเป็น Ajax , DOM element ,Event Control , จัดการ CSS , Div ,Effect, Animations ต่างๆ ให้ใช้งานได้ง่ายขึ้นและเขียน Code  ได้สั้นลงกว่าเดิมครับ และสามารถใช้งานกับ Server Side ได้หลายภาษาไม่ว่าจะเป็น PHP,JSP,Perl,ASP,.Net
 

การอัพโหลดรูปภาพด้วย jquery + ajax

ขั้นตอนการอัพโหลดรูปภาพด้วย jquery และ ajax มีด้งนี้
 
1. จะต้องเรียกไฟล์ jquery.min.js และ jquery.form.js ซึ่งสามารดาวน์โหลดจากเว็บไซต์ได้
 
<head>
 <script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="scripts/jquery.form.js"></script>
</head>
 
2. สร้าง script jquery และ ajax
<script type="text/javascript" >

jquery + ajax กับการลบข้อมูลในฐานข้อมูล

การลบข้อมูลด้วย jquery และ ajax จะทำให้เราสะดวกในการลบที่รวดเร็วยิ่งขึ้น ดังตัวอย่างต่อไปนี้
 
<head>
<script>

$(function(){
        $(".deleteItem").live("click",function(event){
        
        event.preventDefault();
        var ID = $(this).attr("item_id");
        var dataString='action=delete&id=' + ID;