ติดตามข่าวสารง่ายๆ >>
led Clock นาฬิกาติดโรงงานขนาดใหญ่

http://www.gooab.net
  
สร้างเว็บไซต์Engine by iGetWeb.com
 

 หน้าแรก

 บทความ

 ข่าวไอที

 สินค้าGooAB

 ถามปัญหาคอม

 เว็บบอร์ด

 ติดต่อเรา

จดหมายข่าว

อีเมล์

ตะกร้าสินค้า

จำนวนสินค้า : 0 รายการ
ราคา :0 ฿

Webstats

Sponser link

WoW~WEB!

Edit Video ง่ายๆ ฟังก์ชันใหม่ ด้วย YouTube

MakeMeBabies เห็นหน้าลูกได้ตั้งแต่ยังไม่ตั้งครรภ์

เช็ค App อัพเดท ใหม่ๆง่ายๆที่เดียว

Weight Mirror อยากอ้วน อยากผอม ต้องลองปรับดูก่อน

วิธีทำAvatar หน้า ปลาไหล ที่กำลังฮิตบน Facebook

EasyHi สร้างการ์ดสุดเจ๋งให้กับเพื่อนๆ

รวมเกมส์ออนไลน์ สนุกสำหรับวัยมันส์ แก้เซงดีมาก

Kidopo เว็บไซต์ของคุณหนูๆ

download วีดีโอจาก youtube โดยไม่ต้องง้อโปรแกรมช่วย

Youtube สำหรับหนูน้อย !

ดูวีดีโอ HD เต็มตากว่ากับ YouTube XL

อยากเก็บไฟล์ แต่ไม่มีที่ไว้ นี้เลย MIN.US

อยากฟังเพลงออนไลค์ ให้เพลินต้องเว็บนี้เลย

Google+ คืออะไร

อยากรู้ไหม หน้าเรา เหมือนสุนัขพันธ์ไหน สำหรับคนรักสุนัขห้ามพลาด

มาเปิดโลกให้เต็มตากับภาพข่าวเต็มตา BigPicture

จดบันทึกประชุมออนไลน์ แล้วแชร์ผ่านอ Email ได้เลย สุดยอดด

มาแปลงข้อความ เป็นเสียงกันดีกว่า ง่ายๆไม่ต้องติดตั้งโปรแกรม

Social Network ตัวใหม่ คุณรู้จักไหม Linked in ช่วยหางานได้ !!!

คุณกำลังหา Font สวยๆอยู่รึเปล่า ?

ลอง แต่งหน้าทำผม ผ่านเว็บไซต์

มาทำรูปเป็นสไลด์ เก๋ ด้วย Picturetrail

ทำรูปสติกเกอร์ออนไลน์

ใส่กรอบรูปง่ายๆ ผ่านเว็บไซต์

นางแบบ – นายแบบ นิตยสารในฝัน ใกล้แค่เอื้อม

จิตกร ออนไลน์

คุณจะหน้าตาอย่างไร ในอีก 20 ปี ข้างหน้า

เว็บรวบรวม ส.ค.ส. พระราชทาน ของพระบาทสมเด็จพระเจ้าอยู่หัวฯ

วางแผนการใช้ชีวิตอย่างมีเป้าหมาย กับ iDream

เกมส์ จีบสาว บนYoutube ฝีมือเด็ก AU

แนะนำเว็บไซต์รายงานสภาพจราจรในกรุงเทพฯและเชียงใหม่

ตรวจสอบ สเปคคอมพิวเตอร์ สำหรับ นักเล่นเกมส์

มาลองสร้าง Flash Drive เป็นหุ่นยนต์

สอนทำผม แต่งหน้า สไตล์เกาหลี ง่ายมากๆ

อยากลองทำลายคอมพิวเตอร์ ที่บ้านไหม?

10 เว็บไซต์ความงามสุด cool ที่คุณผู้หญิงต้องคลิ้ก!

อยากโหลดเพลงจาก Youtube ให้เป็น mp3

วิธีแก้ไข้ ภาพถ่ายด้วย online tool

ออนเอ็ม บนเว็บ Online Windows Live Messenger

iGoogle คืออะไร?

มาดูเว็บที่คนทำไม่อยากให้ คลิก!!

ประกอบคอมบนเว็บ กันดีกว่า

