0

معرفی گل ها !

 
mohamadaminsh
mohamadaminsh
کاربر طلایی1
تاریخ عضویت : دی 1389 
تعداد پست ها : 25772
محل سکونت : خوزستان

باز کردن صفحه مربوط به دکمه رادیویی انتخاب شده
دوشنبه 25 بهمن 1389  3:33 AM

باز کردن صفحه مربوط به دکمه رادیویی انتخاب شده

مطرح شده توسط: سیاوش سلام
من چندتا دکمه رادیو درست کردم که مثلا هر کدوم اسم یه سایت هست ... حالا می خوام وقتی کاربر یکی از دکمه ها رو انتخاب می کنه و دکمه ورود رو میزنه بره به صفحه اصلی سایتی که انتخاب کرده ....
چجوری اینو باید تعریف کنم ؟
لطفا کمکم کنید چون من اصلا php بلد نیستم ، اگه میشه مختصری دقیق بهم بگید ..
ممنون

البته با استفاده از PHP امکان انجام این کار وجود دارد ولی راه ساده تری هم هست یعنی استفاده از جاوا اسکرپت.
من برای مثال یک فرم ساده طراحی می کنم که حاوی دکمه های رادیوی مورد نظر هست و وقتی که دکمه ارسال فرم کلیک شود صفحه مربوط به دکمه انتخاب شده باز خواهد شد.

به این فرم زیر توجه کنید :

ورود به سایت گوگل
ورود به سایت یاهو
ورود به سایت آلتاویستا

این فرم از دو بخش تشکیل شده است. یک بخش آن فرم HTML است که مسئول نمایش دادن دکمه ها در صفحه است و بخش دیگر تابع جاوا اسکرپتی است که با همه دکمه های موجود در فرم را چک میکند و پس از یافتن آن آدرس موجود در شناسه value دکمه را با استفاده از دستور window.location باز میکند. ارتباط بین این دو بخش هم با استفاده از رویداد onsubmit برقرار میشود.

توجه داشته باشید که در رویداد onsubmit پس از تابعی که برای باز کردن صفحه نوشتیم از عبارت return false استفاده کردیم تا مانع ارسال فرم شویم.

در این جا میتوانید کد مربوط به ساخت این فرم را مشاهده کنید :

<script type="text/javascript">
function open_target_site()
{
  var radio_group = document.forms["target_form"].target_site;
  for(i=0; i<radio_group.length; i++)
  {
    if(radio_group[i].checked)
    window.location = radio_group[i].value;
  }
}
</script>
<form name="target_form" onsubmit="open_target_site(); return false">
<input name="target_site" value="http://www.google.com" type="radio" />
ورود به سایت گوگل <br>
<input name="target_site" value="http://www.yahoo.com" type="radio" />
ورود به سایت یاهو <br>
<input name="target_site" value="http://www.altavista.com" type="radio" />
ورود به سایت آلتاویستا <br>
<input type="submit" value="مشاهده سایت">
</form>

کریمی که جهان پاینده دارد               تواند حجتی را زنده دارد

 

دانلود پروژه و کارآموزی و کارافرینی

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