مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

ورود / ثبت نام
انجمن پرسش و پاسخ
تاپیک مورد نظر
کاربر سایت

arezoo.fg

عضویت از 1394/08/11

modalimage.bootstrap

  • شنبه 23 آبان 1394
  • 13:37
تشکر میکنم

 

<section id="modal" class="modal fade">
                            <div class="modal-body">
                                <img id="modalimage" src="" alt="Modal Photo" />
                            </div>
                        </section>
//////////////////////////////
<div class="modalphotos photogrid clearfix">
                            <img src="Images/smallsupexlogo.jpg" alt="Small Supex Logo 1" />
                            <img src="Images/smallsupexlogo2.jpg" alt="Small Supex Logo 2" />
                            <img src="Images/smallsupexlogo3.jpg" alt="Small Supex Logo 3" />
                        </div>

///////////////////////////////////

 

jquery:
 $('.modalphotos img').on('click', function () {
                $('#modal').modal({
                    show: true,
                })

 

                var mysrc = this.src.substr(5, this.src.length - 1);
                $('#modalimage').attr('src', mysrc);

 

                $('#modalimage').on('click', function () {
                    $('#modal').modal('hide');
                })
            });
..........................................
سلام دوستان.. من میخوام با کلیک بر روی یک عکس , بصورت modal یک صفحه ثبت نام ظاهر گردد. لطفا کمکم کنید

پاسخ های این پرسش

تعداد پاسخ ها : 2 پاسخ
کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • شنبه 23 آبان 1394
  • 13:58

نحوه ایجاد مدال توسط Ajax در Asp.net

نمایش Modal Popup با استفاده از jQuery و JSON در ASP.NET

کاربر سایت

arezoo.fg

عضویت از 1394/08/11

  • شنبه 23 آبان 1394
  • 14:00

 <button class="btne medium color11 pull-left" id="lnkdelete" href="#myModal" data-toggle="modal" runat="server">عضویت</button>
        <div id="myModal" class="modal fade">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title">مرجع تخصصی برنامه نویسان</h4>
                    </div>
                    <div class="modal-body" style="overflow-y: scroll; max-height: 85%; margin-top: 50px; margin-bottom: 50px;">
                        <asp:Label ID="lblmessage" runat="server" ClientIDMode="Static"></asp:Label>
                        <asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False">
                            <Columns>
                                <asp:BoundField DataField="Product_Name" HeaderText="نام محصول"></asp:BoundField>
                                <asp:BoundField DataField="Model" HeaderText="مدل"></asp:BoundField>
                                <asp:BoundField DataField="Price" HeaderText="قیمت"></asp:BoundField>
                            </Columns>
                        </asp:GridView>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">بستن</button>
                        
                    </div>
                </div>
            </div>
        </div>

man be jaye grid , textbox gozashtam ba be jaye link button, submit ama ejra nemishe

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)

درخواست پروژه