Pop up Problem

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • onlymukti4u
    New Member
    • Mar 2007
    • 50
    #1

    Pop up Problem

    Hi,

    I am facing a problem in my page. When any popup I am displaying it is showing the below listboxe , Can anyone help me out in this regard. I can avoid it by using JavaScript to hide it when the popup will be there, but I want whether there is any other alternative rather than this...

    Thanks in advance.

    Regards,
    Prasad
    Tags: None
    • Death Slaught
      Top Contributor
      • Aug 2007
      • 1137
      #2
      Please provide your full mark up or a link to your test site.

      Thanks,
      {\_/}
      (' . ')
      (")[DEATH](")
      (")(")

        Comment

        • onlymukti4u
          New Member
          • Mar 2007
          • 50
          #3
          I have given the code below where the listbox is coming above the popup.

          [HTML]<html>
          <head>
          <title>Method Two</title>
          <style>
          #layer {
          position: absolute;
          top: 10px;
          left: 0px;
          width: 220px;
          height: 100px;
          border: 1px solid black;
          background-color: #e4e4e4;
          padding: 10px;
          z-index: 11;
          opacity:10
          }
          #iframe {
          position: absolute;
          top: 10px;
          left: 0px;
          width: 400px;
          height: 400px;
          z-index: 10;

          }



          </style>
          <script type="text/javascript">
          function fun(){

          document.getEle mentById("layer ").style.visibi lity="visible";
          document.getEle mentById("layer ").style.displa y="block";
          }

          function fun1(){

          document.getEle mentById("layer ").style.visibi lity="hidden";
          document.getEle mentById("layer ").style.displa y="none";
          }
          </script>
          </head>

          <body bgcolor="#FFCC6 6">


          <div id="layer" style="visibili ty:hidden; display:none">


          <input name="" type="button" value="ok" onClick="fun1() ">
          </div>
          <select name="" style=" width:100px"></select>
          <select name="" style=" width:100px"></select>
          <select name="" style=" width:100px"></select>


          <input name="input" type="button" onClick="fun()" value="click Here">
          </body>
          </html>[/HTML]
          Last edited by acoder; Jul 8 '08, 12:01 PM. Reason: Added [code] tags

            Comment

            • hsriat
              Recognized Expert Top Contributor
              • Jan 2008
              • 1653
              #4
              Your code is working fine (as expected) with Firefox, Opera and Safari.

                Comment

                • Death Slaught
                  Top Contributor
                  • Aug 2007
                  • 1137
                  #5
                  What browser are you have the problem with? It appears the same in IE, Safari, FireFox, and Opera for me. If your "pop-up" isn't covering your select option then simply position it absolutely and increase the width.

                  Thanks,
                  {\_/}
                  (' . ')
                  (")[DEATH](")
                  (")(")

                    Comment

                    • onlymukti4u
                      New Member
                      • Mar 2007
                      • 50
                      #6
                      I want the pop up should display there itself above the listboxes, but problem is the listboxes are visible above the popup. I am using IE6.

                        Comment

                        • onlymukti4u
                          New Member
                          • Mar 2007
                          • 50
                          #7
                          I am checking in ie6 but in this the listboxes are displaying above the pop up, how come for you it is working fine, which version of ie you are using.

                            Comment

                            • acoder
                              Recognized Expert MVP
                              • Nov 2006
                              • 16032
                              #8
                              onlymukti4u, as a full member now, you should know that we expect your code to be posted in [CODE] tags (See How to Ask a Question).

                              This makes it easier for our Experts to read and understand it. Failing to do so creates extra work for the moderators, thus wasting resources, otherwise available to answer the members' questions.

                              Please use the tags in future.

                              MODERATOR.

                                Comment

                                • acoder
                                  Recognized Expert MVP
                                  • Nov 2006
                                  • 16032
                                  #9
                                  Originally posted by onlymukti4u
                                  I am checking in ie6 but in this the listboxes are displaying above the pop up, how come for you it is working fine, which version of ie you are using.
                                  This is a common problem in IE6 where windowed controls appear above DHTML popups/divs. Either hide the select element/list-box or use a technique known as "iframe shimming".

                                    Comment

                                    Previous template Next
                                    Working...