Dexdev

เกมส์เดารหัสผ่านนะครับลองเล่นๆกันดู ที่จริงผมตั้งใจจะนำ Utility Methods ของ prototype มาใช้ให้มากที่สุดครับ เอาเป็นว่าเล่นเกมส์แก้เครียดกันไปก่อนเดี๋ยวกลับมาเขียนบทความ

เกมส์เดารหัสผ่าน

• เลือก ชุดกุญแจ และพิมพ์รหัสผ่าน แล้วกดคำนวนท่านจะได้ผลลัพธ์
• รหัสผ่านที่ถูกต้องเมื่อนำคำนวนจะได้ผลลัพธเท่ากับ 666
• ใบ้เพิ่มรหัสผ่านเป็นตัวอักษร a-z
• * แก้ตาม comment คุณ alle ตัวอักษรห้ามซ้ำ

$ - Utility Methods
ลักษณะการทำงานของ method $ จะเหมือนกับ document.getElementById()
คนทำ framework คงรู้ว่า document.getElementById() ใช้บ่อยเลยเอามาลดรูปเหลือแค่ $ ซะเลยมั้ง

$ ใช้ยังไง ?
สำหรับการใช้งาน $ ทำได้ง่ายๆ โดยใส่ element id(string) เข้าไปแบบนี้ $(’id’);

ยกตัวอย่าง

var a = $(’a');

หลังจากได้ element ‘a’ มาแล้วเราจะไม่เอาไปเก็บไว้ที่ตัวแปรก็ได้นะครับ
ยกตัวอย่างเช่นผมต้องการ ซ่อน div a

<div id=”a”>ข้อความ ใน div a</div>
<a href=”javascript: $(’a').hide()”>ซ่อน a</a>

จะให้ $ แบบนี้กันเลยก็ได้อยู่ที่เทคนิคครับ

ได้เวลาเริ่มเขียนบทความเกี่ยวกับ prototype ซะทีครับ (จับทีไรงานเข้าตลอด)

เตรียมความพร้อม

1. จะเรียน prototype ก็ต้องไป download มาก่อนครับ
2. texteditor ดีดีผมเลือกใช้ editplus
3. browser คู่ใจผมเลือก firefox3.1 (ลง addon Firebug)
4. webserver เอาไว้ test ผมเลือกใช้ appserv ครับ

ลองเรียก
ขั้นตอนแรก include .js เข้ามาก่อนนะครับ

<script type=”text/javascript” src=”js/prototype.js”></script>

ตัวอย่างการเขียนโปรแกรมด้วย prototype คลิกที่นี่

บทความนี้จะไปไวๆนิดนึงเพราะคิดว่่าทุกคนน่าจะมีพื้นฐานกันบ้างแล้ว

» Read more after the jump →

var check = $$(’#form-question #q1′).any(function(n) { return n.checked });
alert(check);

test sample here