Exibir modal ao clicar em input textbox

[marcosmauri 0]

Boa Noite,

 

Tenho um problema para resolver, que ja estou tentando a algum tempo e gostaria da ajuda de vcs.

 

Tenho um input dentro gridview que gostaria que quando ele fosse clicado duas vezes aparecesse um modal, para isso iria utilizar uma função em javascript no caso Explorer(), mas não consegui fazer com que minha função fizesse o modal aparecer.

 

Peguei alguns exemplos na internet mas não consegui fazer funcionar da forma que quero.

 

Quando clico sobre o link o modal aparece.

 

Segue um exemplo de como estou fazendo.

 

Caso alguém tenha algum outro exemplo pode postar.

 

Desde já Obrigado.

 <script type="text/javascript">

        $(document).ready(function () {

            $('a[name=modal]').click(function (e) {
                e.preventDefault();

                var id = $(this).attr('href');

                var maskHeight = $(document).height();
                var maskWidth = $(window).width();

                $('#mask').css({ 'width': maskWidth, 'height': maskHeight });

                $('#mask').fadeIn(1000);
                $('#mask').fadeTo("slow", 0.8);

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

                $(id).css('top', winH / 2 - $(id).height() / 2);
                $(id).css('left', winW / 2 - $(id).width() / 2);

                $(id).fadeIn(2000);

            });

            $('.window .close').click(function (e) {
                e.preventDefault();

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

            $('#mask').click(function () {
                $(this).hide();
                $('.window').hide();
            });

        });

    </script>

 

<a href="#dialog1" name="modal">Janela Modal com caixa de diálogo</a>

    <asp:GridView ID="grdDocumentacao" DataKeyNames="cdDocumento" runat="server" AutoGenerateColumns=" false" OnRowCancelingEdit="grdDocumentacao_RowCancelingEdit" OnRowEditing="grdDocumentacao_RowEditing" OnRowUpdating="grdDocumentacao_RowUpdating" OnRowDeleting="grdDocumentacao_RowDeleting">
                    <Columns>
                            <HeaderStyle Width="400px"></HeaderStyle>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Caminho do Documento" HeaderStyle-Width="400px">
                            <ItemTemplate>
                                <%-- <%#Eval("CaminhoDocumento") %>  --%>
                                <asp:TextBox ID="txtCaminho" runat="server" Text='<%#Eval("nmDocumento") %>'></asp:TextBox>
                            </ItemTemplate>
                            <EditItemTemplate>
                                <input type="text" name="txtCaminho" id="txtCaminho" ondblclick="Explorer()" />
                                <%--  <asp:TextBox ID="txtCaminhoDocumento" OnDataBinding="txtCaminhoDocumento_DataBinding" runat="server" Text='<%#Eval("CaminhoDocumento") %>'></asp:TextBox>--%>
                            </EditItemTemplate>

                           
                    </Columns>


                    <RowStyle Wrap="True" />


                </asp:GridView>

 

[quintelab 91]

Não entendi muito bem:

 

 

Peguei alguns exemplos na internet mas não consegui fazer funcionar da forma que quero.

 

Quando clico sobre o link o modal aparece.

 

A ideia não é essa? Abrir o modal?

 

Abraços...

[marcosmauri 0]

Consegui resolver o problema substituindo a linha:

 $('a[name=modal]').click(function (e) {

por

 $('input[name=txtinput]').click(function (e) {