jQuery Forum

Hello Ralf,

 

  can you please provide the solution for the <iframe> google map to work with jquery for IE9??

 

im using the latest jquery 1.8.20 and this is the code i use:

 

<script type="text/javascript">
 $(function(){
 
    $('#dialog,#dialog2').dialog({
     autoOpen: false,
     width: 570,
     modal: true,
        closeOnEscape: true
    });     
 
    $('#dialog_link').click(function(){
     $('#dialog').dialog('open');
         return false;
    });
 
    $('#dialog_link2').click(function(){
     $('#dialog2').dialog('open');
         return false;
    });
 
    $(document).bind('click', dialogBlur);
    });
 
 
 var dialogBlur = function(event){
 var target = $(event.target);
    if (target.is('.ui-dialog') || target.parents('.ui-dialog').length) {
        return;
    }
 
    $('.ui-dialog:visible').find('.ui-dialog-titlebar-close').trigger('click');
 
    $(document).unbind('click', dialogBlur);
 }

 $('.ui-widget-overlay').live("click", function() {
     //Close the dialog
    $("#dialog").dialog("close");
    $("#dialog2").dialog("close");
});
</script>

 

  <p><a href="#" id="dialog_link2" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-newwin"></span>Google Map</a></p>

  <!-- ui-dialog -->
  <div id="dialog2" title="Google Map">
   <p><iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=8+Georgiou+Griva+Digeni,+Nicosia,+Cyprus&amp;aq=4&amp;oq=8+Georgiou+Griv&amp;sll=37.0625,-95.677068&amp;sspn=34.808514,86.572266&amp;ie=UTF8&amp;hq=&amp;hnear=Georgiou+Griva+Digeni,+Nicosia,+Cyprus&amp;t=m&amp;z=14&amp;ll=35.163454,33.355517&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=8+Georgiou+Griva+Digeni,+Nicosia,+Cyprus&amp;aq=4&amp;oq=8+Georgiou+Griv&amp;sll=37.0625,-95.677068&amp;sspn=34.808514,86.572266&amp;ie=UTF8&amp;hq=&amp;hnear=Georgiou+Griva+Digeni,+Nicosia,+Cyprus&amp;t=m&amp;z=14&amp;ll=35.163454,33.355517" style="color:#0000FF;text-align:left">View Larger Map</a></small></p>
  </div>

 

The code works in FF and Chrome but in IE9 i get a blank box

 

thanks in advance