none
Função Javascript no Modal Pop Up RRS feed

  • Pergunta

  • Seguinte..

    Fiz um Modal Pop Up e preciso que ao abrir essa modal, uma função javascript seja gerada.

    E estou com muitas dúvidas como faço isso, meu projeto está travado por esse motivo.

     

    Segue minha função no JScript.js:

    function Busca() {
      var url = "../busca/avancada.aspx";
      window.open(url, 'BuscaAvancada', 'Width=457px, Height=505px, status=false, left=0, right=0,top=0, resizable=no, scroll=yes');
        
    }

     

    E aqui segue minha Modal Pop Up que eu criei:

     

        <div>   
                  
        <asp:Image ID="imgBusca" ImageUrl="~/images/bt-busca-avancada.gif" runat="server" />
        
        <asp:Panel ID="panelbusca" runat="server" BackColor="Transparent" ForeColor="Transparent" Height="505px" Width="457px">
    
        <a href="javascript:Busca();"></a>
    
    <asp:ImageButton ID="btn_sair2" runat="server" OnClick="imgLogout_Click" ImageUrl="~/images/bt-sair-plantao.gif" /> </asp:Panel> <cc1:ModalPopupExtender ID="popupbusca" runat="server" DropShadow="true" CancelControlID="btn_sair2" PopupControlID="panelbusca" TargetControlID="imgBusca" > </cc1:ModalPopupExtender> </div>

    Eu estou chamando a função ai dentro, mas deve estar no lugar errado, essa é a minha dúvida, como posso fazer isso?

    Desde já, agradeço muito.

    Preciso de um help de verdade.

     

    Valeu.

    sexta-feira, 25 de junho de 2010 12:07

Respostas

  • Bom, meu problema foi parcialmente resolvido.

     

    Acho que vai servir.

     

    Eu precisava que o botão fechar da Pop Up sumisse.

    Tinha uma função que chamava uma Página .aspx, eu só fui nessa página .aspx que é aberta e coloquei o seguinte código:

     

      <script language="Javascript" type="text/javascript">
     moveBy (0, -30);
    </script>

     

    Com isso, a barra que contém os botões Fechar, Maximizar e Minimizar sumiram, eu só movi o meu Pop Up, assim o usuário não tem como fechar a janela pelo botão fechar do Browser e nem puxar a pop up para baixo para tentar fechar pelo mesmo.

     

    Estou muito aliviado, estava 1 semana em cima desse problema e nenhuma solução estava sendo encontrada, criei linhas e mais linhas de código e depois de tanto tempo, apenas 3 linhas resolveram meu problema...HAHAHA curioso.

     

    Bom, é isso ae, deixo essa dica pra quem tiver algum problema parecido com o meu.

     

    Vaaaleu !

     

     

    • Marcado como Resposta Progamador.C segunda-feira, 28 de junho de 2010 12:56
    segunda-feira, 28 de junho de 2010 12:54