อยากรู้ความรู้สึกของนางเอกเวลาโดนตบไหม

มาตรวจสอบอุปกรณ์ Kingston ดูว่าของแท้เปล่า

ทดสอบความเร็วเน็ต ต้องยกให้เค้าเลย

มาลองวาดรูปให้เต้นบนเว็บดู

ใจไม่กล้าจริง อย่าเข้ามาดูเลยดีกว่า

หยุดทำร้ายประเทศไทย

ทดสอบว่าคุณพิมพ์ภาษาอังกฤษเร็วแค่ไหน

มาแต่ง(ล้อ)รถบนเว็บกัน

เว็บแต่งปืนM4 สำหรับคนชอบBB gun

พี่ไก่เขาทำทุกอย่าง ตามที่สั่งจริงๆ

คณิตศาสตร์และการคำนวณต้องยกให้เค้า

แล้วการค้นหาสถานที่ต่างก็ไม่ใช้เรื่องยาก

มาเล่นเกมส์กีต้าร์บนเว็บกัน

ทำหน้าตัวเองให้เป็นการ์ตูน

เว็บแปลงไฟล์ภาพ.png เป็นไฟล์(.ico)

Download !

สิ้นสุดการรอคอย Firefox 8

โปรแกรมจัดการบัญชีรายรับ รายจ่าย ปี 2554

โปรแกรมวางแผนการใช้เงิน รายรับ รายจ่าย ปี 2554

โปรแกรมวางแผนการใช้เงิน

โปรแกรมจัดการบัญชีรายรับ รายจ่าย ปี 2553

ตกแต่งห้องอย่างมืออาชีพ ด้วย Sweet Home 3D

cFosSpeed 4.51 โปรแกรมเพิ่มความเร็วอินเทอร์เน็ต

ค้นหาและทดสอบ Wi-Fi รอบตัวคุณด้วย WirelessMon

WavePad โปรแกรมตัดเพลง MP3 เป็น Ringtone

โหลดคลิปง่ายๆ กับ YouTube Downloader 2.1

โปรแกรมวัดความร้อนซีพียูพร้อมความเร็วพัดลม

โปรแกรมแอบดู Webcam ของคนอื่น

Hiren BootCD 9.8 ซีดีซอฟแวร์สำหรับซ่อมคอมพ์

Orbit Downloader ดูดทุกอย่างบนเน็ต

Active Desktop Calendar ปฏิทินสวยๆ บนหน้าจอ

เปลี่ยนหน้าจอwindowsให้เป็นแบบ 3 มิติ

วอลเปเปอร์ HI-Def สุดสวย

Norton AntiVirus 2009 แอนตี้ไวรัสสุดเจ๋ง

ฆ่าไวรัส MSN ด้วย MSN Virus Cleaner

AVG Anti-Virus Free 8.0

IT Today

ซื้อ แอพบนมือถือ ระวัง จนไม่รู้ตัว

Risk on LINE

Gadget: 10 สุดยอดอุปกรณ์ไอทีแห่งปี

เผย 10โดเมน ที่มีราคาซื้อขายแพงที่สุดประจำปี 2011

ของขวัญ 3 อย่างที่ลูกหลานคุณอยากได้มากที่สุดช่วงปีใหม่นี้!

สื่อออนไลน์ควรถูกควบคุมหรือไม่?

Steve Jobs ได้รับการยกย่องจากนิตยสารทั้งมิตรและศัตรูพร้อมกันทั่วโลก! ::

56 ปี สตีฟ จ็อบส์ ชายผู้เป็นมากกว่าตำนาน

มารู้จักกับ Apple ให้มากกว่านี้

วิธีตรวจว่าแฟลชไดรฟ์ Kingston อันนี้เป็นของแท้ หรือของปลอม ภาค2

หมดยุคแล้วที่จะทำงาน 9 โมงเช้า 5 โมงเย็น !?

คนใช้ Android ขนหัวลุก เพราะปัญหาไวรัสแอบแฝง

Facebook VS Google+

iPhone เปลี่ยนโลกได้อย่างไร

ติด Facebook ผลกระทบหลายด้าน

ประมวลสถานการณ์ภัยเทคโนโลยีปี 53 และแนวโน้มสถานการณ์ภัยเทคโนโลยีปี 54

