การรับส่งค่ากับผู้ใช้ด้วย dialog box และ syntax ของ javascript

March 16th, 2009

การรับส่งค่าโดยตรงกับผู้ใช้โดยใช้ไดอะล็อกบ็อกซ์

                จาวาสคริปต์มีช่องทางติดต่อโดยตรงกับผู้ใช้เว็บบราวเซอร์ โดยอาศัยไดอะล็อกบ็อกซ์     ไดอะล็อกบ็อกซ์ของจาวาสคริปต์มีดังนี้

 Alert Box

                ไดอะล็อกซ์บ็อกซ์ชนิดนี้จะแสดงข้อความตามที่ผู้ใช้ต้องการ และจะมีปุ่ม OK ให้กดเพียงปุ่มเดียวเพื่อดำเนินการต่อไป    การสร้างไดอะล็อกบ็อกซ์นี้จะใช้เมธอด alert() โดยพารามิเตอร์คือข้อความที่ต้องการจะแสดง

Read more…

admin javascript

Javascript กับการจัดการตัวแปร String และ Operators

March 16th, 2009

สตริงและการจัดการ

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

การนำเสนอสตริงในรูปค่าคงที่ (string literal)

                ใช้เครื่องหมาย ‘ (single quote) หรือ ” (double quote) ล้อมรอบข้อความ

‘This is a string’

“This is another string”

Read more…

admin javascript

Javascript และการเขียนโปรแกรมแบบ OOP

March 16th, 2009

จาวาสคริปต์ในฐานะของ Object Oriented Programming

                จาวาสคริปต์ ถือได้ว่าเป็นภาษาเชิงวัตถุ    แต่แม้ว่าจาวาสคริปต์ได้รับการยอมรับว่าเป็นภาษาเชิงวัตถุ แต่ก็มิได้ยืนอยู่บนหลักการของภาษาเชิงวัตถุอย่างร้อยเปอร์เซนต์เต็ม   โดยประเด็นที่สำคัญอันหนึ่งก็คือ   ภาษาจาวาสคริปต์ไม่มีการนิยามคลาส (class) เป็นกิจลักษณะ  จาวาสคริปต์กำหนดแม่แบบของวัตถุด้วยวัตถุต้นแบบ โดยเมื่อมีการนิยามออปเจ็คต์ขึ้นมาแล้ว   เราจะสามารถใช้งานออปเจ็คต์ได้ในทันที หรืออาจจะกระทำการสืบทอดคุณสมบัติ (inheritance) ด้วยการสร้างออปเจ็คต์จากออปเจ็คต์อื่นใดเพื่อนำมาใช้งานต่อไปก็ได้เช่นกัน
Read more…

admin javascript

Javascript การกำหนดตัวแปร และการเข้าถึง

March 16th, 2009

การกำหนดตัวแปร และสโคปการเข้าถึงของตัวแปร

                จาวาสคริปต์มีระบบการจัดการตัวแปรแบบไม่กำหนดชนิดแน่ชัด   ซึ่งมีลักษณะเช่นเดียวกับภาษาสคริปต์บางภาษาเช่น PHP   โดยปกติแล้วจาวาสคริปต์จะมองตัวแปรดังกล่าวเป็นข้อมูลสตริง ยกเว้นแต่จะอยู่ในสภาวะของการคำนวณที่ จาวาสคริปต์อาจจะตัดสินใจแปลงชนิดให้เป็นข้อมูลตัวเลขเพื่อประมวลต่อไป

 ข้อควรระวัง บ่อยครั้งที่ตัว script engine อ่านข้อมูลจากตัวแปรมาเพื่อประมวลต่อ แต่ด้วยคุณลักษณะแบบตัวแปรเช่นนี้ อาจจะเกิดความผิดพลาดในการประมวลได้   ดังนั้น หากพบว่าการคำนวณไม่เป็นตามที่ต้องการ ให้ใช้เมธอด parseInt() หรือ parseFloat() ในการแปลงข้อมูลสตริงตัวเลข ให้เป็น “ค่า” ตัวเลขเพื่อใช้ในการคำนวณให้ถูกต้องต่อไป
Read more…

admin javascript

เริ่มต้นกับ Javascript ตอนที่ 1

March 16th, 2009

เริ่มต้นกับ Javascript

จาวาสคริปต์ (JavaScript) เป็นภาษาโปรแกรมที่ถูกพัฒนาขึ้นมาเพื่อใช้เป็นภาษาสคริปต์ (Script Language) ในการคำนวณและจัดการทำงานที่เกี่ยวข้องกับการแสดงหน้าเว็บบนบราวเซอร์ (แม้ว่าในปัจจุบัน การใช้งานจาวาสคริปต์ได้เริ่มมีการแตกตัวนำไปใช้ในโปรแกรมประยุกต์ประเภทอื่นบ้างแล้ว)   หน้าที่หลักๆ ของจาวาสคริปต์ภายในเว็บบราวเซอร์มีดังเช่น

- การคำนวณเบื้องต้นทั่วไป
- การตอบสนองต่อเหตุการณ์ที่เกิดขึ้นซึ่งเกี่ยวพันกับหน้าเว็บ
- การจัดส่งและรับข้อมูล XML หรือ text จากเซอร์เวอร์ สำหรับการใช้งานที่เกี่ยวพันกับหน้าเว็บ
- การเปลี่ยนแปลงโครงสร้าง HTML DOM ซึ่งมีผลโดยตรงต่อการแสดงผลของหน้าเว็บ (นี่เป็นการทำงานหลักของกระบวนการของ Dynamic HTML หรือ DHTML)
- การจัดเก็บข้อมูลชั่วคราวลงบนเครื่องของผู้ใช้โดยใช้ cookie
Read more…