Todas as Respostas

  • Ninguém?? =/
    sexta-feira, 25 de junho de 2010 14:49
  • Hi,

    Se essa e sua modal voce precisa colocar o ModalPopupExtender fora dele.

    e pra voce chamar uma funcao javascript na hora de abrir voce faz o seguinte:

    cria um button e deixa ele com style="display: none;" e coloca o id dele no lugar do TargetControlID="imgBusca" do modalpopupextender e adiciona a propriedade BehaviorID="myModalPopup" nele, e no controle imgBusca voce coloca um evento click="imgBusca_Click();" 

    cria a function imgBusca_Click

    function imgBusca_Click(){
    
    //aqui voce pode chamar a sua funcao antes ou depois de abrio o modalpopup com o metodo show();
    
    var myModalPopup = $find("myModalPopup");
    
    myModalPopup.show();
    
    }

    explicando:

    assim quando voce clicar no controle imgBusca voce vai chamar essa funcao e dentro dela voce vai chamar sua funcao e abrir o modalpopup.

    e importante que voce coloque a propriedade BehaviorID no modalpopupextender pra que voce possa usar o $find pra capturar o controle pelo javascript.

    tambem e importante criar um botao e deixar ele invisivel com o style display: none porque o modalpopup precisa de um targetcontrolid e pra que possamos usar o evento click do controle imgBusca ele nao pode estar setado como targetcontrolid no modalpopup.

    Att,

     


    Adriel Codeco Silva
    Email: adriel.silva@uppercase.com.br
    MSN: adrielcodeco@hotmail.com
    Blog: adrielcodeco.wordpress.com
    Uppercase – www.uppercase.com.br

    R. Primeiro de Março, 661 – Centro Barra Bonita - SP - CEP 17340-000
    sexta-feira, 25 de junho de 2010 23:30
    Moderador
  • Cara, até compreendi o que você me aconselhou, porém, vamos lá...

     

    Eu já tenho uma function Busca() e preciso que essa function seja chamada, até ai beleza, criei a function assim com a sua ajuda:

     

    function Busca() {
      var url = "../busca/avancada.aspx";
      var popupbusca = $find("popupbusca");
      window.open(url, 'BuscaAvancada', 'Width=457px, Height=505px, status=false, left=0, right=0,top=0, resizable=no, scroll=yes');
      popupbusca.show();
        
    }

     

    E o meu código .aspx:

     

    <div>   
        
          
         
        <asp:Image ID="imgBusca" ImageUrl="~/images/bt-busca-avancada.gif" OnClick="Busca();" runat="server" />
        
        <asp:Panel ID="panelbusca" runat="server" BackColor="Transparent" ForeColor="Transparent" Height="505px" Width="457px">
        <%--<a href="javascript:Busca();"></a>--%>
        
        <asp:ImageButton ID="btn_sair2" runat="server" OnClick="imgLogout_Click" ImageUrl="~/images/bt-sair-plantao.gif" />
        
        <asp:Button ID="botaofecha" runat="server" style="display: none;" />
         
        </asp:Panel>
                    
                     
        </div>
        
        <cc1:ModalPopupExtender ID="popupbusca" runat="server" DropShadow="true" CancelControlID="btn_sair2"
            PopupControlID="panelbusca" BehaviorID="popupbusca" TargetControlID="botaofecha" > </cc1:ModalPopupExtender>

     

    só que assim, ao clicar na minha imgBusca, dá certo, ele chama a function, só que a Modal que eu criei também abre só que no meio da tela, e minha function busca() em outra parte da tela.

     

    Quero que essa function fique dentro da minha Modal Pop Up para que eu possa tirar os botões do browser ao meu gosto.

     

    Será que é porque na function eu chamo o window.open?

     

    O objetivo principal desse meu trabalho é tirar o botão fechar do Browser ao abrir a Pop Up, o usuário fechar a Pop Up apenas pelo botão fechar que eu criei.

     

    Por isso me aconselharam a Modal Pop Up, mas estou com sérios problemas para resolver isso.

     

    Vaaaleu !

    segunda-feira, 28 de junho de 2010 11:44
  • Bom, meu problema foi parcialmente resolvido.

     

    Acho que vai servir.

     

    Eu precisava que o botão fechar da Pop Up sumisse.

    Tinha uma função que chamava uma Página .aspx, eu só fui nessa página .aspx que é aberta e coloquei o seguinte código:

     

      <script language="Javascript" type="text/javascript">
     moveBy (0, -30);
    </script>

     

    Com isso, a barra que contém os botões Fechar, Maximizar e Minimizar sumiram, eu só movi o meu Pop Up, assim o usuário não tem como fechar a janela pelo botão fechar do Browser e nem puxar a pop up para baixo para tentar fechar pelo mesmo.

     

    Estou muito aliviado, estava 1 semana em cima desse problema e nenhuma solução estava sendo encontrada, criei linhas e mais linhas de código e depois de tanto tempo, apenas 3 linhas resolveram meu problema...HAHAHA curioso.

     

    Bom, é isso ae, deixo essa dica pra quem tiver algum problema parecido com o meu.

     

    Vaaaleu !

     

     

    • Marcado como Resposta Progamador.C segunda-feira, 28 de junho de 2010 12:56
    segunda-feira, 28 de junho de 2010 12:54