On Dec 26, 7:12 pm, David B <[email protected]> wrote: > I have an application with has worked for several years (and still > works) under v2. > > There are markers on a map and when you click on the marker an > InfoWindow appears which contains text and two small images. If you > click on one of the images a large version of the image appears in a > window in the foreground. > > In v3 the large image appears but immediately disappears behind the > window with the map. > > An example of the HTML in the InfoWindow which displays the small > images is :- > > <img style="width:200px; height:150px; cursor:pointer;" src="images/ > summary2010/small/Lonely House.jpg" onclick="showlargepic('images/ > summary2010/large/Lonely House.JPG')"> > > function showlargepic(picpath){ > if(newwin != null) {newwin.close(); newwin=null;} > var > param='top=5,left=5,height=675,width=900,scrollbars=no,resizable=no,locatio > n=no,status=no,toolbar=no'; > newwin=window.open(picpath,"largepic",param); > > } > > I have tried all sorts of things (such as newwin.focus() and playing > with zIndex) to get the new window to appear on the top. Without > success. > > Strangely if I put exactly the same <img> definition in the <body> > just above the <div> that contains the map, it works fine. > > Equally if I put exactly the same onclick on a button in the > InfoWindow it works fine. > > <input type="button" value="Test" name="xxx" > onclick="showlargepic('images/summary2010/large/Lonely > House.jpg.JPG')"> > > I tried removing the cursor:pointer parameter in the <img> style but > this does not help. > > Somehow, after clicking the small image in the InfoWindow, the focus > returns to the main window with the map in it and not the new window > with the large image. > > This all works fine in v2, where exactly the same HTML is used but of > course the marker and InfoWindow are created in a different way. The > HTML is in markerinfo. > > var marker = new GMarker(point, {icon: iconx,title: popup}); > GEvent.addListener(marker, "click", function() > {marker.openInfoWindowHtml(markerinfo)}); > > Under v3 the code is > > marker = new google.maps.Marker({ > position: xpoint, > map: map, > icon: iconimage[xcol], > title: popup > }); > google.maps.event.addListener(marker, 'click', function() > {showinfowindow(this);}); > > showinfowindow(xmarker) { > infowindow.setContent(markerinfo)); > infowindow.open(map,xmarker); > > } > > (The above is a simplified version - in the production system there > are lots of markers all with different text and pictures, However the > simple version demonstrates the problem.) > > Any help would be much appreciated.
Help us to help you. Provide a link to the working v2 map (or the simplified version you created) and the broken v3 map (preferably the simplified version that shows the problem) -- Larry > > David Burden -- You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" 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-js-api-v3?hl=en.
