|
| 1 | 2 | 3 | 4 | 5 |
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 | |
|
|
|
|
|
|
|
การเพิ่มความสามารถในการแสดงผลให้กับ Comments
เป็นที่รู้กันอยู่แล้วนะครับ ว่าใน Blog นั้น ไม่มี "ความเห็นที่..." แสดงเอาไว้ และไม่สามารถทำอะไรได้กับความเห็นต่างๆ ที่ตอบ blog เราเข้ามา
และเนื่องด้วยคุณ "หมาร่าหมาหรอด" เป็นผู้ที่ชอบออกนอกกรอบ .. คือแกใส่ CSS ลงไปใส Blog แล้วเส้นต่างๆ ทั้งหลายที่อยู่ใน <Table..> เอาไว้ ก็เป็นอันสูญพันธ์หายไปหมดเลย เลยทำให้ความเห็นต่างๆ ที่ไปตอบ blog ของแก มีอันเลื่อนลอยไปด้วย
และแกก็มาปรึกษาผม ผมก็เอามานั่งคิด ว่าจะทำให้ Comment ที่ตอบเรานั้น มีพื้นหลัง หรืออะไรสักอย่างง เพื่อแยกกันให้เห็นชัดๆ ในแต่ละความเห็น ทีนี้พุทธิไอเดียบังเกิดว่า ตกแต่ง Comment มันซะเลยเป็นไร ว่าแล้วก็ไม่รอช้า ใช้เวลาที่มีน้อยนิดนั่งคิด นั่งหาวิธี จนได้มาในที่สุด
สิ่งแรกที่ทำให้นึกได้คือ ผมไปนั่งดู Source Code ของ Bloggang แล้วก็มีสิ่งที่ปรากฎอยู่ที่ความเห็นแต่ละอันดังนี้ครับ

จะเห็นว่าในแต่ละความเห็น จะมี id แสดงไว้ว่าเป็นความเห็นอันที่เท่าไหร่ .. โอเค ได้มาอันนึงล่ะ
อย่างที่สอง ผมจะรู้ได้ยังไงว่ามันมีกี่ความเห็น? ในครั้งแรกเลย ผมสั่งให้มันวน loop ไปซะ 100 ความเห็น แต่คุณหมาร่าแกบอกว่า "แล้วถ้ามันเกิน 100 ล่ะ .." .. อ้าว ก็ใจเกินร้อยไง 5555 มะจ้ายยยย คือแกก็มีประเด็นของแกน่ะครับ ซึ่งมันก็จริง และเป็นการเขียนโปรแกรมที่ไม่ค่อยดีเท่าไหร่ ที่ไปกำหนดอะไรตายตัว ผมนั่งคิดหาวิธีซะเกือบแย่แน่ะ ว่าจะให้มันนับได้ยังไง
แล้วแสงสว่างก็ส่องลงมา ปิ๊ง ปิ๊ง ... ผมไปเห็น <!-- Comment XX --> ในหัวของแต่ละความเห็น ผมก็เลยลองเชคดูทั่วๆ HTML ว่ามีแบบนี้ที่ไหนอีกบ้าง ปรากฎว่าไม่มีแฮะ ได้เลย ได้เลย ผมก็เลยหาวิธีการนับว่ามันมี <!-- Comment XX --> กี่อัน ...
วิธีการนับของผมโดยใช้ Regular Expression ซึ่งเป็นการทำงานของ Compiler ที่ยอดเยี่ยมมาก แต่เข้าใจยากชิบเป๋งเลยครับ ทุกวันนี้ยังงงๆ กับมันอยู่เลย แต่พอดีว่าการนับเนี่ย มันไม่ค่อยยาก ก็เลยลองเขียน แล้วก็ test ดู ปรากฎว่าเวิร์คแฮะ มันบอกได้ว่ามีตัวที่เราอยากหากี่อัน
พอได้รายละเอียดในส่วนต่างๆ แล้ว ก็มาคิดวิธีการทำให้ Comment ต่างๆ เปลี่ยนไปตามแบบที่เราต้องการ ซึ่งผมมีวิธีการคิดดังนี้ครับ
1. เรียก HTML มาเก็บไว้ 2. ดู HTML นั้น ว่ามีกี่ความเห็น 3. เริ่มวนทำทีละความเห็น - เอาข้อความของความเห็นนั้นมาเก็บเอาไว้ - เขียนส่วนหัว (และท้าย) ที่เราจะเพิ่มเข้าไป - เอา หัว + ความเห็น + ท้าย มารวมกัน - เขียนกลับลงไป
|
เท่านี้ล่ะครับ ... ได้เรื่องเลยครับ
ซึ่ง Source Code ที่ผมเขียนก็เป็นดังนี้ครับ

