Web Analytics Made Easy -
StatCounter help with navigation menu - CodingForum

Announcement

Collapse
No announcement yet.

help with navigation menu

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • help with navigation menu

    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>
    Wonder

  • #2
    Re: help with navigation menu

    Originally posted by mex
    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!
    <snip />
    If you tell me how those without JS will navigate your page
    Vladdy | KL
    "Working web site is not the one that looks the same on common graphical browsers running on desktop computers, but the one that adequately delivers information regardless of device accessing it"

    Comment


    • #3
      well.....using the html page!!!! The html page should be link to the js file which contains the various links!!!

      I mean to place the links in the .JS file so that it can be view in a html page.....by linking the html page wiht the js file....
      Wonder

      Comment

      Working...
      X