ห่วงเด็กปิดเทอม สนับสนุนให้ทำกิจกรรมดีดี

เกมส์คอมพิวเตอร์ กับ เกมชีวิต

เสริมทักษะชีวิตให้วัยรุ่น...วัยเสี่ยง...แชทรักออนไลน์

นั่งหน้าคอมพ์จนปวดคอ อย่านิ่งดูดาย

โรค Computer vision syndrome

วิธีการถนอมดวงตาเวลาใช้คอมพิวเตอร์

โรคปวดหลัง ถามหาคนเล่นคอม

5 เหตุการณ์เด่นไอทีไทยปี 52

ประมวลสถานการณ์และแนวโน้มภัยเทคโนโลยี ปี 2553

เข้าใจเด็กไอที เสริมภูมิต้านทานภัยเทคโนโลยี

10 เทรนด์ไอทีปี 2010

วิีธีการป้องกันคลิปหลุดแบบได้ผล 100%

Tip Google

Tip Windows8

Tip Windows7

Tip Notebook

เลือกซื้อโน๊ตบุ๊คส์อย่างไรดี(CPU)?

ชาร์จแบตด้วยการพิมพ์

ด็อคกิ้งไร้สาย แปลงโน้ตบุ๊ก เป็น เดสก์ทอป

google chrome os คือ?

Windows Vista รุ่น 32 Bit และ 64 Bit แตกต่างอย่างไร

7 วิธี เพิ่มความเร็วง่ายๆให้แก่ Notebook สุดรัก (ตอนที่ 2)

7 วิธี เพิ่มความเร็วง่ายๆให้แก่ Notebook สุดรัก (ตอนที่ 1)

เพิ่มสัญญาณWireless !!สุดยอดมากๆ

ใครบอกเล่นคอมในรถไม่ได้?

มาล้าง Windows ให้สะอาดกันดีกว่า

ถึงเวลา Macbook ประหยัดไฟกัน

ใช้โน๊ตบุคให้ ประหยัดพลังงาน ภาค3

ใช้โน๊ตบุคให้ ประหยัดพลังงาน ภาค2

ใช้โน๊ตบุคให้ ประหยัดพลังงาน ภาค1

วิธีตรวจสอบโน้ตบุค ก่อนตัดสินใจซื้อ

วิธีเลือกดูโน้ตบุค ก่อนตัดสินใจซื้อ

5 ขั้นตอนทำความสะอาด Notebook

มาทำความสะอาดจอLCDกัน

Laptop Alarm :: ป้องกันขโมยโน้ตบุค

10 อุปกรณ์notebookที่น่าสนใจมาก

วิธีชาร์จแบตเตอรี่อย่างถูกต้อง

การเสียบปลั๊กอย่างถูกวิธี

วิธีง่ายๆยืดเวลาการใช้งาน

Tip Computer

25 รหัสผ่านบนเว็บที่คาดเดาง่ายที่สุด

การเพิ่มสัญญาณ Wi-Fi ด้วยกระป๋องเบียร์

รวมโปรแกรมดีๆ สำหรับ iPad

Wikipedia กับความเป็นจริง !!

มาแล้ว Wi-Fi 802.22 ไกลถึง 100 กม.

แท็บเล็ต ภาษาไทยเรียกว่าอะไร ?

เทียบนวัตกรรมจาก Microsoft และ Apple ตลอด 30 ปี

ตารางเปรียบเทียบคุณสมบัติสเปค PlayBook , iPad 2 , Touchpad , Android Tablet

มาดูความแตกต่างของ Tablet แต่ละรุ่นกัน คุณสมบัติต่างๆชัดๆ

แท็บเล็ต(Tablet) คืออะไร?

iPad Vs Android ซื้ออะไรดี?

วิธีการเลือกซื้อ MP3 Player

วิธีเลือกซื้อลำโพง (Speaker)

10 ข้อควรรู้ก่อนซื้อ การ์ดจอระดับเทพตัวโปรด

โปรมแกรมเช็ค Dead Pixel โหลดฟรี ใช้ง่ายสุดๆ

เสียง บีพ จาก Mainboard หมายความว่าอย่างไร ?

กู้ข้อมูล

7 วิธีการกู้ข้อมูลในฮาร์ดดิสก์

มาดูกัน กว่าจะเป็น CPU ทำจากอะไร