ซึ่งผลการทำงานของ Script ที่เขียน ก็จะได้ดังในรูป

ซึ่งตัวอย่างนี้ สามารถดูได้ที่ blog ของคุณหมาร่าหมาหรอดได้เลยนะครับ .. (blog คุณหมาร่าฯ)
ตัวอย่างของคุณหมาร่าฯ แกเอาไปแต่งเติมโดยใส่คำว่า "ความเห็นที่ .." ลงไป โดยเอาค่าวน loop นั่นแหละ มาใช้เป็นตัวเลขบอกความเห็น ซึ่งมันตรงเป๊ะ (ก็จะไม่ตรงได้ไงเล๊าาา อิอิ) และมีการใส่ขอบให้แต่ละความเห็น ซึ่งก็เป็นไอเดียที่ดีมาก สำหรับ blog ที่กำจัดขอบออกไปจนหมดสิ้น และจะใช้วิธีนี้มาทำให้ความเห็นแต่ละอันแยกกันออกมาได้ครับ
สำหรับท่านอื่นๆ จะนำไปประยุกต์หรือดัดแปลงอะไรใส่ในช่องความเห็นกันก็ได้นะครับ เพราะว่าเมื่อเป็นอย่างนี้แล้ว เราจะค่อนข้างเป็นอิสระในการทำอะไรเกี่ยวกับช่องความเห็นนี้ได้
หมายเหตุ 1 : อาจจะหนักไปสำหรับคนที่ไม่รู้ Code นะครับ ผมพยายามจะเขียนให้อ่านง่ายๆ โดยบอกเป็นแนวคิด ซึ่งแนวคิดเนี่ย คงไม่ยากกันเกินไปนะครับ 8-)
หมายเหตุ 2 : สำหรับ Code ที่ผมเขียนนั้น ถ้าคิดว่ายาว ก็จะรวบเป็นไฟล์ แล้วเรียกใช้งานจากข้างนอก blog ก็ได้ครับ ซึ่งผมก็ได้เขียนวิธีการเรียก Javascript จากนอก blog เอาไว้แล้วเช่นกันครับ ...
>>คลิกที่นี่เพื่อดูการเรียก Javascript จากนอก blog ที่นี่เลยนะครับ<< |
Create Date : 29 มีนาคม 2548 |
Last Update : 18 พฤษภาคม 2548 0:53:53 น. |
|
42 comments
|
Counter : 2338 Pageviews. |
 |
