PDA

View Full Version : Javascript tạo hộp thoại giải thích cho liên kết


JIMMYDU
15-08-2004, 19:59
Script này rất nhỏ và dùng cho cả liên kết của ảnh và liên kết thông thường. Bạn có thể đặt hộp hiện thông báo ở một nơi và các liên kết ở một nơi trên trang web mà script không hề bị ảnh hưởng.


Chú ý:

Đối với cả liên kết thông thường và liên kết của ảnh, bạn đều có thể dùng script trên và thêm dòng sau vào thẻ HREF như sau:


<A HREF="your_domain.htm" onmouseover="showMsg('Day la loi huong dan cua LINK');" onmouseout="showMsg('');> YOUR LINK </a>

Dòng chữ màu đỏ có thể đưa vào mọi liên kết mà không sợ ảnh hưởng tới script.

Dưới đây là mã nguồn:

[code:1:a9e127fa85]<script LANGUAGE="JavaScript">
<!-- Begin
function showMsg(text) {
document.picform.message.value = text;
}
// End -->
</script>
<center>
<ul>
<li>
<a href="HTTP://VnExpress.net"
onmouseover="showMsg('Day la loi huong dan cua image 1');"
onmouseout="showMsg('');">
<img name="button1" src="../../1.gif" width="17" height="20" border="0"></a>
</li>
<li>
<a href="HTTP://WWW.SITE2.COM"
onmouseover="showMsg('Day la loi huong dan cua image 2');"
onmouseout="showMsg('');">
<img name="button2" src="../../2.gif" width="26" height="26" border="0"></a>
</li>
<li>
<a href="HTTP://WWW.SITE3.COM"
onmouseover="showMsg('Day la loi huong dan cua image 3');"
onmouseout="showMsg('');">
<img name="button3" src="../../3.gif" width="26" height="26" border="0"></a>
</li>
</ul>
<p><a href="http://www.site4.com" onmouseover="showMsg('Day la loi huong dan cua LINK');"
onmouseout="showMsg('');"><b>your link</b></a></p>
<form name="picform">
<input type=hidden name=go value="">
<textarea name=message rows=3 cols=57 wrap=virtual>choose an image above for a description!

[/code:1:a9e127fa85]