• اطلاعیه ها

    • Saeed Fard

      برگزاری چهارمین همایش Coder Conf و کد تخفیف برای کاربران وردپرس پارسی   20/04/97

      کدرکانف هر سال در آخرین پنجشنبه مرداد با بورد‌های مختلفی برگزار می‌گردد،امسال نیز کدرکانف در همین تاریخ با حضور برنامه نویسان مطرح کشور در بورد تخصصی جاوااسکریپت برگزار خواهد شد، یک گردهمایی متفاوت با طعم Javascript. Coderconf هر سال نسبت به سال‌های گذشته با حضور برنامه‌نویسان پر رنگتر می‌شود. ما سعی کردیم هر ساله به این کنفرانس مفهوم عمیق تری ببخشیم تا از آنچه در سال‌های گذشته عرضه شده به روزتر و مفیدتر واقع شویم. امسال فرصتی خواهد بود تا با نگرشی جدید و بهبود مطالب ارائه شده، عمیقتر به این موضوع نگاه کنیم تا بجای تکرار مباحث پیشین گامی هر چند کوچک در مسیر ارتقای دانش فنی برنامه‌نویسان ایرانی برداریم. ما در Coderconf ۴ با تمرکز بر روی Javascript نیت کرده‌ایم این فرصت را در اختیار برنامه نویسان قرار دهیم تا با ظرافت و استانداردهای روز دنیا کار خود را پیش ببرند. به نظر ما امسال زمان آن فرا رسیده‌است تا این زبان را به صورت تخصصی و از ابعاد مختلف به چالش بکشیم.   دبیر علمی همایش میلاد حیدری، کدرکانف ۴ را اینگونه توصیف کرده است :اشتراک گذاری دانش بهترین راه رسیدن به جاودانگی اطلاعات است. هر ساله همایش‌های زیادی برگزار میشه که افراد شرکت‌کننده می‌توانند با افراد مجرب شبکه سازی کنند. امسال در کدرکانف سعی کردیم علاوه بر بخش شبکه سازی بین افراد بیشتر روی انتقال دانش و کیفیت ارائه ها تمرکز داشته باشیم . به قصد یک گردهمایی بلند مدت بین برنامه‌نویسان جاوااسکریپت که با هم تبادل دانش و اطلاعات کنند گردهم آییم.
      بنده به عنوان عضو کوچکی از جامعه برنامه‌نویسان جاوااسکریپت ایران امیدوارم در کدرکانف امسال علاوه بر شبکه سازی، از اطلاعاتی که دوستان در این همایش در اختیارتان قرار می‌دهند استفاده کنید. در سایت همایش میتوانید سخنرانان و موضوع پنل همایش کدرکانف رو مشاهده کنید . علاقه‌مندان به حضور در این همایش می‌توانند با کد تخفیف wpparsi اقدام به ثبت نام در این گردهمایی کنند. سایت همایش :‌http://coderconf.org
      بلیط فروشی همایش :‌https://evand.com/events/coderconf4  
karbar98

برنامه پنجره dialog

5 پست در این موضوع قرار دارد

سلام دوستان

کد های زیر مربوط به یک برنامه دیالوگ است و پس از کلیک روی لینک یک پنجره باز می شود حالا من می خواهم که چند لینک در صفحه وجود داشته باشد که پس از کلیک روی آن پنجره های مختلف باز شود مثلا یکی برای ثبت نام ، یکی برای لوگین و ممنون می شود دوستان راهنمایی کنند.


<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">


<link rel="stylesheet" href="[url="http://fazanet.ir/css/dialog.css"]http://fazanet.ir/css/dialog.css[/url]">

<!--[if lt IE 9]>
<script src="[url="http://fazanet.ir/js/html5.js"]http://fazanet.ir/js/html5.js[/url]"></script>
<![endif]-->


<script src="[url="http://fazanet.ir/js/jquery.min.js"]http://fazanet.ir/js/jquery.min.js[/url]"></script>
<script src="[url="http://fazanet.ir/js/dialog.js"]http://fazanet.ir/js/dialog.js[/url]"></script>

<script type="text/javascript">
$(document).ready(function() {
$('#button').click(function(e) { // Button which will activate our modal
$('#modal').reveal({ // The item which will be opened with reveal
animation: 'fade', // fade, fadeAndPop, none
animationspeed: 600, // how fast animtions are
closeonbackgroundclick: true, // if you click background will modal close?
dismissmodalclass: 'close' // the class of a button or element that will close an open modal
});
return false;
});
});
</script>



<div id="modal">
<div id="heading">
ثبت نام در سایت
</div>

