Results 1 to 3 of 3

Thread: RE: Pop-it Menu...

  1. #1
    Join Date
    May 2014
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default RE: Pop-it Menu...

    I have used Pop-it Menu for many, many years and was wondering since I read somewhere recently that document.all is obsolete, deprecated, & will soon no longer be supported(at all) and since document.layers is in practically the same state/situation, perhaps the author of Pop-it Menu would consider updating the script to eliminate such things as: var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1,
    var ns6=document.getElementById&&!document.all, and var ns4=document.layers. Surely no one still uses such old browsers(Netscape died with version 9.0.0.6). The reason I ask if the author would update this script is because I have never found another "popup-on-mouseover" that I would even consider. Please won't you update it to modern browser standards? Please?

  2. #2
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,807
    Thanks
    2
    Thanked 423 Times in 417 Posts

    Default

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    
    <head>
      <title></title>
    <style type="text/css">
    
    #popitmenu{
    position: absolute;
    background-color: white;
    border:1px solid black;
    font: normal 12px Verdana;
    line-height: 18px;
    z-index: 100;
    visibility: hidden;
    }
    
    #popitmenu a{
    text-decoration: none;
    padding-left: 6px;
    color: black;
    display: block;
    }
    
    #popitmenu a:hover{ /*hover background color*/
    background-color: #CCFF9D;
    }
    
    </style>
    
    <script type="text/javascript">
    
    /***********************************************
    * Pop-it menu-  Dynamic Drive (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit http://www.dynamicdrive.com/ for full source code
    * Modified 25-May-2014
    ***********************************************/
    
    var defaultMenuWidth="150px" //set default menu width.
    
    var linkset=new Array()
    //SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT
    
    linkset[0]='<a href="http://dynamicdrive.com">Dynamic Drive</a>'
    linkset[0]+='<hr>' //Optional Separator
    linkset[0]+='<a href="http://www.javascriptkit.com">JavaScript Kit</a>'
    linkset[0]+='<a href="http://www.codingforums.com">Coding Forums</a>'
    linkset[0]+='<a href="http://www.cssdrive.com">CSS Drive</a>'
    linkset[0]+='<a href="http://freewarejava.com">Freewarejava</a>'
    
    linkset[1]='<a href="http://msnbc.com">MSNBC</a>'
    linkset[1]+='<a href="http://cnn.com">CNN</a>'
    linkset[1]+='<a href="http://news.bbc.co.uk">BBC News</a>'
    linkset[1]+='<a href="http://www.washingtonpost.com">Washington Post</a>'
    
    ////No need to edit beyond here
    
    
    
    function showmenu(e, which, optWidth){
      var o=showmenu.pop,s=window.innerHeight?[window.pageXOffset,window.pageYOffset]:document.documentElement.clientHeight?[document.documentElement.scrollLeft,document.documentElement.scrollTop]:[document.body.scrollLeft,document.body.scrollTop],xy=window.event?[e.clientX+s[0],e.clientY+s[1]]:[e.pageX,e.pageY];
     if (!o){
      o=showmenu.pop={};
      o.p=document.createElement('DIV');
      o.p.id='popitmenu';
      document.body.appendChild(o.p);
      o.p.onmouseover=clearhidemenu;
      o.p.onmouseout=delayhidemenu;
      o.m=document.createElement('DIV');
      o.m.style.position='fixed';
      o.m.style.right=o.m.style.bottom=o.m.style.width=o.m.style.height='0px';
      document.body.appendChild(o.m);
     }
     if (o){
      clearhidemenu();
      o.p.innerHTML=which;
      o.p.style.width=(typeof optWidth!='undefined')?optWidth:defaultMenuWidth;
      o.p.style.left=Math.min(xy[0],o.m.offsetLeft-o.p.offsetWidth+s[0])+'px';
      o.p.style.top=Math.min(xy[1],o.m.offsetTop-o.p.offsetHeight+s[1])+'px';
      o.p.style.visibility='visible';
     }
     return false
    }
    
    function hidemenu(){
     var o=showmenu.pop;
     o?o.p.style.visibility='hidden':null;
    }
    
    function delayhidemenu(){
     var o=showmenu.pop;
     o?o.to=setTimeout(function(){ hidemenu(); },500):null;
    }
    
    function clearhidemenu(){
     var o=showmenu.pop;
     o?clearTimeout(o.to):null;
    }
    
    
    </script>
    
    </head>
    
    <body>
    <a href="#" onMouseover="showmenu(event,linkset[0])" onMouseout="delayhidemenu()">Webmaster Links</a><br>
    <a href="#" onMouseover="showmenu(event,linkset[1], '180px')" onMouseout="delayhidemenu()">News sites</a></body>
    
    </html>
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  3. #3
    Join Date
    May 2014
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Well, that was certainly a quick reply. Thank you, thank you, thank you.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •