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

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

کاربر سایت

ofoghcomputer

عضویت از 1393/07/15

انجام عمل ارسال فرم به اکشن با کلیک روی div

  • شنبه 30 مرداد 1395
  • 23:49
تشکر میکنم

با سلام.

می خوام با کلیک روی div عملیات ارسال فرم انحام بشه.

در حالت عادی با کلیک روی button این کار انجام می شه

حالا می خوام با کلیک روی div این عملیات انجام بشه

لطفا راهنمایی نمایید

با تشکر

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

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

ایمان مدائنی

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

  • یکشنبه 31 مرداد 1395
  • 08:28

میتونید خاصیت OnClick المان یا همان Div را کنترل کنید و با کلیک عملیات انجام شود

onClick="javascript:this.form.submit();"

 

کاربر سایت

ofoghcomputer

عضویت از 1393/07/15

  • یکشنبه 31 مرداد 1395
  • 10:08

با تشکر

نشد استاد

کاربر سایت

ایمان مدائنی

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

  • یکشنبه 31 مرداد 1395
  • 10:14

کدی که نوشتید را قرار دهید

تگ Div باید داخل یک Form باشه

کاربر سایت

ofoghcomputer

عضویت از 1393/07/15

  • یکشنبه 31 مرداد 1395
  • 10:22

استاد من form زیر رو ساختم:

کد:

 <div class="well-content no_padding">
                @using (Html.BeginForm("GoToView", "TeacherPanel", FormMethod.Post, new { @id = "fomrVorodBeHozorGhyab" }))
                {
                    @Html.AntiForgeryToken()
                    int bi = Convert.ToInt32(Session["BranchID"].ToString());
                    int rozid = Convert.ToInt32(TempData["Rooz"].ToString());
                    var doros = from c in talash.Tbl_ClasseDars
                                join dd in talash.Tbl_Doros on c.DarsID equals dd.DarsID
                                join t in talash.Tbl_Time on c.TimeID equals t.TimeID
                                join r in talash.Tbl_Rooz on c.RoozID equals r.RoozID
                                where c.BranchID == bi && r.RoozID == rozid
                                select new { r.RoozID, c.BranchID, dd.DarsName, t.TimeName, t.Title,t.TimeID,dd.DarsID };
                    <div class="form_row control-group info" style="margin:30px;">
                        @for (int i = 0; i < doros.Count(); i++)
                        {
                            <div id="divsend" style="margin:20px;cursor:pointer;border-width:4px;border-style:double;text-align:center;border-radius:10px;color:black;text-decoration:none;" onClick="javascript:this.form.submit();">
                                <input type="hidden" name="Item" value="ListHozorGhyab" />
                                <div >
                                    <input type="hidden" name="id" value="@doros.ToArray()[i].TimeID,@doros.ToArray()[i].RoozID,@doros.ToArray()[i].DarsID" />
                                    @doros.ToArray()[i].Title<br /> @doros.ToArray()[i].TimeName<br />@doros.ToArray()[i].DarsName
                                </div>
                            </div>
                        }

                    </div>

                }
            </div>

لطفا راهنمایی نمایید

با تشکر

کاربر سایت

ایمان مدائنی

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

  • یکشنبه 31 مرداد 1395
  • 10:38

به این شیوه نمیتونید

باید از جی کوئری استفاده کنید و پارامتر ها را Post کنید

این لینک رو ببینید

کاربر سایت

ofoghcomputer

عضویت از 1393/07/15

  • یکشنبه 31 مرداد 1395
  • 12:34

استاد اینجوری دیگه نیاز به form نیست.

درسته؟

کاربر سایت

ایمان مدائنی

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

  • یکشنبه 31 مرداد 1395
  • 12:55

درسته

کاربر سایت

ofoghcomputer

عضویت از 1393/07/15

  • یکشنبه 31 مرداد 1395
  • 12:57

استاد من کد زیر رو نوشتم:

<script>
    $(document).ready(function () {
        $(function () {
            $("#divsend").click(function () {
                alert('f');
                //    jQuery.post("/TeacherPanel/GoToView", { id: $("#id").val() }, function (value) {
            //    })
            })


        })
    })
    
</script>

این کد وقتی که روی اولین div کلیک می کنم اجرا می شه

هنگامی که روی div های دیگر کلیک می کنم اجرا نمی شه.

لطفا راهنمایی نمایید

با تشکر

کاربر سایت

ایمان مدائنی

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

  • یکشنبه 31 مرداد 1395
  • 13:02

چون از ID استفاده کردید بایک یک Function درست کنیدو در هر Div جداگانه فراخوانی کنید

در onclick

کاربر سایت

ofoghcomputer

عضویت از 1393/07/15

  • یکشنبه 31 مرداد 1395
  • 13:04

استاد اگر از کلاس استفاده کنم درست می شه؟

اگر امکان دارد کد برای function و اون که می گید در هر div جداگانه فراخوانی کنم را بگذارید

با تشکر

کاربر سایت

ایمان مدائنی

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

  • یکشنبه 31 مرداد 1395
  • 13:05
function Test(id) {
            $("#divsend").click(function () {
                alert('f');
                //    jQuery.post("/TeacherPanel/GoToView", { id: id }, function (value) {
            //    })
            }

 

کاربر سایت

ofoghcomputer

عضویت از 1393/07/15

  • یکشنبه 31 مرداد 1395
  • 13:15

حالا چطور تو هر div فرواخوانی کنم؟

کاربر سایت

ایمان مدائنی

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

  • یکشنبه 31 مرداد 1395
  • 13:19

در onclick

کاربر سایت

ofoghcomputer

عضویت از 1393/07/15

  • یکشنبه 31 مرداد 1395
  • 13:24

چظور مقدار ور با jquery به اکشن ارسال کنم؟

فقط مقدار ارسال بشه و برگشتی نیاز نیست

لطفا راهنمایی نمایید

با تشکر

کاربر سایت

ایمان مدائنی

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

  • یکشنبه 31 مرداد 1395
  • 13:27
   @for (int i = 0; i < doros.Count(); i++)
                       {
                           <div id="divsend" style="margin:20px;cursor:pointer;border-width:4px;border-style:double;text-align:center;border-radius:10px;color:black;text-decoration:none;" onClick="Test(@doros.ToArray()[i].TimeID)">
                               <input type="hidden" name="Item" value="ListHozorGhyab" />
                               <div >
                                   <input type="hidden" name="id" value="@doros.ToArray()[i].TimeID,@doros.ToArray()[i].RoozID,@doros.ToArray()[i].DarsID" />
                                   @doros.ToArray()[i].Title<br /> @doros.ToArray()[i].TimeName<br />@doros.ToArray()[i].DarsName
                               </div>
                           </div>
                       }

 

کاربر سایت

ofoghcomputer

عضویت از 1393/07/15

  • یکشنبه 31 مرداد 1395
  • 13:31

با تشکر فراوان از استاد محترم

اکر امکان دارد اینو هم راهنمایی کنید که در fqoery.post چه چیزی باید نوشته شود؟

با تشکر

کاربر سایت

ایمان مدائنی

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

  • یکشنبه 31 مرداد 1395
  • 13:33

متوجه نشدم ؟

این کدام قسمت از کد هست ؟

کاربر سایت

ofoghcomputer

عضویت از 1393/07/15

  • یکشنبه 31 مرداد 1395
  • 13:36

در قسمتی که با jquery باید ارسال بشه

ببخشید اشتباه نوشتم. jquery.post

کاربر سایت

ofoghcomputer

عضویت از 1393/07/15

  • یکشنبه 31 مرداد 1395
  • 13:38

اینو نوشتم اما داخل action  نمیره:

jQuery.post("/TeacherPanel/GoToView", { id: $(".idfor").val() }, function (value) {

 

کاربر سایت

ایمان مدائنی

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

  • یکشنبه 31 مرداد 1395
  • 13:48

اون دستور عملیات POST را انجام میده بدون نیاز به تگ فرم

از کلاس نباید استفاده کنید

یک سرچ کنید چند نمونه ببینید تا ایده بگیرید

کاربر سایت

ofoghcomputer

عضویت از 1393/07/15

  • یکشنبه 31 مرداد 1395
  • 13:53

استاد بسیار ممنونم

چی سرچ کنم؟

کاربر سایت

ایمان مدائنی

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

  • یکشنبه 31 مرداد 1395
  • 13:55

این لینک رو ببینید

کاربر سایت

ofoghcomputer

عضویت از 1393/07/15

  • یکشنبه 31 مرداد 1395
  • 15:18

استاد نوع برگشتی من یک view  هست و از نوع jsonresault نیست.

شاید به این دلیل به action نمی رود.

درسته؟

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

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

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

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