Usando JQuery para mostrar uma caixa de dialogo

Na sua aplicação de controle de envio de email ou de qq coisa ou um formulário normal, caso você queira dar um aviso mais bonitinho …

Adicione um campo tipo label em um bloco para nao exibir o titulo do mesmo(se nao fica feio na interface) e coloque o seguinte codigo na messagem:


<link rel="stylesheet" href="/js/jquery-ui-1.8.5.custom.css">

<SCRIPT type="text/javascript" src="/js/jquery-1.4.2.min.js"></SCRIPT>

<SCRIPT type="text/javascript" src="/js/jquery-ui-1.8.5.custom.min.js"></SCRIPT>

<script>
  $("#dialog").dialog();
</script>

<div id="dialog" style="display:none" title="Dialog Title">I'm in a dialog</div>

Voce vai precisar do JQuery, JQueryUI e dos arquivos css(css e imagens) em um diretorio JS na raiz do seu wwwroot. É preciso porque esse dialog esta disponivel apenas na versão 1.8.5 do JQuery UI e na versao 1.4.3 do Jquery. Ainda estamos testando esse jquery para colocar definitivo no SC, então por enquanto essa é a saida.

A caixa de dialogo pode ser util para dar alguma mensagem mais suave para o usuario. Voce tambem pode exibir de acordo com um botao … ou qq sua necessidade. Esse exemplo é apenas uma simples ideia.

Esse codigo exibira uma aplicação como essa:

Off course this is just an idea … you can use blank application to write all the html, or other things …

Como faço para inserir um plugin Jquery para exibir images em uma consulta que apresenta uma lista de resultados. A intenção seria que ao passar o mouse na linha ele exiba a imagem.

Isso poderia ser feito em uma consulta? Como ficaria a questão do jQuery em uma consulta? É possível adicionar a parte

no onScriptInit em um echo e a parte de abrir a caixa de diálogo atribuir ao campo desejado?

Esse POST é de 2010, já fizeram uma macro do SC para fazer isso? automático? sem gambiarra?

Ou foi só pra gente passar vontade? hehe

Cara, como você conseguiu a foto do banheiro lá de casa?

1 Curtida

hehehe