modal_test

Automaticky

Odkaz s class="modal" a vyplnenym atributem href. Lze pouzit dodatecne parametry:

  • data-iframe-url - alternativni URL pro nacteni iframu v modalnim okne. Ma prednost pred atributem href
  • data-ajax-url - URL pro nacteni obsahu modalniho okna pomoci AJAXu.
  • data-modal-width - urceni sirky modalniho okna. Pokud neni uvedeno, pouzije se default 470px
  • data-modal-height - urceni vysky modalniho okna. Pokud neni uvedeno, pouzije se default 470px

Programove

Pro ovladani modalniho okna jsou k dispozici 2 javascriptove metody:

  • $.showModal( url, conf )
    • url - cilova URL pro nacteni obsahu modalniho okna
    • conf - konfiguracni objekt s moznymi parametry:
      • ajax - true|false. Priznak, jestli se obsah bude nacitat pomoci iframu, nebo ajaxu. Default je false
      • width - sirka modalniho okna. Default je 470
      • height - vyska modalniho okna. Default je 470
  • $.hideModal()

Priklady

  • $.showModal( link.href )
  • $.showModal( link.href, { ajax : true } )
  • $.showModal( link.href, { ajax : false, width : 800, height : 600 } )
  • $.hideModal()

Test

Pomohla vám tato stránka?