บทความ

กำลังแสดงโพสต์ที่มีป้ายกำกับ JQuery

JSP Comment JSTL แบบที่ไม่ให้ทำงานตอน View Source

ปรกติเวลาเรา Comment HTML เราก็จะ Comment ประมาณนี้ครับ <!--<c:out value= "${myVAR}" />-->   ซึ่งวิธีแบบนี้จริงๆก็สามารถทำงานได้แต่ว่ามันเป็นแค่การ Comment ไม่ให้แสดงผลใน HTML แต่ใน JSTL ยังคงทำงานอยู่นะ แล้วผลตอนที่เรา View Source ดูก็จะได้ประมาณนี้   <!--Test-->   มันไม่แสดงผลใน Output ก็จริงแต่ใน HTML ยังคงเห็นอยู่นั่นแสดงว่า JSTL เบื้องหลังยังคงทำงานครับ หากเราต้องการ Comment แบบไม่ให้ทำงานเลยให้ใช้คำสั่งนี้   <!-- <c:out value= "${myVar}" /> -->   แบบนี้ตอนที่ View Source ดูจะไม่เห็น Tag นี้แสดงใน HTML เลยครับ

Webhook คืออะไร แนวทางการใช้งาน Webhook

ก่อนจะไปถึงเรื่อง Webhook ขอเท้าความไปถึงเรื่องของการเรียกใช้งาน API  แบบที่ไม่ต่อเนื่องนะครับ ยกตัวอย่างง่ายๆ เช่น Flow การจ่ายเงินที่ต้องไป Call API ของทาง Payment gateway แล้วต้องรอให้ลูกค้าทำการจ่ายเงินจนเสร็จ คำถามคือ เราจะรู้ได้อย่างไรว่าลูกค้าจ่ายแล้ว ? แบบเดิมๆ ง่ายๆ เลยไม่ต้องคิดมากก็เข้าไป Query Check เรื่อยๆ ถูกมั้ยครับ อาจจะ Query ด้วย Tx ID หรือ Order ID อะไรก็ว่าไป อยากได้ Realtime แค่ใหนก็อยู่ที่ว่าจะ Query ถี่แค่ใหน ซึ่งปัญหามันก็คือเราต้องวน Query ไปเรื่อยๆ จนกว่าจะได้คำตอบว่า Success แล้วซึ่งแน่นอน ถ้า เว้นช่วงในการ Query นาน ก็จะทำให้ความต่อเนื่องไม่ Real time แต่ถ้า Query  ถี่ๆ เกินไปก็เป็นการสิ้นเปลือง Traffic ทั้งที่เราเองและที่ปลายทางด้วย  Webhook เกิดมาเพื่อแก้ปัญหานี้ครับ คือมันจะดีกว่ามั้ยถ้าปลายทางทำงานเสร็จแล้วส่งมาบอกเราว่าเรียบร้อยแล้ว คำตอบคือมันดีงามแน่ๆ ครับ เพราะ Confirm ว่า Realtime แน่นอนเพราะ เสร็จปุ๊บ บอกได้ทันที แถมเราไม่ต้องเสียเวลาส่งไป Query ถามซ้ำๆ อีกด้วย   Webhook ทำงานยังไง แน่นอนครับการที่ต้นทางจะส่งกลับมาบอ...

Jquery วิธีการเข้าถึง และ กำหนดค่า ให้กับ Custom Attribute

การใช้งาน Jquery ด้วยคำสั่ง .addr เราสามารถทำอะไรได้บ้างมาลองดูกัน การเข้าถึง Attribute ด้วยคำสั่งนี้เลย var defaultURL =$(".btn-form-save").attr("data-url"); ให้ใช้ตัวที่เราทำ selector มาไม่ว่าจะได้ ID หรือ ด้วย Class ก็ตามอ่ะนะ แล้วตามด้วยคำสั่ง  .attr("attr_name");  ตามนี้ได้เลย โดยที่ attr_name นี้ไม่จำเป็นต้องเป็น Tag HTML Standard นะ เป็น Custom Tag ที่เรากำหนดขึ้นมาเองได้เลย ต่อไปหากเราต้องการจะเปลี่ยนค่า ก็ไม่ยากด้วยคำสั่งนี้เลย $(".btn-form-save").attr("data-url","new value"); เช่นเดียวกันคือให้เริ่มจากตัวที่เราทำ Selector แล้วตามด้วยคำสั่งนี้ .attr("attr_name", "attr_value")  ตามนี้ได้เลย ลองนำไปปรับใช้กันดูนะหวังว่าจะเป็นประโยชน์ไม่มากก็น้อย

Jquery กับ วิธีเปลี่ยน Theme ที่แสนจะง่ายดาย

เนื้อหาเกี่ยวกับ :วิธีเปลี่ยน Theme jQuery วันนี้จะนำเสนอการเปลี่ยน Theme ของ jQuery ครับ Theme นี้จะมีผลกับพวก TAB  , Calendar และจุดต่างๆ แบบว่าแก้แค่บรรทัดเดียวเท่านั้นเอง ก่อนอื่นเข้าไป download theme  ได้ที่นี่เลย http://jqueryui.com/themeroller/ ได้มาแล้ว ให้ Copy folder  ในห้อง css ไปวางใน folder js/theme จากนั้น แก้ ตรง import  CSS ใน view ของเราได้เลยครับ เช่น <link rel="stylesheet" href="js/themes/start/jquery-ui-1.10.2.custom.css"> ใส่ ชื่อ theme ที่เราต้องการเข้าไปได้เลย /themes/xxxxx/ เพียงเท่านี้แหละครับ

ทำ TAB ง่ายๆ ดัวย jQuery UI ครับ

คำถามเกี่ยวกับ :ทำ TAB ง่ายๆ ดัวย jQuery UI ครับ พอดีวันนี้มีงาน ที่ต้อง Design เป็น Tab ก็เลยลองโหลด Jquery มาลองเล่นดูครับ ง่ายๆ ครับ หลังจาก โหลดมาแล้วก็ เขียน HTML ตามนี้เลย ส่วนของการ include Library & CSS ตามนี้เลยครับ     <link rel="stylesheet" href="js/themes/base/jquery.ui.all.css">     <script src="js/jquery-1.7.2.js"></script>     <script src="js/ui/jquery.ui.core.js"></script>     <script src="js/ui/jquery.ui.widget.js"></script>     <script src="js/ui/jquery.ui.tabs.js"></script>         <script>     $(function() {         $( "#tabs" ).tabs();     });     </script> เสร็จแล้วก็สร้าง TAB ได้ด้วย HTML Code ง่ายๆ สะอาดตา <div id="tabs">     <ul>         <li...

รู้จักกับ JQuery

บทความเกี่ยวกับ : รู้จักกับ JQuery หลังบ้านจะดีแค่ใหน ถ้าหน้าบ้านไม่เจ๋ง ก็ขายไม่ออก จริงมะ JQuery เป็นอะไรที่โดนเอามากๆ เขามีแค่ .js เพียงไฟล์เดียวเท่านั้น แต่ เอาอยู่ แบบดิ้นไม่หลุด ตัวนี้ลูกเล่นแพรวพราวครับ รับรอง หามาลองเล่นกันดู แสบมากๆ