เคยลองสังเกตกันไหมว่า เมื่อเรานำเอาเมาท์มาวางที่ข้อความหรือรูปภาพที่เป็น Link บนหน้าเว็บเพจ ที่ Status ของ Web Browser จะแสดง URL ของ Link ที่ทำการชื่อมโยงไป ในส่วนนี้บางท่าน ไม่ต้องการให้แสดง URL ที่ Status จะทำอย่างไรละ ก็ต้องพึ่งพา JavaScript มาช่วยในการซ่อน URL นี้ แต่วิธีการทำอย่างไร ลองทำตามบทความนี้ดู

URL แสดงโดยปรกติเมื่อเรานำเมาท์มาวางบนข้อความที่เป็น Link

วีธีการซ่อน URL

1. ให้คุณพิมพ์โค้ดต่อไปนี้ลงไปที่ Source Code ของ HTML

<script language="javaScript">
function hideUrl(){
window.status="";
return true;
}
</script>

2. จากนั้นที่ TAG สำหรับการสร้าง Link คือ TAG <a href="......"> ให้เราทำการพิมพ์การกำหนด Event ลงไปกำกับ ดังตัวอย่าง

<a href="http://www.dwthai.com" OnMouseOver="return hideUrl()">DwThai.Com</a>

เนื่องจากเหตุการณ์ที่เราต้องการควบคุมคือการที่เมาท์มาวางเหนือ Link ฉะนั้น Event ที่ต้องนำมาใช้ก็คือ OnMouseOver

3. จากนั้นทำการ Preview ไฟล์เว็บเพจกับ Web Browser แล้วลองนำเมาท์วางเหนือ Link เราจะพบว่า URL จะถูกซ่อนไม่แสดงที่ Status อีกต่อไป

.............................................................................................................................................................................................