มาสร้าง QR Code กันเถอะ

ความรู้ทั่วไปเกี่ยวกับ UPS

จะเลือกซื้อ UPS คิดว่ารู้จัดมันดีพอแล้วหรือยัง?

แปลงตัวรับสัญญาณ Wireless ให้เป็น Access Point

วิธีกู้ข้อมูลจาก harddisk ที่เสียแล้ว

ความเป็นมา ของอินเตอร์เน็ต(internet)

ความหมายของคอมพิวเตอร์

iPad คืออะไร?

QWERTY คืออะไรกัน?

วิธี ตรวจสอบ Ram Kingston

ระวัง Flash drive Kingston ปลอม!! ภาค1

X86 กับ X64 มันคือเลขอะไรกัน

XPphone มือถือตัวจริงของคนชอบ Windows XP

มือถือหาย ก็สามารถติดตามได้ด้วย GPS

Aircard คืออะไร ?

HSPA เทคโนโลยีไร้สายสำหรับอนาคต

ข้อเท็จจริงของการ (Overclock)

วิธีการต่ออินเตอร์เน็ตผ่านมือถือแบบง่ายๆ

PSP VS Ipod touch VS NDS Lite

QR Code คืออะไร?

สำหรับคนที่คิดจะซื้อ i Phone 3G

วิธีการขยายสัญญาณ True Wi-Fi

มารู้จักเสาWirelessกันดีกว่า

วิธีแก้ปัญหา Dead Pixels จอ LCD

ความรู้ทั่วไปเกี่ยวกับคอมพิวเตอร์

วิธีเลือกซื้อการ์ดจอ

เล่นอินเตอร์เน็ตผ่านมือถือ

อาการคอมเสียยอดฮิต

Tip Virus

ระวังภัย Microsoft แจ้งเตือนช่องโหว่ 0-Day TIFF Codec ในโปรแกรม Microsoft Office (CVE-2013-3906)

รวมคำนิยามของ Virus, Worm, Spyware, Trojan, Malware ฉบับสมบูรณ์

ไวรัส แฮร์รี่ พอตเตอร์ Harry Potter ระวัง ฉกข้อมูล

Drive D เปิดไม่ได้ ทำอย่างไร

การปิด วิธีปิด autorun เพื่อป้องกันไวรัส

ใคร task manager หาย วันนี้มีวิธีแก้ง่ายๆมาฝากกัน

เตือนผู้ใช้ IE ปิด JavaScript โดนไวรัส

จุดอ่อน อย่ากด F1 ใน Windows XP

การตรวจสอบไวรัส (virus) และการป้องกันไวรัส เบื้องต้น

การทำงานของไวรัสคอมพิวเตอร์

ข้อมูลและบทวิจารณ์ bitdefender antivirus 2008

ข้อมูลและบทวิจารณ์ Kaspersky antivirus 2008

ความหมายของชื่อไวรัส mean of virus name

Top 10 antivirus 2009 (10 อันดับสุดยอดโปรแกรมป้องกันไวรัสปี 2009)

5 วิธี แก้ไขปัญหาเกี่ยวกับ Virus MSN

http://myspc.net/ ส่งไวรสมาอีกแว้ว

Surabaya Virus

ระวังหลอกลวงผ่านโทรศัพท์มือถือ

ระวังหลอกให้โอนเงิน

กด Ctrl+Alt +Del ดู Task Manager ไม่ได้

W32.MSN.Worm

Gooab.Net

คลิกขวาเซฟรูปจาก hi5 ไม่ได้

คลิกขวาเซฟรูปจาก hi5  ไม่ได้

entry นี้ขอแบ่งออกเป็นสองส่วนครับ
..ส่วนแรกจะเป็นวิธีแก้ปัญหา เหมาะสำหรับผู้ที่ต้องการแค่วิธีแก้ ไม่สนใจที่จะรู้อะไรเพิ่มเติมประดับสมอง
..ส่วนที่สองเป็นคำอธิบายขยายความจากส่วนแรก เหมาะสำหรับผู้ไม่รู้แต่ไฝ่รู้
สรุปตามนั้นครับ หากประสงค์แค่วิธีแก้ไข ..อ่านเฉพาะส่วนแรก
หากต้องการมากกว่านั้นก็อ่านต่อจากนั้น