|
|
โดย: nopu.th วันที่: 29 มีนาคม 2548 เวลา:11:33:05 น. |
|
|
|
โดย: ~nawo~ วันที่: 29 มีนาคม 2548 เวลา:11:46:06 น. |
|
|
|
โดย: Mu_in_love (Mu_in_love ) วันที่: 29 มีนาคม 2548 เวลา:19:47:23 น. |
|
|
|
โดย: Robotoon วันที่: 29 มีนาคม 2548 เวลา:20:44:43 น. |
|
|
|
โดย: รำเพย วันที่: 30 มีนาคม 2548 เวลา:1:13:14 น. |
|
|
|
โดย: yyswim วันที่: 30 มีนาคม 2548 เวลา:9:24:20 น. |
|
|
|
โดย: น.ส.มารร้าย วันที่: 30 มีนาคม 2548 เวลา:12:57:43 น. |
|
|
|
โดย: Nutjung วันที่: 30 มีนาคม 2548 เวลา:18:13:53 น. |
|
|
|
โดย: yadegari วันที่: 1 เมษายน 2548 เวลา:0:52:31 น. |
|
|
|
โดย: รำเพย วันที่: 4 เมษายน 2548 เวลา:14:17:56 น. |
|
|
|
โดย: Adct2Luv IP: 203.172.66.134 วันที่: 7 เมษายน 2548 เวลา:10:32:57 น. |
|
|
|
โดย: ป้าจะอิ๊บ (jipnaja ) วันที่: 7 เมษายน 2548 เวลา:10:49:25 น. |
|
|
|
โดย: วัฌชา วันที่: 9 เมษายน 2548 เวลา:20:16:26 น. |
|
|
|
โดย: ป้ามด วันที่: 17 เมษายน 2548 เวลา:10:18:14 น. |
|
|
|
โดย: นายFee วันที่: 22 เมษายน 2548 เวลา:18:40:44 น. |
|
|
|
โดย: แซลลี่ ! วันที่: 15 กรกฎาคม 2548 เวลา:18:55:41 น. |
|
|
|
โดย: เกดจัง วันที่: 15 สิงหาคม 2548 เวลา:17:16:16 น. |
|
|
|
โดย: nanoguy (nanoguy ) วันที่: 12 กุมภาพันธ์ 2549 เวลา:1:04:40 น. |
|
|
|
โดย: thienkam (thienkam ) วันที่: 18 กุมภาพันธ์ 2549 เวลา:12:34:20 น. |
|
|
|
โดย: [เทวดาน้อย] วันที่: 3 กรกฎาคม 2549 เวลา:1:51:29 น. |
|
|
|
โดย: merry IP: 61.149.120.195 วันที่: 30 กรกฎาคม 2549 เวลา:6:10:20 น. |
|
|
|
โดย: bluets.bloggang.com IP: 202.149.117.66 วันที่: 21 สิงหาคม 2549 เวลา:13:43:19 น. |
|
|
|
โดย: noshka IP: 24.218.29.106 วันที่: 5 ธันวาคม 2549 เวลา:11:52:07 น. |
|
|
|
โดย: cilladevi (cilladevi ) วันที่: 9 กุมภาพันธ์ 2550 เวลา:14:21:46 น. |
|
|
|
โดย: becca IP: 125.126.225.216 วันที่: 24 พฤษภาคม 2550 เวลา:13:06:32 น. |
|
|
|
|
|
|
|
Location :
กรุงเทพ Thailand
[ดู Profile ทั้งหมด]
|
ฝากข้อความหลังไมค์
Rss Feed
ผู้ติดตามบล็อก : 4 คน [?]

|
มีคนถามมาเยอะ ว่าชื่อผมแปลว่าอะไร บอกง่ายๆ ว่ามาจากฟุตบอลครับ "กึ่งยิงกึ่งผ่าน" เป็นการส่งลูกไปที่
หน้าประตูฝ่ายตรงข้าม โดยผู้เล่นที่เลี้ยงลูกมาจากทางด้านข้างของสนาม พอถึงจังหวะ ก็ผ่านลูกมาให้เพื่อนที่วิ่งมารออยู่หน้าประตู .... ต่าแว่!!
... แต่ว่า!!! ... ลูกมันเลยเพื่อนไป แต่ก็ไม่ถึงประตู เหมือนจะเป็นการยิงประตูก็ไม่ใช่ จะส่งให้เพื่อนก็ไม่ใช่
นี่จึงเป็นที่มาของคำว่า "กึ่งยิงกึ่งผ่าน" ครับ
ผมไม่ได้คิดเองแต่อย่างใด แต่เอามาจากการดูฟุตบอลครับ
ปล. ชื่อผมนี่บ่งบอกเลยว่า "ฟุตบอล" แต่ผมไม่ได้เล่นห้องศุภฯ นะครับ .. แหะ แหะ แหะ
|
|
|
|
|
|
|
ขอบคุณสำหรับ code ดีๆ นะคับ