Hi zusammen,
hab hier ein problem:
In eine längere HTML-Seite ist ein iframe eingebettet, in dem eine Google-Map dargestellt wird. Dieser map wollte ich die Zoom-per-ScrollWheel-Fähigkeit verpassen, aber - wer hät's gedacht - da scrollt dann gleichzeitig die Container-Seite mir hoch und runter.
Nu will ich also verhindern, daß die Seite mitscrollt. Vermutlich per js, oder?
Also das hier steht (u.A.) im code der per iframe eingebundenen Map:
map.enableContinuousZoom();
GEvent.addDomListener(document.getElementById("map"), "DOMMouseScroll", wheelZoom); // Firefox
GEvent.addDomListener(document.getElementById("map"), "mousewheel", wheelZoom); // IE
function wheelZoom(a)
{
if (a.detail) // Firefox
{
if (a.detail < 0)
{ map.zoomIn(); }
else if (a.detail > 0)
{ map.zoomOut(); }
}
else if (a.wheelDelta) // IE
{
if (a.wheelDelta > 0)
{ map.zoomIn(); }
else if (a.wheelDelta < 0)
{ map.zoomOut(); }
}
}
BTW: wenn ich mit der mouse nicht über der Map bin, dann scrollt auch nur die Container-seite, ohne die map zu zoomen. nur im Fall, daß die Mouse über der Map schwebt scrollen beide...
Danke für Antwort,
Elegon