admin javascript

การใช้ method replace ใน javascript

March 13th, 2009

เมื่อพูดถึง method replace ก็คือการค้นหาและแทนที่ ข้อความนั่นเอง ซึ่งในบทความนี้จะเป็นการ replace ใน javascript นะครับ

สำหรับ method replace ของ javascript นั้นจะมี syntax ดังนี้

stringObject.replace(/findstring/[option],newstring)
Parameter Description
findstring สำหรับ parameter ตัวแรก คือคำที่ต้องการค้นหา ซึ่งเราจะต้องใส่ option ไปด้วย ประกอบด้วย
ไม่ระบุ option = case-sensitive คือ คำนึงถึงตัวอักษรใหญ่เล็ก และทำเฉพาะครั้งแรก เมื่อหาเจอแล้วจะหยุดทำงาน
i = Case-insensitive Search คือการไม่ต้องคำนึงถึงตัวอักษรใหญ่เล็ก และทำเฉพาะคำแรกเมื่อเจอคำที่ค้นหาแล้วจะหยุดทำงาน
g=global ค้นหาและแทนที่ทุกๆคำที่เจอ เป็น Case-sensitive โดยคำนึงถึงตัวอักษรใหญ่เล็ก
gi= เป็นการรวมเอาคุณสมบัตรของ i+g ซึ่งทำให้ได้ผลลัพธ์คือ ไม่ต้องคำนึงถึงตัวอักษรใหญ่เล็ก และ ค้นหาทุกๆทำที่เจอ
newstring คำใหม่ที่จะไปแทนที่ คำที่ค้นหาได้

Read more…

admin javascript

การทำ distinct กับ datatable

March 4th, 2009

ใน asp.net object ที่เป็นพระเอก ในการทำงานกับดาต้า ก็คือ Datatable นั่นเอง ปกติแล้ว การติดต่อดาต้าเบส ใน .net จะมี 2 วิธี คือ
1. การติดต่อแบบ connection ไว้ตลอด จนกว่าจะเลิกใช้งาน ลักษณะนี้จะ เราจะใช้ object sqlcommand กับ sqlDataReader ซึ่งเป็นรูปแบบปกติ ที่เคยใช้กันโดยทั่วไป
2. การติดต่อแบบ connection less ลักษณะนี้จะเป็นการเชื่อมต่อดาต้าเบส เพื่อ ดึงข้อมูล เมื่อดึงเสร็จแล้วจะทำการตัดการเชื่อมต่อทันที ซึ่งเราจะใช้ object sqldataAdapter กับ Dataset หรือ datatable เพื่อ ใช้งานข้อมูล

ทีนี้ การทำงานกับ datatable เราก็จะมีการใช้คำสั่ง select เพื่อใส่เงื่อนไข การแสดงผลได้อีก แต่มีข้อจำกัดที่ว่าเราไม่สามารถทำ distinct ให้กับข้อมูลใน datatable ได้ ในที่นี้ ก็ถึงคราวที่จะต้องใช้ class ตัวนี้แล้วแหละครับ
Read more…

admin asp.net

asp.net class sendmail

March 4th, 2009

สำหรับในบทความนี้จะเป็น class สำหรับการส่ง e-mail นะครับ จริงๆแล้ว ใน .net เองก็ได้เตรียม class สำหรับ ส่ง mail ไว้ให้เราแล้วนะครับ คือ namespace System.Net.Mail แต่ในที่นี้ผมได้นำมาสร้างเป็น class เพื่อให้สามารถกำหนดข้อมูลการใช้งานได้ ง่ายขึ้น
เช่น การกำหนด encoder ภาษาไทยให้ subject และ body หรือการ authen username and password กับ proxy ได้
Read more…

admin asp.net

function เข้ารหัส MD5,base64 สำหรับการ encryp ข้อมูล

March 4th, 2009

สำหรับในบทความนี้ ก็เป็นการเรียกใช้งาน function สำหรับ encryp ข้อมูล ที่เป็นข้อมูลความลับอย่างเช่น password ในฐานข้อมูลนะครับ
คงไม่เป็นการดีแน่ หากว่าข้อมูลการ Login ในฐานข้อมูล ที่มี username และ password ของเรานั้น ใน field password เราใส่ รหัสไปตรงๆ ไม่มีการ encryp ข้อมูลไว้ก่อน จะทำให้ คนที่เป็น เจ้าของ hosting หรือว่า คนที่ สามารถ hack ดาต้าเบสได้ จะได้ข้อมูล password ของ สมาชิกเราไปทั้งหมด
Read more…

admin asp.net

เรามาทำความรู้จักกับ selectors แต่ละตัวกันนะครับ (ตอนที่ 3)

February 17th, 2009

Form Filter

การกำหนด :checked เป็น selector ในส่วนของ form filter ซึ่งประกอบด้วย

            :enabled = เลือกเฉพาะ tag ที่กำหนด attribute ตัวนี้เป็น true ใช้กับ form control

            :disabled = เลือกเฉพาะ tag ที่กำหนด attribute ตัวนี้เป็น true ใช้กับ form control

            :checked = เลือกเฉพาะ tag ที่กำหนด attribute ตัวนี้เป็น checked ใช้กับ checkbox

            :selected = เลือกเฉพาะ tag ที่กำหนด attribute ตัวนี้เป็น selected ใช้กับ radio

Read more…

admin jquery