none
Chamar um ModalPopUpExtender com parâmetro via html (href="...") RRS feed

  • Pergunta

  • Bom dia!

    Estou travado em uma situação.

    Tenho uma lista de endereços gerada dinamicamente com códigos html através de um for, trata-se nada mais que uma imagem (img html) com link (href) e um endereço texto simples em seguida..

    Ex.:

     

    ..dentro for..
    ConteudoHtml += "<td style=\"width: 36px\">";
    ConteudoHtml += "  <a href=\"www.site-exemplo.com.br\(preciso de parâmetros)";
    ConteudoHtml += "\" target=\"_blank\" title=\"\"><img alt=\"\" src=\"img/icone_botão.jpg\" /></a>";
    ConteudoHtml += "</td>";
    ...
    

    Através do clique com o mousena imagem, preciso chamar a ModalPopUpExtender, incluindo também parâmetros..

    Não posso fazer um ..Redirect("pagina.aspx?par1=...") pois vai recarregar a página.. Pensei também em chamar javascript atraves do html com parâmetros (tem como?), e do javascript chamar o modal via C#, mas não consegui.

     

    Obrigado,

     

    sexta-feira, 14 de janeiro de 2011 10:59

Respostas

  • Oi Rafael,

    Você consegue chamar ele via jQuery.

    http://www.geekzilla.co.uk/View38736C2B-BAD3-418A-A5B0-DAC4F1A5A83A.htm

     


    ----------------------------
    Bruno Seixas
    Analista de Sistemas
    • Marcado como Resposta rafael.dev sexta-feira, 14 de janeiro de 2011 15:28
    sexta-feira, 14 de janeiro de 2011 12:53

Todas as Respostas

  • Oi Rafael,

    Você consegue chamar ele via jQuery.

    http://www.geekzilla.co.uk/View38736C2B-BAD3-418A-A5B0-DAC4F1A5A83A.htm

     


    ----------------------------
    Bruno Seixas
    Analista de Sistemas
    • Marcado como Resposta rafael.dev sexta-feira, 14 de janeiro de 2011 15:28
    sexta-feira, 14 de janeiro de 2011 12:53
  • Obrigado Bruno,

    Acho que estou conseguindo resolver o problema com sua dica, adaptei mais algumas linhas no <script> e no teste funcionou.

    Código para futuras consultas:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ModalPopupExtender_com_JavaScript.aspx.cs" Inherits="WebApplicationTESTE._Default" %>
    
    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
      <title></title>
    </head>
    
        <script type="text/javascript">
          function onOk() { return true; }
          function showModal(Endereco) {
            
            // Ler a variável  
            var clienttype = document.getElementById('<%= this.lblEndereco.ClientID %>');
            //alert(clienttype.innerHTML);
    
            // Novo valor para a variável
            document.getElementById("lblEndereco").innerHTML = Endereco;
            //alert(document.getElementById("lblEndereco").innerHTML);    
            
            var myBehavior = $find('mpe');
            myBehavior.show();
            $find('mpe').show;
          }
        </script>
        
    <body>
      
      <form id="form1" runat="server">
      <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
      </asp:ToolkitScriptManager>
    
        <h1>Demo</h1>
        <h2>Launching a modal popup extender from javascript</h2>
    
        <a href="#" onclick="return showModal('Av Antonio, 6627, Pampulha');">Show</a>
       
        <asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
         TargetControlID="dummylink"
         popupcontrolid ="Panel1"
         backgroundcssclass="modalBackground"
         dropshadow="True"
         okcontrolid="okbutton"
         onokscript="onOk()"
         cancelControlId="CancelButton"
         BehaviorId = "mpe"
        >
    
        </asp:ModalPopupExtender>
    
        <%--<div style="display:none; visibility:hidden;">--%>
    
        <asp:Panel ID="Panel1" runat="server" CssClass="modalPopup">
          <h1>Here it is!</h1>
          <p style="color:White">Here is the model popup!!</p>
          <asp:Label ID="lblEndereco" runat="server" Text="EnderecoTexto"></asp:Label>
          <br /><br />
          <center>
            <asp:Button ID="OkButton" runat="server" Text="OK"></asp:Button>
            <asp:Button ID="CancelButton" runat="server" Text="Cancel"></asp:Button>
          </center>
        </asp:Panel>
        </div>    
    
      <div style="display:none; visibility:hidden;">
      <a href="#" style="display:none;visibility:hidden;" 
        onclick="return false" ID="dummyLink" runat="server">dummy</a>
    
        <%--</div>--%>
    
    
    
    </form> 
    
      
    </body>
    </html>
    

     

    Valeu demais,


    ___________________________ Atenciosamente, Rafael Silva Analista e Desenvolvedor de Sistemas
    sexta-feira, 14 de janeiro de 2011 15:19