<div id="content">
<p>Clicking yes will make Comic Sans your new system default font. Seriously, have you thought this through?</p>

<a href="#" class="button green close"><img src="[url="http://script-host.ir/source/images/tick.png"]http://script-host.ir/source/images/tick.png[/url]">Yes, do it now!</a>

<a href="#" class="button red close"><img src="[url="http://script-host.ir/source/images/cross.png"]http://script-host.ir/source/images/cross.png[/url]">No, I’m insane!</a>
</div>
</div>




<a href="#" id="button" style="margin-top:-1px;padding-right:16px;" title="ثبت نام">ثبت نام</a>

0

به اشتراک گذاری این پست


لینک به پست

چه راهنمایی؟

کد رو دارید در پوسته استفاده کنید

1

به اشتراک گذاری این پست


لینک به پست

درسته کد رو دارم ولی همانطور که عرض کردم با این فقط می شود یک پنجره را ساخت و استفاده کرد من می خواهم چندین لینک در صفحه وجود داشته باشه که پس از کلیک روی آن ها دیالوگ باکس اختصاصی آن لینک باز شود به عنوان مثال :

لینکی برای ثبت نام قراره بگیره و پس از کلیک روی آن پنجره دیالوگ مربوط به ثبت نام باز شود

لینکی برای ورود کاربران قرار بگیره و پس از کلیک روی آن پنجره دیالوگ مربوط به ورود کاربران باز شود

اما با کد بالا فقط می شه یک دیالوگ باکس ساخت نه چند تا امیدوارم متوجه منظور من شده باشید.

0

به اشتراک گذاری این پست


لینک به پست

چند بخش رو باید تکرار کنید


<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<link rel="stylesheet" href="[url="http://fazanet.ir/css/dialog.css"]http://fazanet.ir/css/dialog.css[/url]">
<!--[if lt IE 9]>
<script src="[url="http://fazanet.ir/js/html5.js"]http://fazanet.ir/js/html5.js[/url]"></script>
<![endif]-->

<script src="[url="http://fazanet.ir/js/jquery.min.js"]http://fazanet.ir/js/jquery.min.js[/url]"></script>
<script src="[url="http://fazanet.ir/js/dialog.js"]http://fazanet.ir/js/dialog.js[/url]"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#button').click(function(e) { // Button which will activate our modal
$('#modal').reveal({ // The item which will be opened with reveal
animation: 'fade', // fade, fadeAndPop, none
animationspeed: 600, // how fast animtions are
closeonbackgroundclick: true, // if you click background will modal close?
dismissmodalclass: 'close' // the class of a button or element that will close an open modal
});
return false;
});
$('#button2').click(function(e) { // Button which will activate our modal
$('#modal2').reveal({ // The item which will be opened with reveal
animation: 'fade', // fade, fadeAndPop, none
animationspeed: 600, // how fast animtions are
closeonbackgroundclick: true, // if you click background will modal close?
dismissmodalclass: 'close' // the class of a button or element that will close an open modal
});
return false;
});
});
</script>

<div id="modal">
<div id="heading">
ثبت نام در سایت
</div>
<div id="content">
<p>Clicking yes will make Comic Sans your new system default font. Seriously, have you thought this through?</p>
<a href="#" class="button green close"><img src="[url="http://script-host.ir/source/images/tick.png"]http://script-host.ir/source/images/tick.png[/url]">Yes, do it now!</a>
<a href="#" class="button red close"><img src="[url="http://script-host.ir/source/images/cross.png"]http://script-host.ir/source/images/cross.png[/url]">No, I’m insane!</a>
</div>
</div>
<div id="modal2">
<div id="heading">
ثبت نام در سایت
</div>
<div id="content">
<p>Clicking yes will make Comic Sans your new system default font. Seriously, have you thought this through?</p>
<a href="#" class="button green close"><img src="[url="http://script-host.ir/source/images/tick.png"]http://script-host.ir/source/images/tick.png[/url]">Yes, do it now!</a>
<a href="#" class="button red close"><img src="[url="http://script-host.ir/source/images/cross.png"]http://script-host.ir/source/images/cross.png[/url]">No, I’m insane!</a>
</div>
</div>


<a href="#" id="button" style="margin-top:-1px;padding-right:16px;" title="ثبت نام">ثبت نام</a>
<a href="#" id="button2" style="margin-top:-1px;padding-right:16px;" title="ثبت نام">ثبت نام</a>

2

به اشتراک گذاری این پست


لینک به پست

دوست عزیز بسیار متشکرم از راهنمایی شما

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری