ورود

View Full Version : پنجره popup با استفاده از jquery



yayan85
جمعه 20 مرداد 1391, 23:09 عصر
با سلام
دوستان من می خواهم این آموزش رو برای وقتی که ثبت نام اعضا در سایتم با موفقیت انجام میشه اجرا کنم.

یعنی بعد از ثبت در بانک،یعنی قسمت code behind بنویسم.خود آموزش یک لینک می سازه که وقتی کلیک میشه پنجره با افکت نمایش داده میشه. چطور توی دکمه بنویسم

http://mihanlearn.com/%D8%AF%D8%A7%D9%86%D9%84%D9%88%D8%AF/%D8%B3%D8%A7%D8%AE%D8%AA-%D9%BE%D9%86%D8%AC%D8%B1%D9%87-%D9%87%D8%A7%DB%8C-popup-%D8%A8%D8%A7-%D8%AC%DB%8C-%DA%A9%D9%88%D8%A6%D8%B1%DB%8C/#comment-245
از خود نویسنده هم پرسیدم، بلد نبود.

mehrzad_ali
شنبه 21 مرداد 1391, 01:19 صبح
سلام
یه literal بذار و توی کد این لینک رو generate کن و بریز توی literal


<a href="#" class="big-link" data-reveal-id="myModal"> کلیک کنید </a>

yayan85
شنبه 21 مرداد 1391, 12:58 عصر
ممنون از راهنمایی تون. این کار رو کردم، یعنی در codebehind به text مربوط به literal کد اضافه می کنم، ولی از اون "#" وسط کد ایراد می گیره.با چه فرمتی باید بنویسم؟

Literal1.Text ="<a href="#" class="big-link" data-reveal-id="myModal"> کلیک کنید </a>";

اون " اول و آخر رو بر میدارم هم ایراد می گیره:ناراحت:

yayan85
شنبه 21 مرداد 1391, 12:59 عصر
ممنون از راهنمایی تون. این کار رو کردم، یعنی در codebehind به text مربوط به literal کد اضافه می کنم، ولی از اون "#" وسط کد ایراد می گیره.با چه فرمتی باید بنویسم؟

Literal1.Text ="<a href="#" class="big-link" data-reveal-id="myModal"> کلیک کنید </a>";

اون " اول و آخر رو بر میدارم هم ایراد می گیره:ناراحت:

ramin149
شنبه 21 مرداد 1391, 13:30 عصر
به صورت زیر بنویسید .



Literal1.Text ="<a href='#' class='big-link' data-reveal-id='myModal"> کلیک کنید </a>'

yayan85
شنبه 21 مرداد 1391, 14:43 عصر
این جور نوشتم ایراد نمی گیره. ولی پنجره POPUP رو اجرا نمی کنه.اصلا انگار نه انگار.


Literal1.Text ="<a href='#' class='big-link' data-reveal-id='myModal'> کلیک کنید </a>";

saeed_sho
شنبه 21 مرداد 1391, 15:07 عصر
بجای # باید آدرس صفحه ای که میخوای کاربر بهش هدایت بشه رو بزاری

yayan85
شنبه 21 مرداد 1391, 15:16 عصر
بجای # باید آدرس صفحه ای که میخوای کاربر بهش هدایت بشه رو بزاری

شما لینک آموزشی که در پست اول گذاشتم رو دیدین؟ بر طبق اون هست. وقتی یک لینک a href مثل خود نمونه روی صفحه می ذارم و روش کلیک می کنم همه چی به خوبی اجرا میشه. ولی من می خوام کاربر که روی دکمه ثبت نام کلیک می کنه، بعد از ثبت اطلاعاتش داخل بانک، پیغامی مبنی بر اینکه ثبت نام با موفقیت انجام شد، مثل آموزش بالا، با افکت های jquery نمایش داده بشه.

mehrzad_ali
شنبه 21 مرداد 1391, 15:44 عصر
بیا دوست عزیز

yayan85
جمعه 21 مهر 1391, 16:56 عصر
دوستان من هنوز جواب نگرفتم. کسی میدونه اون تابع جاوا رو چطور باید توی کد بیهایند، در آخر دستورات دکمه ثبت نام اجرا کرد؟

<script type="text/javascript">
$(document).ready(function() {
$('#myButton').click(function(e) {
e.preventDefault();
$('#myModal').reveal();
});
});
</script>

Majid842
پنج شنبه 16 آذر 1391, 21:47 عصر
دوستان من هنوز جواب نگرفتم. کسی میدونه اون تابع جاوا رو چطور باید توی کد بیهایند، در آخر دستورات دکمه ثبت نام اجرا کرد؟

<script type="text/javascript">
$(document).ready(function() {
$('#myButton').click(function(e) {
e.preventDefault();
$('#myModal').reveal();
});
});
</script>
کسی نیست جواب بده من تازه به این مشکل برخوردم

malloc
پنج شنبه 16 آذر 1391, 22:19 عصر
واقعا از دوستان اگه کسی بلده که چطور اون دستورو سمت سرور فراخونی کنیم و نشون بدیم (مثلا بعد از شکست یا موفقیت آمیز بودن Login) به بقیه هم بگه

yayan85
شنبه 18 آذر 1391, 23:33 عصر
سلام. من از استادم سوال کردم. با این پیش فرض ها در قسمت html:

1-
<script> // increase the default animation speed to exaggerate the effect
$.fx.speeds._default = 1000;
$(function() {
$("#dialog").dialog({
autoOpen: false,
show: "blind",
hide: "explode"
});
$("#opener").click(function() {
$("#dialog").dialog("open");
return false;
});
}); function opener_onclick() {

}

</script>
2-
<div id="dialog" title="Basic dialog">

3-

<asp:Button ID="save" runat="server" Text="Button" onclick="save_Click" />

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


ScriptManager.RegisterStartupScript(this, GetType(), "openDialog",
"$('#dialog').dialog();", true);
ولی من هر چی این ور اون ور کردم کد ها رو در باره این پنجره پاپ آپ به نتیجه نرسیدم.
شما هم تلاش کنید. اگه به نتیجه رسیدین به منم بگین

hamed_hossani
شنبه 18 آذر 1391, 23:59 عصر
http://jqframework.com/jqpopup/

Simple click to open the jQpopup box.
Simple drag to reposition the jQpopup box.
Simple drag to resize the jQpopup box.
Simple click to centralize the jQpopup box.
jQpopup box is easy to integrate and customize.
jQpopup box tested with IE6, IE7, IE8, IE9, FF3, Opera9, Safari4, Google Chrome2.
jQpopup box integrated with jqDnR and bgiframe.
Lightweight popup box – The source file is just 4k!
Free and Free of charge under the MIT License.

Majid842
یک شنبه 19 آذر 1391, 23:00 عصر
کسی موفق شد ؟؟؟

Majid842
سه شنبه 21 آذر 1391, 11:43 صبح
راهی دیگری وجود نداره که این رو پیاده سازی کنم !!!؟