Dropdown menu อย่างง่ายด้วย jQuery, CSS

เป็นบทความที่ต่อเนื่องจากบทความก่อนหน้า คือ "Popup menu แนวตั้งอย่างง่ายด้วย jQuery, CSS" และทำให้บทความนี้ง่ายต่อการเขียนด้วย เพราะเพียงแต่นำบทความก่อนมาปรับแต่งเฉพาะ CSS เท่านั้น เราก็จะได้ Dropdown menu ไว้ใช้แล้ว.... เริ่ม... ผมก็นำบทความเรื่อง "Popup menu แนวตั้งอย่างง่ายด้วย jQuery, CSS" มาตัดรูปภาพออกหมด เสร็จแล้ว ผมก็ปรับแก้เฉพาะ ไฟล์ style.css, ie.css สองไฟล์นี้เท่านั้น... Code ที่เสร็จแล้ว ไฟล์ style.css body{ font-size: 14px; } #leftmenu li{ float: left; background:#DDDDDD; margin:0 1px 0 0; list-style: none; padding:5px; cursor:...

Read More

Popup menu แนวตั้งอย่างง่ายด้วย jQuery, CSS งานนี้มี Hack...

popup menu เป็นเรื่องจำเป็นสำหรับเว็บไซต์ที่มีเมนูย่อยเยอะๆ เพราะว่าถ้าจับเอาเมนูมาวางเรียงแถวกัน คงจะกินพื้นที่มิใช่น้อยๆ เพราะฉนั้นซ่อนมันไว้ซะเลย ก็เลยกลายเป็นเรื่อง MouseOut พอเอาเมาว์ไปชี้ก็ค่อยให้มันโผล่ขึ้นมาให้เลือกก็แล้วกัน ก็เลยกลายเป็นเรื่อง MouseOver Let's go.... สิ่งที่ต้องใช้ เริ่ม.... สร้างไฟล์ ie.css, style.css, menupopup.php นำเข้าไฟล์ jquery.js, ie.css, style.css กันก่อน ไฟล์ menupopup.php เอาแค่นี้ก่อนเดี๋ยวไฟล์ ie.css เราจะเพิ่มเติมทีหลัง.... จากนั้นก็สร้างลิสเมนูขึ้นมาดังนี้ ...

Read More

การกำหนดสถานะให้กับ สมาชิกด้วยฟิลด์ status SQL, PHP

บทนี้ไม่มี demo จะขอพูดถึงการกำหนดสถานะของสมาชิก ถ้าท่านเคยโพสตามเว็บบอร์ดต่างๆ ท่านอาจจะเคยเห็นสีชื่อ ของสมาชิกแต่ละท่านอาจไม่เหมือนกัน หรือมีพวกไอเทมไต้ชื่อ แตกต่างกันไป ของแต่ละสมาชิก หรือชื่อสถานะ แล้วแต่จะตั้งกันไป และที่สำคัญก็คือ เมนูลับเฉพาะของแต่ละสถานะต่างๆ.... เริ่ม.. ผมจะสร้าง field ชื่อ `status` int(2) NOT NULL DEFAULT 0; ไว้ที่ table ชื่อ members หรือท่านจะตั้งเป็นอย่างอื่นก็แล้วแต่ อย่างเช่น type เป็น varchar , กำหนดค่าเริ่มต้น(default)ให้เป็น user จากนั้นก็ค่อยขยับไปเป็น silver user , gold user ก็ว่ากันไป ...

Read More

Chaptcha ตัวหนังสือรูปภาพยืนยันการ Login หรือโพส Webboard + Refresh

