การเพิ่มความสามารถในการแสดงผลให้กับ 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 42 comments Last Update : 18 พฤษภาคม 2548 0:53:53 น. Counter : 2071 Pageviews. Share Tweet

เข้าใจแล้วคับ ขอบคุณสำหรับ code ดีๆ นะคับ   โดย: nopu.th 29 มีนาคม 2548 11:33:05 น.

อิอิ ต้องขอกราบขอบพระคุณพระอาจารย์กรึ่ม เอ๊ย กึ่ง(ยิงกึ่งผ่าน) เป็นอย่างสูงครับ (ต้องเรียกอาจารย์แล้วเดี๋ยวนี้) ที่อุตส่าห์อดหลับอดนอน มานั่งออกแบบสคริปท์อันนี้ให้ผมเอามาใช้ เนี่ยได้ข่าวว่าไม่สบาย ยังไม่ยอมไปหาหมอ มาลุยทำjava script จนเสร็จสมบูรณ์ ไร้Bug ขอเชิญบรรดาพวกBlog ไร้กรอบ ไร้ขอบ มาเอาไปใช้กันเร๊วๆ แล้วบ๊อกท่านจะสวย เนี๊ยบ perfect (แบบของผม)   โดย: หมาร่าหมาหรอด 29 มีนาคม 2548 11:45:16 น.

โห.... เจ๋งมากกค่ะ ขอบคุณนะคะ   โดย: ~nawo~ 29 มีนาคม 2548 11:46:06 น.

รอคุณหมาร่าทำให้อ่ะ ทำไม่เป็น อ่านยังไม่รู้เรื่องเลย โค้ดเคิ้ดไรฟะ น่ากัว >_<   โดย: =p o o k p u i= 29 มีนาคม 2548 12:06:16 น.

^ ^ เดี๋ยวตบแต่งให้ใหม่ ใจเย็นเจ๊   โดย: หมาร่าหมาหรอด 29 มีนาคม 2548 12:09:27 น.

ปล. เห็นคห.ผมที่คุณกึ่ง cap มา แสดงว่าเครื่องเฮียไม่ยอมใช้ Clear type แสดงผลหน้าจอ ฮุๆ   โดย: หมาร่าหมาหรอด 29 มีนาคม 2548 12:10:50 น.

