dropdownmenu in infowindow doesn't work in FF

49 views
Skip to first unread message

Nico Oudshoorn

unread,
Jul 29, 2011, 1:33:54 PM7/29/11
to google-map...@googlegroups.com
go to this page http://www.meerijden.nu/ritinvoerenmaps.php?codet=en and enter rideshare to and from city and click on one of the icons in the map. The dropdown menu's in the infowindow act strange and doesn't work. In IE and chrome there is no problem. I work with api 3.4.
 
Anu suggestions? 

Pil

unread,
Jul 31, 2011, 3:59:03 AM7/31/11
to Google Maps JavaScript API v3
Seems that you have set the select element of the dropdown menu to
disabled in your inline CSS:

style="border: 1px solid #CCCCCC;"><select name="frequentie2"
id="frequentie2" disabled="disabled"

This is surely not the only problem with this map. I tried to enter
two cities to get directions to no avail: Only the return value of the
first input field will be displayed on the map. So I tried to get the
directions by typing the destination in the first input field after it
has been cleared. And this approach worked. So it seems that only the
first input field is really usable.

I'd guess most of the users will give up before they detected how to
get things to work.




On Jul 29, 7:33 pm, Nico Oudshoorn <n...@meerijden.nu> wrote:
> go to this pagehttp://www.meerijden.nu/ritinvoerenmaps.php?codet=enand

Nico Oudshoorn

unread,
Jul 31, 2011, 10:40:41 AM7/31/11
to google-map...@googlegroups.com
Thanks for your reaction and comments. I  know, it can always better.
 
The problem occurs only in FF, not in IE or Chrome.
This field id="frequentie2"is not the problem. This will be enabled if you those something in field frequency (id=frequentie1). And that is the problem  Choosing is not possible. The same problem occurs with fields seats and departure.
 
I tested it again and I fill in a city in rideshare from and press enter and the icon of this city appears in the map, then I fill in a city in rideshare to and press enter and the icon of this city appears in the map as well. Then I click on one of the icons in the map and I can fill in a ride. Only the visible dropdown menu's act strange and choosing has no effect. That is the problem!?
 
Any suggestions?

Pil

unread,
Jul 31, 2011, 2:55:20 PM7/31/11
to Google Maps JavaScript API v3
Ah, I didn't notice that it should be a feature not a bug. :-)

Have you tried Firebug?

Using Firebug you should try to find the location of an element in
your DOM whose id is "citybox". It's in the middle of the form and
includes the problematic dropdown box. This element - just as the
following element whose id is called "results" - are code relicts of
one my examples, namely this one

http://www.wolfpil.de/v3/map-in-a-box.html

It seems that you have copied and pasted the code in chaotic manner.
This wouldn't care anyone if the functions and listeners, that are
also still in your code, wouldn't be called.

Have a look at this listeners

<div id="results" .... onmousedown="dragstart(event)">

And the next td element

<td style="height:31px;background-color:#F5FFFA ...
onmousedown="dragstart(event)">

So at this point you should ask yourself if you still can find the
function dragstart() in your code and what it's doing. I'll try to
explain shortly and approximative: As soon as the function dragstart()
is called the global variable draggable is set to true. And because
there is also still a global event listener active that calls the
function watchMouse() this function is trying to set the position of
the elements mentioned above to the position of mouse cursor.

If you finally and definitely get rid of these wildly pasted fragments
one of the main problems of your map should be solved.

Nico Oudshoorn

unread,
Aug 1, 2011, 7:52:03 AM8/1/11
to google-map...@googlegroups.com
Thanks for your reaction. I still wonder why it works well in IE and Chrome. And the same page did work in V2 in FF. But I follow your suggestion and then come back with the results.

Nico Oudshoorn

unread,
Aug 1, 2011, 1:31:52 PM8/1/11
to google-map...@googlegroups.com
I did a test on my other computer. First with FF 3.5.01, then with 3.5.16 and then with the latest version 5.0.1 It works fine all the time. On the computer where I develop the site I have FF 5.0.1 as well. And still the problem keeps coming????

Nico Oudshoorn

unread,
Aug 13, 2011, 8:26:09 AM8/13/11
to google-map...@googlegroups.com
http://www.meerijden.nu/allerittenmaps2V3.php?codet=en&ga=a in this page I removed all the code that could have been the cause of the trouble.
I tested it again and I fill in a city in rideshare from and press enter and the icon of this city appears in the map and/or I fill in a city in rideshare to and press enter and the icon of this city appears in the map as well. In the infowindow you can change the distnace in the dropdownmenu. Again in IE and Chrome this works fine, but in FF the first time it looks to work right, but it acts strange and choosing is hardly or not possible???
 
Still waiting for a solution.
 
Nico.
Reply all
Reply to author
Forward
0 new messages