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 3 of 3
  1. #1
    New Coder
    Join Date
    Feb 2004
    Location
    Nagoya, Japan
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Problem->"Fade In" image appears behind a dropdownlist(it should appear above it)

    Hi there...Can someone help me with this problem?

    I have a page with a form in it,and I have a DHTML script (http://www.dynamicdrive.com/dynamici...stickynote.htm).The form has a couple of text fields,and a dropdown list.When the "fade in" box,from the DHTML script appears, it appears above the text box without problems,but it doesn't hide the dropdown list, which happens to be in the middle of the image. How can I change this,to make the "fade in" box from the script hide everything int he form,including the dropdown list?

    Thanks a lot

  • #2
    Supreme Master coder! glenngv's Avatar
    Join Date
    Jun 2002
    Location
    Philippines
    Posts
    11,068
    Thanks
    0
    Thanked 256 Times in 252 Posts
    Glenn
    ____________________________________

    My Blog
    Tower of Hanoi Android app (FREE!)
    Tower of Hanoi Leaderboard
    Samegame Facebook App
    vBulletin Plugins
    ____________________________________

  • #3
    Registered User
    Join Date
    Apr 2004
    Posts
    99
    Thanks
    0
    Thanked 0 Times in 0 Posts
    or you can just set the style of the activex control (form) to display:none or visiblity:hidden when your fade happens

    [code]
    <html>
    <head>
    </head>
    <body>
    <div id="formholder" style="visibility:visible;">
    <form>
    your form goes here, just like normal
    </form>
    </div>
    then however you call the fade function, add "formholder.style.visibility='hidden';" and when it's supposed to fade back put "formholder.style.visiblity='visible';". so if your fade was triggered by clicking a button it would go like this <button style="width:200px;height:20px;" onclick="fadefunction(); formholder.style.visiblity='hidden';"></button>
    </body>
    </html>
    Last edited by immedicable; 05-18-2004 at 08:59 AM.


  •  

    Posting Permissions

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