IE <select> and clickable <img> problem

[luftikus143]

Hi there,

I have a nasty little problem, as so often, only with IE. Here is an screenshot to better illustrate the problem. http://geodata.grid.unep.ch/screenshot13.png

The map is clickable (to enable zoom in and other functions). But in this case, I would like to select a value from the drop-down list, which displays as a "drop-up" list because of not having enough space downwards.

Now, when I click to select a year, IE interprets this as a click on the map, instead of just a selection within the box. It sends the request to the server and the server does what it is supposed to do. But the selection of the year still wasn't successful.

Any way to avoid that IE confusion?

I tried already to add onclick="window.event.cancelBubble=true;" but it didn't help...

Thanks for any hints!

(
In case you wonna see it - and it's worth having a quick look to the site :-)) :

1) http://geodata.grid.unep.ch
2) select a key word, such as "population density"
3) select a variable on a "National level"; click on "continue"
4) select a year; click on "continue"
5) select the map module
6) at the left bottom, select the "Trend Analysis" tab, click the check box and select a starting year. And here's the problem.
)

[drhowarddrfine]

Is this only in IE6? I don't see a problem in IE7. I'm switching computers around and don't have IE6 available right now.

[AricC]

Very interesting site. I'm not too sure this belongs in the HTML forum. If I did everything correctly (following instructions) it looks like the onchange event is firing prematurely. Let me know what you think or post the onchange event for that drop down. Either way I should probably move this to PHP etc...

Let us know,
Aric

Hi there,

I have a nasty little problem, as so often, only with IE. Here is an screenshot to better illustrate the problem. http://geodata.grid.unep.ch/screenshot13.png

The map is clickable (to enable zoom in and other functions). But in this case, I would like to select a value from the drop-down list, which displays as a "drop-up" list because of not having enough space downwards.

Now, when I click to select a year, IE interprets this as a click on the map, instead of just a selection within the box. It sends the request to the server and the server does what it is supposed to do. But the selection of the year still wasn't successful.

Any way to avoid that IE confusion?

I tried already to add onclick="window.event.cancelBubble=true;" but it didn't help...

Thanks for any hints!

(
In case you wonna see it - and it's worth having a quick look to the site :-)) :

1) http://geodata.grid.unep.ch
2) select a key word, such as "population density"
3) select a variable on a "National level"; click on "continue"
4) select a year; click on "continue"
5) select the map module
6) at the left bottom, select the "Trend Analysis" tab, click the check box and select a starting year. And here's the problem.
)

[luftikus143]

Is this only in IE6? I don't see a problem in IE7. I'm switching computers around and don't have IE6 available right now.

No idea about IE7. Haven't installed it on any of our computers...

[luftikus143]

Very interesting site. I'm not too sure this belongs in the HTML forum. If I did everything correctly (following instructions) it looks like the onchange event is firing prematurely. Let me know what you think or post the onchange event for that drop down.

I think there is no onchange event. The map takes some (for me rather) heavy Javascript as input (which enables to draw rectangles for the zoom). I guess that this is the one which interferes with the select element...