طراحي حرفه اي وب سايت : طراحي وب سايت خود را به گروه فناوري اطلاعات ايران بسپاريد

طراحي وب سايت طراحي حرفه اي وب سايت بهينه سازي وب سايت

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

مطرح شده توسط: سیاوش سلام
من چندتا دکمه رادیو درست کردم که مثلا هر کدوم اسم یه سایت هست ... حالا می خوام وقتی کاربر یکی از دکمه ها رو انتخاب می کنه و دکمه ورود رو میزنه بره به صفحه اصلی سایتی که انتخاب کرده ....
چجوری اینو باید تعریف کنم ؟
لطفا کمکم کنید چون من اصلا 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>

نظرات بازدید کنندگان
Mon, 02 Mar 2009 17:11:53 +0330 نویسنده : باغبان
واقعا بايد تبريك گفت به ايراني بودنتون واقعا نمي دونم بايد چه طور  تشكر كنم از تون و خسته نباشي بگم 1 ديدن و سايت شما براي من يك كشف فوقولاده  مهم بود من به دوستام هم توصيه اش مي كنم تا  بيان به وبتون مرررررررررررررررررررررررررررررررررررررسي  (:
                          اميد وارم خوشبخت باشين واسه هميشه
يا
 
Fri, 26 Sep 2008 18:05:20 +0330 نویسنده : حسین
سلام... میخواستم کد منو برام ارسال کنید. مثلا همین منوی سایت خودتون که وقتی موس روش میره شکلش عوض میشه... من کد عوض شدن شکل منو یا دکمه هنگام رفتن موس روی اون و می خوام...
خیلی ممنون...
واقان دمتون گرم... کارتون خیلی درسته...
یا علی...
 
Wed, 25 Jun 2008 02:26:57 +0430 نویسنده : حسین فیاض
سلام برادر عزیز
اگر ممکن است مراحل طراحی یک سایت را توضیح دهید مثل اینکه :
1- چند ساعت کلاس و چه برنامه های
2- رابطه بین برنامه ها در طراحی سایت و اینکه طراحی چه سایت های به چه برنامه های نیازمند است همین سایت بانکها و یا سایت های که اطلاعات دریش وجود دارد مثل ثبت نام و ...
3- من با پی اچ پی کار کردم اما کم و فرانت پیچ را بلدم اما گاهی به تاریکی می روم واقعا نمی دانم هدف را از چه راهی و با چه ابزاری دنبال کنم که نهایتا دلزده میشم از این جهت خواست توضیحات کلی در این باره ارائه دهید هدفم آموزش برنامه خاص نیست
4- فرق پی اچ پی با پی اچ پی نیوک چیست؟ آیا فرق دارد؟ برنامه های آموزشی خوب که مفید باشد و مورد تایید شما چه برنامه های هست البته آموزشی و راهگشا اگر معرفی کنید ممنون هستم
 
Mon, 28 Apr 2008 07:23:53 +0430 نویسنده : amir
salam man ham mesle maryam khanom hichi nemidoonam albate yekmira chera khaheshn yekami saritar.09132727056
 
Tue, 18 Mar 2008 13:23:01 +0330 نویسنده : Maryam
سلام - ميخوام يك وب طراحي كنم البته با كمك شما ميشه منو راهنمايي كنيد هيچي هم در موردش نمي دونم . ممنون از لطفتون