ปัญหานี้ผมโพสท์จากกรณีช่วงวันที่โพสท์นี้นะครับ
(อดีตมันไม่เคยเป็นปัญหามาก่อน ปัจจุบันมันเป็น ..และก็ไม่รู้ว่าอนาคตปัญหาจะเปลี่ยนไปยังไง)
เป็นปัญหาที่ฮอตฮิตมากในหมู่วัยรุ่นผู้นิยมการเล่นฮิห้า
..นิยมไปตั้งกระทู้ถามกันเรื่อยๆ ซ้ำๆ ในห้อง tech บอร์ดพันทิป และชุมชนออนไลน์อื่นๆ
ปัญหาที่ว่าคือ.. ทำไมคลิกขวาเซฟรูปเพื่อน หรือสาวๆ นมหก ในหน้ารูปของฮิห้าต่างๆ
ถึงได้ผลลัพธ์เป็นไฟล์รูปขาวๆ ขนาดเท่าเม็ดทราย?

สังเกตุจากชื่อไฟล์ที่ได้จากการคลิกขวาแล้วเซฟรูป
ณ ขณะที่ปัญหานี้กำลังเกิดขึ้น ..คือไฟล์ตามภาพประกอบด้านบนครับ


- ส่วนที่หนึ่ง -

วิธีแก้สำหรับไอ้ฮัท.. มีสองวิธีครับ
แรกเริ่มเดิมทีผมใช้วิธีกดปุ่ม PrtScn (PrintScreen) เพื่อจับภาพนมหกจากฮิห้านั้นๆ ในหน้าต่าง browser
จากนั้นเปิดโปรแกรมแก้ไขรูป เช่น MS Paint, Photoshop ฯลฯ ..ตามสะดวก
ใช้วิธี Paste รูป ลงไปในโปรแกรมดังกล่าว ..แล้วทำการ Crop/Trim ตามความขยัน
Save ปกติ ใช้งานได้
(วิธีนี้ขออนุญาตละไว้นะครับ ..เพราะคำแนะนำหลังจะง่ายกว่า)

จนกระทั่งพอนั่งทำความเข้าใจกับมันได้สักพัก ..ก็หาวิธีแก้ไขที่ดีกว่าได้ครับ
ดีที่สุดหรือไม่ ..ไม่รู้ แต่ที่แน่ๆ มันใช้งานได้สำหรับผู้ใช้ปกติทั่วไป
นั่นคือ..

สมมุติรูปข้างบนคือหน้าต่าง browser ที่กำลังเปิดรูปที่ต้องการเซฟ..

ตามภาพ.. ถ้ามีการคลิกขวาเพื่อเซฟรูป จะได้ผลลัพธ์เป็นชื่อไฟล์ 1×1_trans.GIF ตามภาพประกอบ..
ซึ่งถ้าเป็นตามนี้.. วิธีเซฟปกติจะได้ผลลัพธ์ตามปัญหาต้น entry ครับ ..คือมันเป็นภาพจุดเล็กๆ ขนาดเท่าเม็ดทราย

วิธีแก้ก็คือ..
ให้ก๊อปปี้ข้อความสีแดงด้านล่างนี้ไปใส่ในช่องระบุ address ของ browser
เลือกใช้ตามประเภท browser ที่แยกให้นะครับ

- สำหรับ Internet Explorer, Opera, Chrome

 

javascript:void(picture.style.display="none");

 

- สำหรับ Firefox

 

javascript:void(document.picture.style.display="none");

(..ในที่นี้ผมทดสอบกับ IE v.7, Firefox v.3, Opera v.9.6 และ Chrome v.1 นะครับ
หากเก่าหรือใหม่กว่านั้น (หรือ browser ยี่ห้อต่างจากนั้น) ลองทดสอบกับทั้งสองตัวอย่างเอาเอง
..ถ้าเป็นกรณีที่ไม่ได้ทั้งสองบรรทัด ในกรณีต่างเวอร์ชั่นหรือต่างยี่ห้อของ browser -
ให้ลองอย่างที่สามดู..)

- บอกเผื่อไว้ในกรณีต่างเบราเซอร์หรือต่างเวอร์ชั่น
(กรณีที่ทดลองทั้งสองบรรทัดข้างต้นแล้ว..ยังไม่ได้ผล)

 

javascript:void(document.getElementById("picture").setAttribute("style","display:none;"));

เมื่อวางข้อความดังกล่างลงไปในช่อง address ของ browser -
แล้ว กด Enter หรือคลิกปุ่มเรียกไปยัง address ที่ระบุของตัว browser หนึ่งครั้ง
หน้าจอจะนิ่งๆ เหมือนไม่มีอะไรเกิดขึ้น..คล้ายรัฐบาลเพิกเฉยกรณีผู้ก่อการร้ายยึดสนามบิน

ลองคลิกขวาแล้วเซฟรูปอีกครั้งครับ

ชื่อไฟล์ที่ถูกต้องและควรจะเป็น (..ซึ่งมันควรจะชื่อมั่วๆ ซั่วๆ ไม่มีความหมายตามภาพข้างต้น) -
ก็จะปรากฏขึ้นมาในรายการการเซฟไฟล์ ..แน่นอนว่าไม่ควรจะเป็นชื่อ 1×1_trans.gif เหมือนตะกี้อีก
ซึ่งจากในภาพประกอบคือตัวอย่างที่สำเร็จครับ ปิ๊ง~ป่อง

- จบส่วนที่หนึ่ง -


- ส่วนที่สอง -

ทีนี้มาอ่านประกอบความรู้ถึงที่มา-ที่ไปของเรื่องที่เกิดขึ้นกันครับ

คงไม่ต้องบอกกล่าวกันซ้ำนะครับว่าทาง hi5 เอามาตราการป้องกันการเซฟรูป (แบบปัญญาอ่อน) แบบนี้มาใช้ทำไม
(..จริงๆ ผมก็ไม่ทราบหรอกว่าทางผู้ดูแล hi5 เขาทำไปทำไม
แต่เดาว่าคงมีความตั้งใจที่จะป้องกันการละเมิดสิทธิ์เจ้าของรูปในการเซฟ หรือนำไปใช้กรณีต่างๆ ว่ากันไป)

เอาเป็นว่าวิธีละเมิดกฏที่ว่ามานี้.. ผมขอให้แค่เป็นการใช้อย่างไม่เป็นการไปละเมิดสิทธิส่วนบุคคล -
ของคนอื่นเขาก็แล้วกันครับ

วิธีการ ถ้าอธิบายเป็นภาพให้เข้าใจง่ายๆ ก็คงจะเป็นแบบนี้ครับ

..ผู้พัฒนาพยายามเขียนระบบให้เอารูปไอ้ 1×1_trans.gif มาแสดงผลทับรูปภาพนั่นเอง!
ซึ่งภาพ 1×1_trans.gif ก็คือผลลัพธ์ที่ได้จากการเซฟที่เป็นปัญหาที่พูดถึงต้น entry นั่นแหละครับ
มันคือภาพขนาด 1×1 pixel ที่มีลักษณะโปร่งใส (transparent)
ที่ถูกสั่งให้แสดงผลขนาด กว้างxยาว ครอบทับรูปภาพนั้นทั้งหมด
ซึ่งถ้าเป็นตามความประสงค์ของผู้พัฒนาฮิห้า ..การคลิกขวาแล้วเซฟก็ไม่สามารถเซฟได้ครับ

สิ่งที่ผมระบุให้ก๊อปไปวางไว้ในช่อง address ของ browser ข้างต้นนั้น
มันคือคำสั่ง javascript ที่พยายามไปแก้ไขหน้าเว็บที่เปิดอยู่ปัจจุบัน ..ซึ่งก็คือไอ้หน้ารูปภาพนั้นๆ นั่นแหละ
ให้พยายามไม่แสดงผลไอ้รูป 1×1_trans.gif ที่ว่านั่นเอง

ภาพข้างบนคือตัวอย่างข้อความ HTML ส่วนหนึ่งที่ระบุการแสดงผลรูปในหน้าแสดงรูปของ hi5 ครับ
(หากไม่รู้จักภาษา HTML มาก่อน ..ไม่เป็นไรครับ อ่านผ่านๆ ก็ได้
เพราะผมแค่พยายามอธิบายที่มาของปัญหา เฉยๆ)

..ข้อความในกรอบสีเขียวคือ tag <img /> สอง tag (tag <img /> โดยปกติใช้เพื่อแสดงผลภาพในหน้าเว็บไซต์)
สังเกตุส่วนที่ผมเน้นข้อความสีเหลืองเอาไว้ครับ
ส่วนแรกคือชื่อของไฟล์รูปภาพที่แสดงอยู่บนหน้านั้นๆ เลย ..ถ้าเซฟภาพหน้านั้นมาจะเห็นว่าชื่อเดียวกัน
(ในที่นี้ผมต้องขออนุญาต censor ชื่อภาพเอาไว้ ขออภัยไว้ด้วยครับ)
ในขณะที่ส่วนที่สอง ..ถ้าสังเกตุดีๆ จะเห็นชื่อภาพที่ระบุว่าชื่อ 1×1_trans.gif ด้วย
..นั่นไงครับ มันมาแล้ว

จริงๆ ถ้ามองเฉพาะตัวอย่าง HTML ข้างต้นที่ยกมา
การเรียงลำดับของ tag <img /> ที่ว่ามานั้น จริงๆ มันต้องกลายเป็นการแสดงผลลัพธ์รูปสองรูปเรียงกันไป ..ไม่ซ้อนทับกัน
ซึ่งความเป็นจริงแล้ว ผู้พัฒนาฯ เขาได้มีบางส่วนคำสั่งนอกเหนือจากนั้นที่ใช้สั่งให้รูป 1×1_trans.gif ขยายขนาดให้ใหญ่เท่ารูปแรก
แล้วเลื่อนตัวเองขึ้นไปทับอยู่บนรูปภาพหลักนั้นๆ นั่นเองครับ
ซึ่งความโปร่งใสของรูป 1×1_trans.gif ไม่ส่งผลต่อการบดบังการมองเห็นรูปด้านล่างอยู่แล้ว
..ประเด็นก็คือเขาพยายามทำให้เราเซฟภาพด้วยการคลิกขวาไม่ได้แค่นั้นเอง

ถ้าใครมี Firefox แล้วอยากรู้ว่า 1×1_trans.gif ที่เรามองกันไม่เห็นเนี่ย..อยู่ตรงไหนของหน้าแสดงรูปของฮิห้า
ลองก๊อปคำสั่งนี้ไปวางแล้วกด Enter หนึ่งครั้งดูครับ

javascript:void(document.getElementById("picture").setAttribute("src","http://blog.sovoboys.net/dat/2009/03/blog2-hi5BreakPicProtect/redDot.gif"));

ถ้าลองดู.. จะเห็นสี่เหลี่ยมสีแดงแปร๊ดทับอยู่บนรูปภาพ
นั่นแหละครับคือการแสดงผล 1×1_trans.gif เดิม
..ซึ่งถูกเปลี่ยนเป็นการแสดงผลรูปขนาด 1×1 pixel สีแดงจากคำสั่งข้างบนนั่นเอง

ทีนี้มาพูดกันถึงว่า คำสั่งข้างบนคืออะไร?
(ส่วนจากนี้ไปอาจจะพูดถึงเชิงเทคนิคนิดหน่อยครับ
..เอาเป็นว่าถ้างงก็ขออภัยครับ ผมแค่พยายามจะเล่าให้ฟังว่าสิ่งที่ทำไปตั้งแต่ต้นคืออะไรเฉยๆ)

ผมบอกไปแล้วข้างต้นว่ามันคือคำสั่งภาษา javascript ที่ใช้เปลี่ยนแปลง/แก้ไขหน้าตาเว็บเพจที่แสดงอยู่บน browser ของเรา
แต่ว่ามันเปลี่ยนได้ยังไง สั่งมันตั้งแต่ตัวอักษรไหน ยังไง.. เดี๋ยวว่ากันต่อ

ตามข้างต้นที่เห็นว่าผมแยกประเภทคำสั่งไว้ตามยี่ห้อของ browser
สาเหตุหลักเลยเพราะความเหี้ยของ browser แต่ละยี่ห้อที่ไม่ยอมสร้างให้เป็นมาตรฐานเดียวกันครับ
บางคำสั่ง สามารถใช้ได้กับ browser หนึ่ง (หรืออีกหลายยี่ห้อ) ..ในขณะที่ไปใช้กับ browser ยี่ห้อหนึ่งไม่ได้
ตรงนี้ผู้บริโภคต้องทำใจยอมรับครับ.. ก้มหน้าก้มตาใช้ของฟรีกันไปตามอัตภาพ

