Paulo RB

Jquery UI – Dialog – Tutorial

by paulorb on abr.12, 2012, under JQuery

Um fato interessante sobre a utilização do Dialog do Jquery UI, se voce quer quando a pagina for carregada ele simplesmente fique oculto ou seja que seu DIV fique oculto e que só seja exibido quando voce clicar em um botao existem algumas coisas que devem ser setadas. Vou mostra-las nesse post.

Suponha que voce tenha o seguinte div e quer transforma-lo em um dialog

<div id="dialogOcupacao" title="Ocupação"> </div>

Coloque no evento de Load da pagina

$("#dialogOcupacao").dialog({ autoOpen: false })

Com isso voce vai desativar o dialog de aparecer automaticamente Agora sim no botao que voce criou no evento onclick voce colocará o seguinte:

$( '#dialogOcupacao' ).dialog('open');

Com isso o dialog abre! bom proveito


Leave a Reply

Looking for something?

Use the form below to search the site:

Still not finding what you're looking for? Drop a comment on a post or contact us so we can take care of it!

Calendário

dezembro 2017
S T Q Q S S D
« mar    
 123
45678910
11121314151617
18192021222324
25262728293031