Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Regular Coder
    Join Date
    Jul 2002
    Posts
    128
    Thanks
    0
    Thanked 0 Times in 0 Posts

    SIMPLE pop-up menu

    I am looking for a simple pop-up menu ( a DIV) I don't wan to move it, just to have a menu inside and the possibility to hide and show it

    thankk you

  • #2
    Regular Coder
    Join Date
    Jun 2002
    Posts
    626
    Thanks
    0
    Thanked 0 Times in 0 Posts
    How about this one from Dynamic Drive:
    http://www.dynamicdrive.com/dynamicindex1/popit.htm

    Also here is the link to their Menu/Navigation section:

    http://www.dynamicdrive.com/dynamicindex1/index.html

  • #3
    Regular Coder
    Join Date
    Jul 2002
    Posts
    128
    Thanks
    0
    Thanked 0 Times in 0 Posts
    yes then I have just to change so many things :-))

    a simple link

    <a href="javascriptivShow()">SHOW</a>

    <div id="menu"><a href="javascriptivHide()">Hide</a>
    content
    </div>

    will be perfect

  • #4
    Regular Coder
    Join Date
    Jun 2002
    Posts
    626
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Here is a very simple one:
    Code:
    <html>
                        <head>
                        <script language="JavaScript">
                        <!--//
                        function show(layerid) 
                          {
                           if (document.getElementById)  // IE and NS6
                              {
                               elm=document.getElementById(layerid)
                               if(elm.style.visibility=="visible")
                                 {
                                  elm.style.visibility="hidden"
                                 }
                               else
                                {
                                 elm.style.visibility="visible"
                                }
                              }
                           if(document.layers) 
                             {
                              obj=eval("document."+layerid)
                              if(obj.visibility=="show")
                                {
                                  obj.visibility="hide"
                                }
                              else
                                {
                                 obj.visibility="show"
                                }
                              }
                       }                    
                        //-->
                        </script>
                        </head>
                        <body >
                        <br><br>
                        <a href="javascript:show('mytexta')">Show/Hide Div<a>
                        <div id="mytexta" Style="position:relative;left:10;top:50;visibility:hidden">
                          This is some text that should be hidden until the text link is clicked. <br>
                           click the link again to hide it.
                        </div>
                        </body>
                        </html>

  • #5
    Regular Coder
    Join Date
    Jul 2002
    Posts
    128
    Thanks
    0
    Thanked 0 Times in 0 Posts

    yahoooo !

    perfect ! exactly what I need

    thank you

  • #6
    Regular Coder
    Join Date
    Jul 2002
    Posts
    128
    Thanks
    0
    Thanked 0 Times in 0 Posts

    hide by clicking a link inside the box

    and how can you hide this box by clicking any link inside the box ?

    ---------------------------------------------------------------------------
    <a href="java script:show('mytexta')">Show/Hide Div<a>
    <div id="mytexta" Style="position:relative;left:10;top:50;visibility:hidden
    ">
    link 1
    link 2
    link 3
    </div>
    ------------------------------------------------------------------------
    I want to send a request by clicking link1 or 2 or 3 and at the same time close this box

    thank you again !!!


  •  

    Posting Permissions

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