ทีนี้ผมขออิงกับคำสั่งที่บอกเผื่อไว้ข้างต้นนะครับ (..ไม่ใช่กับของ IE, Firefox, Opera หรือ Chrome นะครับ)
คือส่วนนี้ถ้าจะให้อธิบายเป็นลำดับ น่าจะอธิบายได้ง่ายและละเอียดที่สุด

javascript:void(document.getElementById("picture").setAttribute("style","display:none;"));
  • javascript:void(…);
    เป็นการเกริ่นนำให้ browser รู้ว่าข้อความที่จะระบุต่อไปนี้คือคำสั่ง javascript นะจ๊ะ
    ส่วนข้อความในวงเล็บก็จะเป็นคำสั่ง javascript ครับ
  • document.
    เป็นการเริ่มต้นบอก browser ว่า ..ฉันจะเริ่มจากตัวหน้าเอกสารที่กำลังเปิดอยู่นี้
  • getElementById("picture").
    เป็นการบอก browser ต่อว่า ให้มองหา element (หรือก็คือ tag นั่นแหละ)
    ที่มี id เท่ากับ picture
    หากสงสัยว่ามันคืออะไร ลองย้อนกลับไปดูตัวอย่างข้อความ HTML ที่เอามาให้ดูครับ
    ..จะเห็นว่า tag <img /> ส่วนที่สอง (เหนือส่วนที่เน้นสีเหลืองส่วนที่สองไปสองบรรทัด)
    จะเห็น attribute ที่ระบุ id ของ tag <img /> tag นั้นอยู่ว่า id=’picture’
    ..id คือส่วนที่ผู้เขียนเว็บกำหนดขึ้นมาเองครับ ให้ tag <img /> tag นั้นมีอะไรสักอย่างที่ระบุชื่อเฉพาะให้กับ tag นั้นเท่านั้น
    นั่นหมายความว่าแต่ละหน้าเว็บเพจนั้นๆ ควรจะมี id นั้นๆ ได้เพียง id เดียว
    เปรียบเทียบคล้ายกับว่าทำไมคนไทยต้องมีรหัสสิบสามหลักบนบัตรประชาชนครับ เพราะเอาไว้ใช้ชี้เฉพาะเจาะจงถึงคนนั้นเท่านั้น
    ..สรุปคือส่วนนี้ใช้ระบุให้ browser พุ่งเป้าไปยัง tag ที่มี id ตามที่ระบุครับ
  • setAttribute("style","display:none;")
    เมื่อเจอ id ตามส่วนคำสั่งก่อนหน้าแล้ว
    ส่วนคำสั่งนี้ก็จะเป็นการระบุให้มีการตั้งค่าให้กับ attribute นั้นๆ ครับ
    ในที่นี้คือการแก้ attribute ชื่อ style ซึ่งเป็นเรื่องของภาษา CSS อีกทีหนึ่ง
    อาจจะดูซ้ำซ้อนหลายภาษาน่าปวดหัวครับ ..แต่จริงๆ ตัวอย่างที่ยกมานี้ไม่มีอะไรเข้าใจยากเลย
    เพราะเป็นการสั่งให้ display:none; ซึ่งก็หมายถึงไม่ต้องแสดงผลอะไรเลยนั่นเอง

- จบส่วนที่สอง -

สรุป ..พอเข้าใจใช่ไหมครับว่า
คำสั่ง javascript ที่พยายามใส่เข้าไป ก็คือการสั่งให้ id=”picture” ..ซึ่งก็คือไอ้รูป 1×1_trans.gif นั่นแหละ
มันไม่แสดงผลขึ้นมาบน browser หน้านั้น นั่นเอง

พอไม่มีมัน ก็เท่ากับว่าเราสามารถคลิกขวาแล้วเซฟรูปได้ตามปกติที่ควรจะเป็น

ตามนั้นครับ
หวังว่าคงมีประโยชน์

ที่มา http://blog.sovoboys.net/

ความคิดเห็น

  1. 1
    ท้าวบุนหลาย
    จริงด้วย ขอบคุณครับ
  2. 2
    เ

แสดงความคิดเห็น

* *

 

*

view
view