Go Back   CodingForums.com > :: Client side development > JavaScript programming

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 08-01-2002, 01:50 PM   PM User | #1
FTK
New to the CF scene

 
Join Date: Aug 2002
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
FTK is an unknown quantity at this point
how to create onmouseover popup which closes onmouseout ?

ok, the idea would be to create a popup which opens when you place your mouse on top of a link, and when you take your mouse off from the link the popup automaticly closes.
here is an example.
http://www.i-war2.com/downloads.htm
what im trying to do is to make it do what it does on that site when you place your mouse on top of the dload url:s
but by opening a new external html instead of using a help popup like is used on that site...
FTK is offline   Reply With Quote
Old 08-01-2002, 02:11 PM   PM User | #2
requestcode
Regular Coder

 
Join Date: Jun 2002
Posts: 626
Thanks: 0
Thanked 0 Times in 0 Posts
requestcode is an unknown quantity at this point
How about this:
<html>
<head>
<title>Mouse Position</title>
<SCRIPT LANGUAGE=JavaScript1.2>
<!--//
function winopen(e,linkid)
{
if(document.all)
{
leftpos=event.screenX;
toppos=event.screenY;
}
if(document.layers||document.getElementById)
{
leftpos=e.screenX;
toppos=e.screenY;
}
toppos=toppos+10
MessageWin=eval('window.open(linkid,"newwin",config="width=200,height=100,location=no,status=no,dire ctories=no,toolbar=no,scrollbars=no,menubar=no,resizable=no,top='+toppos+',left='+leftpos+'")');
MessageWin.focus()
}
//-->
</SCRIPT>
</head>
<body >
<CENTER>
<BR><BR>
<A HREF="#" onMouseOver="winopen(event,'page1.html')" onMouseOut="MessageWin.close()">Open Window</A>
<BR><BR>
<A HREF="#" onMouseOver="winopen(event,'page2.html')" onMouseOut="MessageWin.close()">Open Window</A>
</CENTER>
</body>
</html>
requestcode is offline   Reply With Quote
Old 08-01-2002, 09:53 PM   PM User | #3
FTK
New to the CF scene

 
Join Date: Aug 2002
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
FTK is an unknown quantity at this point
Thumbs up

Yep this is exactly what i was looking for, thanx for the help
FTK is offline   Reply With Quote
Old 11-15-2012, 01:29 AM   PM User | #4
melvintcs
New to the CF scene

 
Join Date: Nov 2012
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
melvintcs is an unknown quantity at this point
Quote:
Originally Posted by requestcode View Post
How about this:
<html>
<head>
<title>Mouse Position</title>
<SCRIPT LANGUAGE=JavaScript1.2>
<!--//
function winopen(e,linkid)
{
if(document.all)
{
leftpos=event.screenX;
toppos=event.screenY;
}
if(document.layers||document.getElementById)
{
leftpos=e.screenX;
toppos=e.screenY;
}
toppos=toppos+10
MessageWin=eval('window.open(linkid,"newwin",config="width=200,height=100,location=no,status=no,dire ctories=no,toolbar=no,scrollbars=no,menubar=no,resizable=no,top='+toppos+',left='+leftpos+'")');
MessageWin.focus()
}
//-->
</SCRIPT>
</head>
<body >
<CENTER>
<BR><BR>
<A HREF="#" onMouseOver="winopen(event,'page1.html')" onMouseOut="MessageWin.close()">Open Window</A>
<BR><BR>
<A HREF="#" onMouseOver="winopen(event,'page2.html')" onMouseOut="MessageWin.close()">Open Window</A>
</CENTER>
</body>
</html>
i having problem if using IE browser, u try to resize and drag the window to bottm right of the screen. now you can try mouseOver the link and see what happen...
any solution for this?
melvintcs is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 01:00 AM.


Advertisement
Log in to turn off these ads.