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

 > 

  • Pergunta

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    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

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    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

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    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
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    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
    |