none
modal utilizando apenas DIV RRS feed

  • Pergunta

  • Bom dia

     

    gostaria de um exemplo simples de um modal que mostra uma imagem "loading" enquanto algo esta sendo processado.

    não quero utilizar o ajax control tool kit quero somente via aspnet e css

     

    att

    terça-feira, 31 de janeiro de 2012 12:45

Respostas

  • Rafa lembre-se de uma coisa, pra você pode usar o jquery ui você precisa carregar todos os js que tál processo necessita. Nesse link explica como usar o dialog, ele pode te ajudar: http://jqueryui.com/demos/dialog/

    O botão x não está aparecendo que você não baixou o tema... e não configurou corretamente:

    http://jqueryui.com/themeroller/ aqui você pode escolher seu tema e fazer o donwload, após isso coloque os arquivos css na sua aplicação, e coloque os arquivos jquery na sua pasta de script...

    Carregue o arquivo jquery.ui.all.css (esse é o unico css que você vai carregar) na sua MasterPage e a biblioteca do jquery.

    Próximo passo agora é carregar jquery.ui.core.js, jquery.ui.position.js, jquery.ui.widget.js (que estão no pacote do theme e agora devem estar na sua pasta de scripts) ná página onde quer usar o dialog.

    Após ter feito isso você pode chamar a dialog como no exemplo, tudo deve funcionar direitinho...

    Lembre-se de usar o css do "nome do tema" não da pastinha "base".... De preferência eu te aconselho a você seguir o padrão do jquery, ou seja uma pasta Content > themes > flick > ....

     


    Ao infinito e além!

    • Editado Fabio R. Luz terça-feira, 31 de janeiro de 2012 18:53
    • Sugerido como Resposta Augusto.Silva quarta-feira, 1 de fevereiro de 2012 02:19
    • Marcado como Resposta RafaChoks terça-feira, 14 de fevereiro de 2012 12:21
    terça-feira, 31 de janeiro de 2012 18:51

Todas as Respostas

  • Já pensou na possibilidade de usar JQuery ? Só usar a imaginação

    http://jqueryui.com/demos/dialog/  
    Vitor Mendes | Seu feedback é muito importante para todos!
    Visite o meu site: http://www.vitormendes.com.br/
    • Sugerido como Resposta Augusto.Silva quarta-feira, 1 de fevereiro de 2012 02:19
    terça-feira, 31 de janeiro de 2012 13:07
  • Oi Vitor ja sim mas por exemplo quando eu faço todo o procedimento as imagens não aparecem , por exemplo esse botão X pra fechar no modal dialog quando passo tudo para a app asp as imagens deste botão não aparece... não sei oq fazer
    terça-feira, 31 de janeiro de 2012 14:18
  • Você já verificou se realmente o caminho das imagens/css estão se encontrado, talves o método ResoveUrl() te ajude:

    <link id="Link1" href="<%= Page.ResolveUrl("~/css/estiloQualquer.css")%>" rel="stylesheet"
            type="text/css" />
    

     
    Vitor Mendes | Seu feedback é muito importante para todos!
    Visite o meu site: http://www.vitormendes.com.br/
    terça-feira, 31 de janeiro de 2012 15:19
  • Não estou conseguindo usar esse Ui do jquery ...:|(
    terça-feira, 31 de janeiro de 2012 18:10
  • Rafa lembre-se de uma coisa, pra você pode usar o jquery ui você precisa carregar todos os js que tál processo necessita. Nesse link explica como usar o dialog, ele pode te ajudar: http://jqueryui.com/demos/dialog/

    O botão x não está aparecendo que você não baixou o tema... e não configurou corretamente:

    http://jqueryui.com/themeroller/ aqui você pode escolher seu tema e fazer o donwload, após isso coloque os arquivos css na sua aplicação, e coloque os arquivos jquery na sua pasta de script...

    Carregue o arquivo jquery.ui.all.css (esse é o unico css que você vai carregar) na sua MasterPage e a biblioteca do jquery.

    Próximo passo agora é carregar jquery.ui.core.js, jquery.ui.position.js, jquery.ui.widget.js (que estão no pacote do theme e agora devem estar na sua pasta de scripts) ná página onde quer usar o dialog.

    Após ter feito isso você pode chamar a dialog como no exemplo, tudo deve funcionar direitinho...

    Lembre-se de usar o css do "nome do tema" não da pastinha "base".... De preferência eu te aconselho a você seguir o padrão do jquery, ou seja uma pasta Content > themes > flick > ....

     


    Ao infinito e além!

    • Editado Fabio R. Luz terça-feira, 31 de janeiro de 2012 18:53
    • Sugerido como Resposta Augusto.Silva quarta-feira, 1 de fevereiro de 2012 02:19
    • Marcado como Resposta RafaChoks terça-feira, 14 de fevereiro de 2012 12:21
    terça-feira, 31 de janeiro de 2012 18:51
  • Fabão então

     

    eu carreguei do jeito que vc falou mas olha soh como fica

     

     

    perceba que aonde esra pra estar um x ele não fica... muito estranho

    quinta-feira, 2 de fevereiro de 2012 17:20

  • quinta-feira, 2 de fevereiro de 2012 17:21
  • Então, ele está carregando as cores css, mas não está conseguindo carregar nenhuma imagem... é como se o arquivo do css do jquery.ui estivesse pegando as imagens em um diretório errado....

    Você por um acaso mudou o diretório da imagens ? Dentro da pasta onde está o arquivo css do jquery ui tem que ficar pasta images, que possui as imagens do jquery.


    Ao infinito e além!
    sexta-feira, 3 de fevereiro de 2012 14:29