เรามักจะเห็นตัวหนังสือภาพที่เขียนด้วยภาษา PHP มาคอย Random เวลาที่เราล็อคอิน หรือโพสตาม เว็บบอร์ด เพื่อป้องกันการสแปมเว็บ หรือ การถูกก่อกวนจากผู้ไม่ประสงค์ดี อันนี้ว่ากันตามที่เขาพูดต่อๆกันมานะครับ หรือ ทำให้ผู้ไม่ประสงค์ดี เหนื่อยอ่อนใจกับการที่ต้องมาคอย กรอกโค้ด chaptcha ความจริงมันก็เหนื่อยทั้งผู้ประสงค์ดี และผู้ไม่ประสงค์ดี นั้นแหละ..555+... เอากันจริงๆก็คือ การป้องกันการ spam เว็บจาก bot ของผู้ไม่ประสงค์ดีนั่นเอง.... สิ่งที่ต้องมี 1. captcha.php 2. text_captcha.php 3. captcha_result.php 4. jquery.js 5. 40240.TTF (font ตัวหนังสือที่ต้องการ) 6....

Read More

วิธีการทำ new icon gif ให้กับหัวข้อบทความมาใหม่ ตามเวลาที่กำหนดไว้

เมื่อเราเขียนบทความใหม่ๆ เราก็อยากให้ผู่อ่านเห็นได้อย่างชัดเจน และเป็นที่น่าสนใจ นอกเหนือจาก วันเดือนปี แล้ว ก็เห็นจะมี icon gifanimation นี้แหละครับที่เป็นที่นิยมกัน เราก็ตามนิยมกับเขาบ้าง สักหน่อยก็ดีเหมือนกัน..... แนวความคิด มีว่า... เอาวันที่ปัจจุบัน มาลบด้วย วันที่ที่เขียนบทความเท่านั้นเอง.. -,,-' แล้วเอาผลลับที่ได้มา มาเปรียบเทียบกับเวลาที่กำหนด สมมุติ ว่าตั้งไว้ 6 วัน หรือกี่วันก็แล้วแต่จะกำหนดไว้ครับ ถ้า(if)ผลลับ <= 6 วันที่กำหนด){ echo "show icon gif"; } else //แต่ถ้าผ่านมามากกว่า 6 วันก็ต้องหายไป.. ตรงนี้ก็ไม่ต้องมีก็ได้ครับ..(แค่เขียนไว้ดูต่างหน้า..^,,^) เริ่มด้วยการสร้างฟังก์ชั่น...

Read More

Style SignUp and Login เข้าสู่ระบบด้วย CSS, jQuery

เป็นรูปแแบบของการ สมัครสมาชิก และ Login ด้วยการเขียนโค้ดการ login กับ signup ให้อยู่ในหน้าเพจเดียวกันแล้วใช้ slideUp(),slideDown() ของ jQuery Sliding เพื่อเปิด-ปิด form ที่ต้องการใช้งาน..... ไฟล์งานทั้งหมด jquery.js jquery.corner.js login.js style.css members.php เริ่มด้วยการสร้างไฟล์ members.php แล้วก็นำเข้าไฟล์ javascript กับ css ดังนี้ จากนั้นก็สร้างเมนูทั้ง login และ signup ไฟล์ members.php Login Signup กำหนด css ให้กับเมนู ไฟล์ style.css #menu{ height:34px; color:#ffffff; padding-bottom:...

Read More

วิธีการทำ User Online เช็คจำนวนผู้ออนไลน์ทุก 15 นาที PHP,SQL

ในที่สุดเราก็จะได้รู้กันเสียทีว่ามีผู้ที่ใช้งานเว็บไซต์ตอนนี้มีกี่คน คนในที่นี้หมายถึง session_id วิธีการก็คือ เราจะเก็บ session_id และ time() ทุกๆหน้าของเว็บเพจที่เราต้องการ เพื่อบันทึกลงฐานข้อมูล จากนั้นเราก็จะนำเอา time() มาเช็คกับเวลาที่เรากำหนดไว้ คือ 15 นาที..... เริ่มด้วย session_start() ก่อนเพราะเราต้องเก็บตัวแปร session_id  session_start(); include 'config.php'; จากนั้นก็เก็บตัวแปรที่ต้องการก่อนคือ   $useronline = session_id(); $time = time(); $timecheck = time() - 900;//เอาไว้เช็คเวลา กำหนดไว้ 15 นาที ต่อมาก็นับแถวในฐานข้อมูลว่ามี...

Read More