Tweet
Can anyone rewrite this script so that the LINK be placed in .js file and the other part of the script be placed in a .html file! The main reason behind is that I dont have to go to every page while putting up a new link! but just updating the .js file....Hope u understand what i mean. Thanx
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>JavaScript Popup Menu by Mike McGrath</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<STYLE type=text/css>
<!--
.lilguydiv {left:100px; width:30px; position:absolute; top:100px; height:21px}
.menudiv {border:red 2px solid; z-index:10; left:60px; visibility: hidden;
font-size:10pt; width:160px; position:absolute; top:80px; height:106px; background-color:white}
//-->
</STYLE>
</HEAD>
<BODY>Run your pointer over this little guy to get a menu ...
<DIV class=lilguydiv>
<A onmouseover=menu(1) href="javascript:\\">
<IMG height="48" src="images/lilguy1.gif" width="58" border=0></A></DIV>
<DIV class=menudiv id="linkmenu">
<CENTER><B>Select A Link</B></CENTER>
<UL><A href="javascript:fakelocation(1)">
<LI>Link One</A> <A href="javascript:fakelocation(2)">
<LI>Link Two</A> <A href="javascript:fakelocation(3)">
<LI>Link Three</A> </LI></UL></DIV>
<SCRIPT type=text/javascript>
<!-- Original: Mike McGrath ([email protected]) -->
<!-- Website : http://website.lineone.net/~mike_mcgrath -->
<!--
var nav=(document.layers);
var n_6=(window.sidebar);
if(nav)document.captureEvents(Event.MOUSEMOVE);
if(n_6) document.addEventListener("mousemove",track,true);
document.onmousemove=track;
function track(e)
{
var x=(nav||n_6)?e.pageX:event.x;
var y=(nav||n_6)?e.pageY:event.y;
x=parseInt(x);
y=parseInt(y);
isvis(x,y);
}
function isvis(x,y)
{
if(nav)
{
if(document.linkmenu.visibility!="hide")
{
if(x<60||x>220||y<80||y>166)document.linkmenu.visibility="hide";
}
}
else if(n_6)
{
if(document.getElementById("linkmenu").style.visibility!="hidden")
{
if(x<60||x>220||y<80||y>186)document.getElementById("linkmenu").style.visibility="hidden";
}
}
else if(linkmenu.style.visibility!="hidden")
{
if(x<60||x>220||y<80||y>186)linkmenu.style.visibility="hidden";
}
}
function menu(n)
{
if(nav)
{
document.linkmenu.visibility=(n!=0)?"visible":"hidden";
}
else if(n_6)
{
document.getElementById("linkmenu").style.visibility=(n!=0)?"visible":"hidden";
}
else linkmenu.style.visibility=(n!=0)?"visible":"hidden";
}
function fakelocation(n)
{
alert("This is target "+n+" ......\nreplace this link with your target URL");
}
// -->
</SCRIPT>
</BODY></HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>JavaScript Popup Menu by Mike McGrath</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<STYLE type=text/css>
<!--
.lilguydiv {left:100px; width:30px; position:absolute; top:100px; height:21px}
.menudiv {border:red 2px solid; z-index:10; left:60px; visibility: hidden;
font-size:10pt; width:160px; position:absolute; top:80px; height:106px; background-color:white}
//-->
</STYLE>
</HEAD>
<BODY>Run your pointer over this little guy to get a menu ...
<DIV class=lilguydiv>
<A onmouseover=menu(1) href="javascript:\\">
<IMG height="48" src="images/lilguy1.gif" width="58" border=0></A></DIV>
<DIV class=menudiv id="linkmenu">
<CENTER><B>Select A Link</B></CENTER>
<UL><A href="javascript:fakelocation(1)">
<LI>Link One</A> <A href="javascript:fakelocation(2)">
<LI>Link Two</A> <A href="javascript:fakelocation(3)">
<LI>Link Three</A> </LI></UL></DIV>
<SCRIPT type=text/javascript>
<!-- Original: Mike McGrath ([email protected]) -->
<!-- Website : http://website.lineone.net/~mike_mcgrath -->
<!--
var nav=(document.layers);
var n_6=(window.sidebar);
if(nav)document.captureEvents(Event.MOUSEMOVE);
if(n_6) document.addEventListener("mousemove",track,true);
document.onmousemove=track;
function track(e)
{
var x=(nav||n_6)?e.pageX:event.x;
var y=(nav||n_6)?e.pageY:event.y;
x=parseInt(x);
y=parseInt(y);
isvis(x,y);
}
function isvis(x,y)
{
if(nav)
{
if(document.linkmenu.visibility!="hide")
{
if(x<60||x>220||y<80||y>166)document.linkmenu.visibility="hide";
}
}
else if(n_6)
{
if(document.getElementById("linkmenu").style.visibility!="hidden")
{
if(x<60||x>220||y<80||y>186)document.getElementById("linkmenu").style.visibility="hidden";
}
}
else if(linkmenu.style.visibility!="hidden")
{
if(x<60||x>220||y<80||y>186)linkmenu.style.visibility="hidden";
}
}
function menu(n)
{
if(nav)
{
document.linkmenu.visibility=(n!=0)?"visible":"hidden";
}
else if(n_6)
{
document.getElementById("linkmenu").style.visibility=(n!=0)?"visible":"hidden";
}
else linkmenu.style.visibility=(n!=0)?"visible":"hidden";
}
function fakelocation(n)
{
alert("This is target "+n+" ......\nreplace this link with your target URL");
}
// -->
</SCRIPT>
</BODY></HTML>
Comment