none
Problemas com Janelas Modais Jquery e Asp Net

    Question

  •   Pessoal

      Criei duas janelas modais com jquery no asp net que serviram de consulta 

      Coloquei dois botoes no formulário asp x para acionar cada uma delas para o usuário fazer uma consulta no banco de dados retornando a informação em um gridview.

      O usuário seleciona o registro e clica no botão seleciona que automaticamente fecha o modal

      Quando o usuário tenta abrir o segundo modal da pau

      OBS: Esses formulários modais possuem updatepanel e o gridview paginação pois a consulta podem trazer muitos registros

      O erro é esse: "  Exceção descartada e não detectada "

      pergunta:

      Esse erro pode estar sendo causado por estar utilizando updatepanel com o jquery?

      Alguém pode me dar uma luz?

    Segue a função jquery:

    $(document).ready(function () {

                //select all the a tag with name equal to modal
                $('a[name=modal]').click(function (e) {
                    //Cancel the link behavior
                    e.preventDefault();

                    //Get the A tag
                    var id = $(this).attr('href');

                    //Get the screen height and width
                    var maskHeight = $(document).height();
                    var maskWidth = $(window).width();

                    //Set heigth and width to mask to fill up the whole screen
                    $('#mask').css({ 'width': maskWidth, 'height': maskHeight });

                    //transition effect
                    $('#mask').fadeIn(100);
                    $('#mask').fadeTo("slow", 0.8);

                    //Get the window height and width
                    var winH = $(window).height();
                    var winW = $(window).width();

                    //Set the popup window to center
                    $(id).css('top', winH / 2 - $(id).height() / 2);
                    $(id).css('left', winW / 2 - $(id).width() / 2);

                    //transition effect
                    $(id).fadeIn(200);

                });

                //if close button is clicked
                $('.window .close').click(function (e) {
                    //Cancel the link behavior
                    e.preventDefault();

                    $('#mask').hide();
                    $('.window').hide();
                });

                //if mask is clicked
                $('#mask').click(function () {
                    $(this).hide();
                    $('.window').hide();
                });

                $(window).resize(function () {

                    var box = $('#boxes .window');

                    //Get the screen height and width
                    var maskHeight = $(document).height();
                    var maskWidth = $(window).width();

                    //Set height and width to mask to fill up the whole screen
                    $('#mask').css({ 'width': maskWidth, 'height': maskHeight });

                    //Get the window height and width
                    var winH = $(window).height();
                    var winW = $(window).width();

                    //Set the popup window to center
                    box.css('top', winH / 2 - box.height() / 2);
                    box.css('left', winW / 2 - box.width() / 2);

                });

            });

      Att

    Marcos P. Marchette

      

     

       


    Marcos Marchette

    Friday, June 15, 2012 10:26 PM

All replies

  • seu updatepanel contem algum codigo javascript, inclusive esse que carrega o jquery?

    Pode estar ocorrendo um conflito de ciclo de vida entre o updatepanel e o javascript do seu jquery, o seu js deve ficar fora do updatepanel e vc deve chamar esse jquery via registerclientscript ou de outra forma, apenas a chamada, para instanciar deve ser fora do update panel.

    Manda mais informações de como vc usa esse updatepanel e esse jquery.

    Abraços


    Rafael Boschini

    Tuesday, August 21, 2012 1:49 PM
  • Tucão pode estar acontecendo algum conflito sim.... sem dúvida...

    Uma sugestão com relação a Modal, porque vc não usa esse cara aqui???

    http://jqueryui.com/demos/dialog/

    Boa sorte!!


    Se a resposta foi útil por favor qualifique! Janderson Candido de Mattos - MCTS

    Tuesday, August 21, 2012 4:13 PM