PDA

View Full Version : Amazon Drop down



ollyno1uk
01-23-2009, 05:52 PM
1) Script Title: Amazon style Drop Down

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

3) Describe problem:

I have this script working here

http://www.nationwideltd.co.uk/electric-garage-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

ddadmin
01-24-2009, 07:59 AM
Try modifying the following code inside the script by adding the changes in red:


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

ollyno1uk
01-24-2009, 02:47 PM
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

ddadmin
01-24-2009, 10:10 PM
I can't quite tell where your CSS styling the Amazon style box is. The default looks like this:


<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).

ollyno1uk
01-25-2009, 11:31 AM
Yes this seems to have remedied the issue now. Thanks a lot for helping - really kind of you!