IE "issue" and also "auto zoom" in all browser?

[Andy Newby]

Hi,

Please go here first:

http://www.chambresdhotes.org/cgi-bin/links/page.cgi?g=Google_Maps;t=espanol

...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 = '&nbsp;' + address + '<br />&nbsp;' + city + ' - ' + postcode + '<br />&nbsp;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

[Andy Newby]

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 <andy.ne...@gmail.com> wrote:
> Hi,
>
> Please go here first:
>

> http://www.chambresdhotes.org/cgi-bin/links/page.cgi?g=Google_Maps;t=...

[Andy Newby]

Ok, I *finally* found the problem. I needed to be using a newer version of InfoBox - 1.1.10

It no works fine in IE9 (and less), and FF + Chrome.