none
janela modal. RRS feed

  • Pergunta

  • eu estou entrar agora nesta parte de janelas modal eu estou meio perdido.... se tiver algumas dicas, pra mim é optimo.
    segunda-feira, 6 de fevereiro de 2012 09:38

Respostas

  • Veja:

    jQuery

    http://www.maujor.com/blog/2009/04/16/janela-modal-com-jquery/
    http://web.enavu.com/tutorials/top-10-jquery-modal-box-plugins/

    ASP.NET Ajax

    http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/ModalPopup/ModalPopup.aspx


    Paulo César Viana
    .NET Developer
    MCC - Microsoft Community Contributor
    MCP - Microsoft Certified Professional
    MCTS - Microsoft Certified Technology Especialist
    --
    Marque as respostas e contribua para uma melhora no fórum.
    segunda-feira, 6 de fevereiro de 2012 10:00
  • Bom dia Seed segue um exemplo bem simples

    aspx

     <asp:UpdateProgress runat="server" AssociatedUpdatePanelID="update1">
                            <ProgressTemplate>
                                <div id="dialog-modal" style="background-color: #000; position: absolute; height: 100%;
                                    width: 100%; top: 0px; left: 0px;">
                                    <div id="dvWait">
                                        <br />
                                        <br />
                                        GERANDO ARQUIVO....<br />
                                        <br />
                                        <img src="Imagens/ajax-loader.gif" /><br />
                                    </div>
                            </ProgressTemplate>
                        </asp:UpdateProgress> 

    botão que ativa o modal

    <asp:UpdatePanel runat="server" ID="update1">
                                    <ContentTemplate>
                                        <asp:Button Text="Gerar Arquivo" runat="server" ID="btGeraArq"
                                            OnClick="btGeraArquivo_Click" />
                                    </ContentTemplate>
                                </asp:UpdatePanel>

    CSS

    #dvWait
    {
        text-align: center;
        background-color: White;
        width: 400px;
        height: 200px;
        position: absolute;
        top: 35%;
        left: 39%;
    }

    #dialog-modal
    {
        opacity: 0.65;
        -moz-opacity: 0.65;
        filter: alpha(opacity=65);

    No evento de click no botão coloque um Thread.Sleep(5000); e veja o resultado !

    não se esqueça de apontar corretamente o endereço da imagem caso use. esse site gera imagens bacanas pra vc

    http://www.ajaxload.info/

     

    O exemplo acima pode ser customizado para o que precisar! 

     

    Não se esquecça de marcar como resposta caso tenha ajudado : )

    "O que fazemos na vida ecoa na eternidade"

    segunda-feira, 6 de fevereiro de 2012 12:40

Todas as Respostas

  • Veja:

    jQuery

    http://www.maujor.com/blog/2009/04/16/janela-modal-com-jquery/
    http://web.enavu.com/tutorials/top-10-jquery-modal-box-plugins/

    ASP.NET Ajax

    http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/ModalPopup/ModalPopup.aspx


    Paulo César Viana
    .NET Developer
    MCC - Microsoft Community Contributor
    MCP - Microsoft Certified Professional
    MCTS - Microsoft Certified Technology Especialist
    --
    Marque as respostas e contribua para uma melhora no fórum.
    segunda-feira, 6 de fevereiro de 2012 10:00
  • Bom dia Seed segue um exemplo bem simples

    aspx

     <asp:UpdateProgress runat="server" AssociatedUpdatePanelID="update1">
                            <ProgressTemplate>
                                <div id="dialog-modal" style="background-color: #000; position: absolute; height: 100%;
                                    width: 100%; top: 0px; left: 0px;">
                                    <div id="dvWait">
                                        <br />
                                        <br />
                                        GERANDO ARQUIVO....<br />
                                        <br />
                                        <img src="Imagens/ajax-loader.gif" /><br />
                                    </div>
                            </ProgressTemplate>
                        </asp:UpdateProgress> 

    botão que ativa o modal

    <asp:UpdatePanel runat="server" ID="update1">
                                    <ContentTemplate>
                                        <asp:Button Text="Gerar Arquivo" runat="server" ID="btGeraArq"
                                            OnClick="btGeraArquivo_Click" />
                                    </ContentTemplate>
                                </asp:UpdatePanel>

    CSS

    #dvWait
    {
        text-align: center;
        background-color: White;
        width: 400px;
        height: 200px;
        position: absolute;
        top: 35%;
        left: 39%;
    }

    #dialog-modal
    {
        opacity: 0.65;
        -moz-opacity: 0.65;
        filter: alpha(opacity=65);

    No evento de click no botão coloque um Thread.Sleep(5000); e veja o resultado !

    não se esqueça de apontar corretamente o endereço da imagem caso use. esse site gera imagens bacanas pra vc

    http://www.ajaxload.info/

     

    O exemplo acima pode ser customizado para o que precisar! 

     

    Não se esquecça de marcar como resposta caso tenha ajudado : )

    "O que fazemos na vida ecoa na eternidade"

    segunda-feira, 6 de fevereiro de 2012 12:40