PDA

View Full Version : Drop Down/ Overlapping Content - mysql driven



blinkeedotcom
01-24-2009, 02:31 AM
1) Script Title: Drop Down/ Overlapping Content

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex5/overlapcontent.htm

3) Describe problem:

Thank you for the wonderful script. Its a very cool program. I got it to work, but I am using it with a mysql database driven page. I want to display pricing info and a buy it now button for each item in my "table of contents." I actually got it to work in this way as well, but with a price. It seems to be very taxing so that it slows the website down intolerably. It takes up so much resources that the images on my site no longer load properly when my customization is running. An example of the script running is here:

http://blinkee.com/contentsTest21.php?srch=red

It runs just fine in the above url because there are only a few items being shown, but when I show all my items as on this page:

http://blinkee.com (The script isn't currently running here)

this is when it slows down

Here is the code that lets me achieve a dropdown for each item as it is looked up from mysql:


<a href="http://blinkee.com/product.php<?="?id=$cursrch"?>" class="<?=$CurrentTcolor?>" id="<?="$cursrch"?>" rel="<?=$cursrchWDash?>" rev="http://blinkee.com/quickbuy2.php<?="?id=$cursrch"?>">
<?=$cursrch?>

<DIV id="<?=$cursrchWDash?>" style="position:absolute; visibility: hidden; border: 2px solid purple; background-color: white; width: 280px; padding: 0px;">
</DIV>

<script type="text/javascript">
//Call dropdowncontent.init("anchorID", "positionString", glideduration, "revealBehavior") at the end of the page:

dropdowncontent.init("<?="$cursrch"?>", "right-bottom", 100, "mouseover")
dropdowncontent.init("contentlink", "left-top", 300, "click")

</script>

This code runs inside a loop so that it is generated for each link where I want a drop down. I believe creating so many DIV or calling the init script or both is causing the overload.

My thought are that the possible solution lies in creating only one DIV and on init script and naming them dynamically at the time a link is mouseover, but I've been unsuccessful at making this work so far.

Any kind and bright souls have any ideas?

thank you,