Garth

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




Nejnovější články

Jak udělat stín bloku pouze na jedné straně?

CSS - Úvod do CSS

Jak detekovat klik na tlačítka myšy?

JavaScript - Úvod do JavaScriptu

Jak udělat odkaz na celý řádek tabulky?

JavaScript - Příklady v JavaScriptu

Jak zrušit tečky kolem odkazu?

CSS - Základy CSS

Jak fungují lomítka a tečky v url adrese?

(x) HTML - Úvod do HTML