เอ่อ.. งงเลยครับ   โดย: Mint@da{-"-} 29 มีนาคม 2548 12:23:27 น.

งงมากๆค่ะ แหะๆ   โดย: ดอกไม้ริมทางเอง 29 มีนาคม 2548 12:59:24 น.

ถอยดีกว่า ม่ายอาวดีกว่า ^^ อิอิ แต่ก็ขออ่านเอาหลักการค่า   โดย: Together In 80s Dream 29 มีนาคม 2548 17:50:54 น.

โห...พี่เวอร์คะ นับถือๆ ค่ะ ไม่จะบายแร้วยังไม่ยอมไปหาหมออีก อย่าลืมดูแลสุขภาพหน่อย นะคะพี่....น้องๆ เปนห่วงกั๊บ เด๋วจะไม่ได้ความ รู้จากพี่อ้ะค่ะ แหะ แหะ (ล้อเล่นค่ะ) ห่วงจิงๆกั๊บ เห็นโค้ดก้องงแร้วค่ะ แต่อยากทำค่ะ เพราะบล๊อกเปิ้ลก้อไม่มีกรอบเหมือนกัน...ปวดหมอง อันน้อยนิดอีกแระ.....T_T~*   โดย: Mu_in_love (Mu_in_love ) 29 มีนาคม 2548 19:47:23 น.

เก่งมากครับ นับถือ นับถือ   โดย: พัตเตอร์สีเงิน 29 มีนาคม 2548 20:12:37 น.

งง - -"   โดย: <Strawberry Milk Shake> 29 มีนาคม 2548 20:19:11 น.

สุดยอดค่ะ แต่ยังไม่ค่อยเข้าใจ แหะ แหะ เด๋วลองทำดู   โดย: Robotoon 29 มีนาคม 2548 20:44:43 น.

ลองทำแล้วทำไม่ได้อ่ะครับ ปวดหัวอย่างแรง ผมใช้โคดทะลายบล๊อคของคุณรำเพย แล้วเอาโคดของพี่ใส่ใน สโลแกน ผมทำผิดตรงใหนคร้าบบบบบบบบบ   โดย: Watch My Back 29 มีนาคม 2548 20:59:29 น.

ทำได้แล้วครับพี่ สะใจ เหอๆๆๆๆๆ   โดย: Watch My Back 29 มีนาคม 2548 21:21:56 น.

คุณกึ่งคะ อิชั้นไม่เข้าใจเลยค่ะ น้ากึ่งๆๆๆๆ ทำให้เพยหน่อยนะน้ากึ่งนะ นะ นะ   โดย: รำเพย 30 มีนาคม 2548 1:13:14 น.

^ ^ แจ๋วๆ   โดย: หมาร่าหมาหรอด 30 มีนาคม 2548 1:15:45 น.

เยี่ยมคับ แต่ผมนี่แย่ ไม่เคยเรียนพวกคอมอะรัยอะรัยมาก่อนเลย เรียนแต่เรื่องคน และก้เรื่องคนอ่ะ...... เด๋วจะอ่านซ้ำรอบที่5คับ   โดย: 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 น.

ขอบคุณค่ะ แต่ยังมะรู้เรื่องง่า 55555555 เวนกำ เกิดมาโง่ -__-"   โดย: ฮิปโปปาร์ตี้ 5 เมษายน 2548 14:40:42 น.

มาเพื่อก๊อบโดยสุจริตใจ อิอิ ขอบคุณค่า อยากเปลี่ยนสีไดแล้ววว แหงะ ๆๆๆ ยังไม่ว่างซักที - -"""   โดย: Seven Of Nine 6 เมษายน 2548 20:04:40 น.

อ่า...เจ๋งมากๆเลยครับ ขอบคุณมากๆ   โดย: Adct2Luv IP: 203.172.66.134 7 เมษายน 2548 10:32:57 น.

สุดยอดมาก ๆ ป้าจะอิ๊บขอลาตายเลยแล้วกัน เฮ้ออออ   โดย: ป้าจะอิ๊บ (jipnaja ) 7 เมษายน 2548 10:49:25 น.

ผมก็ทำนะ แต่มันดันไม่แสดงผลในคอมเมนท์ล่างสุดอ่ะ เลยลองตัด CommentCount--; ดู ปรากฏว่าได้แฮะ ^^ เอ้อ สงสัยนิดนึงฮะ var reg = new RegExp("-- comment","gm"); ไอ่ gm เนี่ย มันจะสื่อถึงอะไร เอาเป็นว่าพารามิเตอร์หลังของ RegExp เนี่ย มันคืออะไร ไม่เก็ทตรงนี้ที่เดียวคับ   โดย: Shelling Ford` 7 เมษายน 2548 14:21:49 น.

ขอบคุณค่ะ   โดย: วัฌชา 9 เมษายน 2548 20:16:26 น.

วันนี้ป้ายังไม่เก็ทแฮะ   โดย: ป้ามด 17 เมษายน 2548 10:18:14 น.

ขอบคุณคับ   โดย: นายFee 22 เมษายน 2548 18:40:44 น.

Cool ! ขอบคุณค้าบ !   โดย: แซลลี่ ! 15 กรกฎาคม 2548 18:55:41 น.

มาอ่านตามที่เขียนแนะนำให้มานะจ้า ขอบคุณมากนะจ้าที่แนะนำให้ ใช้อย่างเปิดเผย **มีความสุขมากๆๆนะจ้า**   โดย: จอมแก่นแสนซน 16 กรกฎาคม 2548 22:03:42 น.

โดย: เกดจัง 15 สิงหาคม 2548 17:16:16 น.

งงง่า... คือยังไม่เข้าใจครับ ว่าจะเอาโค้ดที่พี่เขียนมาปแระกอบกันยังไง... คือเอามาแปะๆๆรวมกันตามลำดับเลยเหรอครับ ต้องมีเว้นวรรคทีนึงก่อนรึเปล่า รึว่ายังไงกันแน่เนี่ย... บึ้ม... สมองระเบิดไปเรียบร้อย...   โดย: nanoguy (nanoguy ) 12 กุมภาพันธ์ 2549 1:04:40 น.

ขออนุญาตลอกโค้ดไปอธิบายต่อในบล็อกนะคะ มีเพื่อนอยากปรับคอมเม้นต์แต่เห็นอย่างนี้ เพื่อนงงแน่ ขอบคุณที่เขียนโค้ดดีๆ ให้ใช้ค่ะ ไม่ลืมอ้างอิงเครดิตใ้ห้กับผู้เขียนโค้ดแน่นอนค่ะ   โดย: thienkam (thienkam ) 18 กุมภาพันธ์ 2549 12:34:20 น.

ขอบคุณ สำหรับ script ด้วยครับ ได้ความรู้เพิ่มเติมอีกหล่ะ..   โดย: [เทวดาน้อย] 3 กรกฎาคม 2549 1:51:29 น.

以下都是我的网站，希望能和您挑出一个来交换连接！成人用品翻译公司数据恢复翻译公司留学荷兰留学英国留学加拿大留学澳大利亚留学美国留学法国留学英国签证加拿大签证英国大学排名专升本留学中介鹿特丹商学院翻译公司印刷Google优化排名翻译公司整容北京整形医院整形丰胸隆胸瘦脸隆鼻除皱吸脂下颌角双眼皮整形医院整形美容美容整形人造美女疤痕痤疮美容翻译公司零售零售业翻译公司翻译手机窃听器窃听器监听器手机监听器留学英国英国高中留学荷兰留学法国留学澳大利亚留学加拿大新加坡留学留学新加坡莫那什大学留学美国雅思考试出国留学托福考试翻译公司数据恢复阿姆斯特丹商学院上海翻译公司成人用品印刷厂北京印刷北京印刷厂数据恢复窃听器手机窃听器成人用品翻译公司数据恢复数据恢复翻译留学家居数据恢复网站建设电脑维修注册公司打折机票监控系统婚庆公司办公用品办公家具管理咨询ERPVOIP整形成人用品英语培训集团电话条码太阳能空调视频会议写字楼数据恢复投影机翻译公司翻译公司加湿器虚拟主机性用品笔记本出国留学移民成人用品公司注册装修污染UPS电源注册商标医疗器械猎头公司印刷门禁系统净水设备母婴用品翻译公司鲜花礼品礼仪公司保险保洁公司公司注册数据恢复公关公司广告公司连锁加盟企业名录心理咨询防辐射拓展训练制卡速记电脑培训灯具汽车陪练市场调查开关私人侦探北大青鸟成人用品Google排名不孕不育翻译公司|整形整容吸脂隆鼻隆胸丰胸除皱瘦脸瘦身重睑垫下巴下颌角双眼皮处女膜整形美容美容整形妇科整形整形外科人造美女处女膜修复北京整形医院隆乳315法国留学整形整容吸脂隆鼻隆胸丰胸隆乳除皱瘦脸瘦身重睑垫下巴下颌角双眼皮处女膜整形美容美容整形妇科整形整形外科人造美女整形医院处女膜修复北京整形医院整形美容医院监听器手机监听器   โดย: merry IP: 61.149.120.195 30 กรกฎาคม 2549 6:10:20 น.

อยู่ที่ทำงานเลย login ไม่ได้ค่ะ ตามมานาน ตามจนมาเจอตัวผู้ก่อการ :-) ผู้แก้ไขกล่องคอมเมนต์ ขอบคุณค่ะสำหรับโคดเจ๋งๆ ถึงไม่ได้ก๊อปปี้จากคุณกึ่งฯโดยตรง แต่ก็ได้มาขอบคุณที่ต้นทางนะค่ะ ส่วนตัวใช้ Opera เป็นหลักค่ะ โคดแก้ไขกล่องคอมเมนต์ของคุณกึ่งฯ ต้องตัดคำสั่ง commentCount--; ไม่อย่างนั้นความเห็นล่างสุด(ใหม่สุด)จะไม่ถูก apply ตามโคดค่ะ อาจจะเป็นไปได้ว่า Opera นับ array เหมือนภาษาซีคือเริ่มจาก 0 หรือไม่ไอ้ IE มันก็เก่งเอง อย่างไรก็ตาม ขอบคุณหลายๆค่า   โดย: 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 น.

想在台州树立良好的企业品牌找台州网络公司 。五金装饰目前台州网站建设公司有很多家，台州网页设计水平都很不错装饰五金，尤其网络推广技术很成熟。网站推广和google推广这几项技术也在迅速发展。所谓的通俗地说就是网站优化，其中包括Google优化和Google左侧排名以及Yahoo优化排名。它们都统称为SEO。专业提供SEO培训服务，帮助更多的SEO优化的爱好者实现梦想。我们会为你准备好生日礼物 ，还可以为你提供毛绒玩具批发服务，心动不如行动！网站优化已成为网络时代新宠！通过google优化可以使网站获得好的google左侧排名的自然排名。另外Yahoo优化排名不是有钱就可以卖得到的，搜索引擎优化必须通过技术手段才能实现。也就是通过优化网站从而获得好的排名。通过百度优化获得好的排名，是企业提升品牌的利器。通过多数企业的案例来看，效果都是非常理想。想掌握SEO优化技术吗？来加入我们SEO培训的队伍当中来。   โดย: becca IP: 125.126.225.216 24 พฤษภาคม 2550 13:06:32 น.

สุดยอดค่ะคุณกึ่ง   โดย: midnight train 13 สิงหาคม 2550 19:08:57 น.