Results 1 to 5 of 5

Thread: Amazon Drop down

  1. #1
    Join Date
    Jan 2009
    Posts
    8
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default Amazon Drop down

    1) Script Title: Amazon style Drop Down

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...amazondrop.htm

    3) Describe problem:

    I have this script working here

    http://www.nationwideltd.co.uk/elect...age-doors.html

    However the problem is once I have said no thanks on the script the next page loaded or even refreshed will result in a chunk of blank white space appearing - this should be hidden by the divs.

    I have tried all sorts of different things but cannot get rid of the white space after the initial refusal of the drop down.

    Any advice would be great.

    thanks

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Try modifying the following code inside the script by adding the changes in red:

    Code:
    function dismissboxv2(){
    if (window.dropstart) clearInterval(dropstart)
    crossboxcover.style.visibility="hidden"
    crossboxcover.style.left=0
    crossboxcover.style.top=0
    }
    BTW, please note that your page is currently in violation of our usage terms, since the credit notice doesn't appear inline on the page. Please reinstate the credit notice: http://www.dynamicdrive.com/notice.htm
    DD Admin

  3. #3
    Join Date
    Jan 2009
    Posts
    8
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    Hi and thanks

    Firstly I have amended the copyright - Apologies about that.

    Secondly I applied the changed but without success unfortuantely.

    Any other ideas?

    Thanks a lot

  4. #4
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    I can't quite tell where your CSS styling the Amazon style box is. The default looks like this:

    Code:
    <style type="text/css">
    
    #dropinboxv2cover{
    width: 320px; /*change width to desired */
    height: 220px; /*change height to desired. REMOVE if you wish box to be content's natural height */
    position:absolute; /*Don't change below 4 rules*/
    z-index: 100;
    overflow:hidden;
    visibility: hidden;
    left: 0;
    top: 0;
    }
    
    #dropinboxv2{
    width: 300px; /*change width to above width-20. */
    height: 200px; /*change height to above height-20. REMOVE if you wish box to be content's natural height*/
    border: 2px solid black; /*Customize box appearance*/
    background-color: lightyellow;
    padding: 4px;
    position:absolute; /*Don't change below 3 rules */
    left: 0;
    top: 0;
    }
    
    </style>
    Try adding the code in red to it (or your version of it).
    DD Admin

  5. The Following User Says Thank You to ddadmin For This Useful Post:

    ollyno1uk (01-25-2009)

  6. #5
    Join Date
    Jan 2009
    Posts
    8
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    Yes this seems to have remedied the issue now. Thanks a lot for helping - really kind of 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
  •