Ok this is doing my head in :( I've set up a VERY basic version: http://www.chambresdhotes.org/cgi-bin/links/page.cgi?p=test;t=espanol;q=esperaza
No additional features, HTML, other than what is needed. Aparantly it works in IE 8, just not IE 9... can anyone see the issue? I've spent literally 8 hours trying to fix this bug today, and I'm still no closer :( (I found a post about needing to set the style for the info window in the actual HTML for that block - instead of using a css class - but that hasn't helped either :/) TIA Andy On Jan 6, 4:38 pm, Andy Newby <[email protected]> wrote: > Hi, > > Please go here first: > > http://www.chambresdhotes.org/cgi-bin/links/page.cgi?g=Google_Maps;t=... > > ...search for "11260" in the box just above the map (with a radius of 30km) > > Now you should see some info in the left "sidebar". However over one of > those and you should see the "info window". > > google.maps.event.addListener(marker, "click", function() { > if (infowindow) infowindow.close(); > > var targetDiv = "contactDiv" + link_id; > if (goto_blank == "NO") { > targetDiv = "blank_contact"; > } > > var contact_form = '<form><input type="button" id="conBut' + > link_id + '" name="conBut' + link_id + '" value="Contactar alojamiento" > onclick="getData2(\'/cgi-bin/lead_contact2.cgi?ID=' + link_id + > '&t=exchange_ajax_english', \'contactDiv' + link_id + '\',' + link_id + > ')">'; > var the_url = '<a href=/english/Detailed/' + link_id + '.html > target=_blank>' + title + '</a><br />'; > var the_image = '<img src="' + image_url + '" style="float: > left;" width="100" /><br />' > var the_address = ' ' + address + '<br /> ' + city > + ' - ' + postcode + '<br /> Tel: ' + phone; > var open_box = '<div id="infowindow" class="info_box">'; > var close_box = '<div style="clear: both;"></div></div>'; > > var the_html; > if (the_image) { > the_html = open_box > + '<div style="float: left; width: 110px; ">' + > the_image + '</div>' > + '<div style="float: left; width: 165px; > height: auto; overflow: hidden;">' + the_url + the_address + '<br />' + > contact_form + '</div>' > + close_box; > } else { > the_html = open_box > + '<div style="float: left; width: 250px; > height: 275px;">' + the_url + '<br />' + the_address + '<br />' + > contact_form + '</div>' > + close_box; > } > > infowindow = new InfoBox( > { > //content: '<div style="border: 1px solid black; > margin-top: 8px; background: yellow; padding: 5px;">' +the_html + '</div>', > content: 'foo vaer', > disableAutoPan: false > ,maxWidth: 0 > ,pixelOffset: new google.maps.Size(-140, 0) > > ,zIndex: null > ,boxStyle: { > background: "url('/images/tipbox.gif') no-repeat" > ,width: "280px" > } > ,closeBoxMargin: "10px 2px 2px 2px" > ,closeBoxURL: > "http://www.google.com/intl/en_us/mapfiles/close.gif"; > ,infoBoxClearance: new google.maps.Size(1, 1) > ,isHidden: false > ,pane: "floatPane" > ,enableEventPropagation: false > } > ); > infowindow.open(map, marker); > }); > > This works fine in FF and Chrome, but in IE you can see the "close" > image... but no box, or anything with the content in. Can anyone suggest > what I'm doing wrong? Always seems to boil down to stupid IE :( > > The 2nd thing - how do I "auto zoom" to the marker when using the "InfoBox" > function? > > TIA! (I've been banging my head against the wall pretty much all afternoon > over this one - so thought it was finally time to see if anyone else could > shed some light!) > > Andy -- 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.
![http://www.google.com/intl/en_us/mapfiles/close.gif"](https://www.google.com/intl/en_us/mapfiles/close.gif"){kind=link}