Paulo RB

Archive for abril 12th, 2012

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 Comment more...

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

abril 2012
S T Q Q S S D
« mar   mai »
 1
2345678
9101112131415
16171819202122
23242526272829
30