none
FAZER CHAT COM DATALIST NUM POP UP EM ASP,NET VISUAL STUDIO 2010 RRS feed

  • Pergunta

  • Pessoal

    Gostaria de ao clicar num imagbutton com uma imagem de chat on line. Abrisse uma pop up onde ali eu colocaria 

    um datalist com as mensagens trocadas e um edit para escrever a mensagem.

    Gostaria de saber como abrir um pop up ?

    Por favor me expliquem, não me mandem para outros links complexos.

    Obrigado desde já.


    quarta-feira, 18 de setembro de 2013 20:05

Respostas

  • João

    Tentei fazer na minha pagina e nada, não consegui fazer.

    alguem pode me dizer como fazer ?

    Sera que ao invés de abrir pop up, é melhor ao clicar na figura de chat abrir uma pagina nova ??

    Obrigado desde já

    Miguel

    Tem um controle do JQUERY UI bem dahora chamado Dialog, além de abrir páginas dentro de DIVS simulando um popup ele também pode ser configurado para exibir imagens de carregando e efeitos visuais....

    Para conhecer o funcionamento ver link abaixo..

    http://jqueryui.com/dialog/

    Primeiro passo troque o ImageButton por um IMAGE e de um ID pra ele...

    Segundo passo importar no HEAD da página a biblioteca do JQuery e do JQuery UI, caso não queira baixar para o projeto utilize da CDN do Google...

    Após importar no cabeçalho da página coloque esse código também dentro do HEAD....

    <script type="text/javascript">
        $(function ()    {
            $("#ID_DA_IMAGEM").dialog({
                modal: true,
                open: function ()
                {
                    $(this).load('CAMINHO_DA_PAGINA.aspx');
                },         
                height: 400,
                width: 400,
                title: 'Titulo do modal'
            });
        });
    </script>




    Leonardo Lourenço Silva


    quinta-feira, 19 de setembro de 2013 16:06

Todas as Respostas

  • MiguelReis

    Aqui ta explicado, modelo com Jquery muito simples e fácil de fazer !!!!!

    http://www.maujor.com/blog/2009/04/16/janela-modal-com-jquery/


    &lt;b&gt;Diego Almeida Barreto&lt;b&gt;&lt;br/&gt; System Analyst / Software Developer&lt;/b&gt;&lt;/b&gt;

    • Sugerido como Resposta JoaoMarques- quinta-feira, 19 de setembro de 2013 11:32
    quarta-feira, 18 de setembro de 2013 21:51
  • João

    Tentei fazer na minha pagina e nada, não consegui fazer.

    alguem pode me dizer como fazer ?

    Sera que ao invés de abrir pop up, é melhor ao clicar na figura de chat abrir uma pagina nova ??

    Obrigado desde já

    Miguel

    quinta-feira, 19 de setembro de 2013 15:29
  • O ImageButton é um controle ASP.NET de Servidor ele possui 2 eventos Click

    1. Click no lado do Client para que você programe nele com JavaScript
    2. Click no lado do Servidor para que você programe nele com alguma linguagem .NET (Visual C#, VB.NET)
    • Para codificar o Click do Servidor só clicar 2 vezes que ele aciona o Click e você pode o código C#
    • Para codificar o Click do Cliente ele possui uma propriedade OnClientClick dentro dela você coloca os seus códigos em JavaScript ou manda chamar alguma função em JavaScript.

    Quando você clica no ImageButton PRIMEIRO dispara o click do Client para depois disparar o click do Servidor, então para abrir seu popup coloque no click do Client, pois se colocar no Click do Servidor ele já submeteu a página para o servidor e do servidor você está enviando códigos em javascript para a máquina cliente...


    Leonardo Lourenço Silva


    quinta-feira, 19 de setembro de 2013 15:30
  • João

    Tentei fazer na minha pagina e nada, não consegui fazer.

    alguem pode me dizer como fazer ?

    Sera que ao invés de abrir pop up, é melhor ao clicar na figura de chat abrir uma pagina nova ??

    Obrigado desde já

    Miguel

    Tem um controle do JQUERY UI bem dahora chamado Dialog, além de abrir páginas dentro de DIVS simulando um popup ele também pode ser configurado para exibir imagens de carregando e efeitos visuais....

    Para conhecer o funcionamento ver link abaixo..

    http://jqueryui.com/dialog/

    Primeiro passo troque o ImageButton por um IMAGE e de um ID pra ele...

    Segundo passo importar no HEAD da página a biblioteca do JQuery e do JQuery UI, caso não queira baixar para o projeto utilize da CDN do Google...

    Após importar no cabeçalho da página coloque esse código também dentro do HEAD....

    <script type="text/javascript">
        $(function ()    {
            $("#ID_DA_IMAGEM").dialog({
                modal: true,
                open: function ()
                {
                    $(this).load('CAMINHO_DA_PAGINA.aspx');
                },         
                height: 400,
                width: 400,
                title: 'Titulo do modal'
            });
        });
    </script>




    Leonardo Lourenço Silva


    quinta-feira, 19 de setembro de 2013 16:06