Vynucené přenačtění iframu

Někdy je potřeba vynutit přenačtení iframu při určité události. Například zobrazení/skrytí bloku s iframe, či při responsivním zmenšování webu a tudíž i bloku s iframem.

Jak na to? Cesta je přez krátké jQuery a to:

jQuery( '.obal_mapa' ).find('iframe').attr( 'src', function ( i, val ) { return val; }); //najdi všechny tagy iframe v divu s třídou "obal_mapa" a proveď jeho/jejich přenačtení

Pokud se jedná o Google maps API tak je řešení:

google.maps.event.trigger(map, 'resize');

//priklad pouziti
  /* vysuv Google mapy nad vypisem */
  $( '.nadpis_zobraz_mapu_vypis' ).click(function() {
    $( '.blok_mapa_nad_vypisem_in' ).stop( true, true ).slideToggle( 1000 );
    google.maps.event.trigger(map, 'resize');
  });

Použití může být například v situaci:
Mám na stránce 2 google mapy a jedna je po načtení "display: none;". Pokud kliknu na nějaké tlačítko, které ji dá do "display: block;", tak je mapa špatně napozicována a je tedy nutné ji znovu přenačíst, aby se zobrazila jak požadujeme.

<< zpět