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

[karbar98 19]

سلام دوستان

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

	<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>

[Parsa 23463]

چه راهنمایی؟

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

[karbar98 19]

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

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

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

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

[Parsa 23463]

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

  <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>

[karbar98 19]

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