On May 1, 6:25 am, doodle <[email protected]> wrote:
> How do I maintain the div elements whilst showing and hiding markers
> and maintain the ability to roll over the sidebar div listings as they
> work on the initial search ( before hiding any markers )??
The functions makeSidebar() and createSidebarEntry() deserve a look.
createSidebarEntry() puts each found location's data into a <div> and
gives that div the mouseover and mouseout listeners, while makeSidebar
() does not. That would account for the sidebar rollover not working
after a checkbox has been used to hide or show markers. The <div> in
createSidebarEntry() also provides the border around each item; the
borders only show right after a search, before any markers are hidden/
reshown.
The searchLocationsNear() function uses createSidebarEntry() to create
the html for the sidebar items. After a checkbox is clicked, the
boxclick function is called, which calls makeSidebar() to re-populate
the sidebar. This provides sidebar items without the mentioned <div>.
Also note that searchLocationsNear() and makeSidebar() also use
different ways to fill in the sidebar: appendchild(sidebarEntry)
and .innerHTML = html. This is OK, but in general to maintain
consistent appearance and functionality, it would be better to always
load the sidebar the same way.
You might consider revising the script to have only one function that
creates the sidebar items, and only one function that populates the
sidebar with those items. Use these in parallel manner in the loops
within searchLocationsNear() and makeSidebar(). Absent that major
change, you might just use the createSidebarEntry() function within
the loop of makeSidebar().
HTH.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Maps API" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/Google-Maps-API?hl=en
-~----------~----~----~----~------~----~------~--~---
