Popup Windows Trigger on Mouse Clicking on Links

Q

How to trigger popup windows based on mouse clicking on links with JavaScript?

✍: FYIcenter.com

A

If you want to trigger a popup window when user clicks the mouse over a hyper link, you can use the "onclick" attribute in the HTML tag to call a predefined JavaScript function. See the following JavaScript code outline:

<a href="#top" onclick="pLinkOnclick();">Click your m...
...
<script language="JavaScript">
/*
*  Popup Blocker Test - P_LINK_ONCLICK
*  - Popup Windows Triggered by Mouse Clicking on Links
*
*  A popup window shows up when you click your mouse on a 
*  hyper link. JavaScript codes implemented on the 
*  onclick event of any type of link tag.
* 
*  Version of 2007.01.01
*  Download at http://sqa.fyicenter.com/tools/
*  Copyright (C) 2007 FYIcenter.com. All rights reserved....
*/
function pLinkOnclick() {
   fyicenterWin = window.open('', 'Popup', 'toolbar=no,sc...
   fyicenterWin.document.write('<html><body bgcolor="#eee...
   fyicenterWin.document.write('<p><b>P_LINK_ONCLICK Test...
   fyicenterWin.document.write(' - Popup Windows Trigger...
   fyicenterWin.document.write(' - Developed by FYIcenter...
   fyicenterWin.document.write('<p><img src="popup_test_f...
   fyicenterWin.document.write('If you see this popup win...
   fyicenterWin.document.write('</body><...
   fyicenterWin.document.close();
}
</script>

You can also visit Popup Blocker Test - P_LINK_ONCLICK page to get the complete source code and to see how it works.

2007-01-17, 7985👍, 0💬