ما برای نوشتن اسکرپت با استفاده از دکمه ها، ابتدا باید بدانیم چگونه می توان یک دکمه را در یک صفحه قرار داد. برای این کار شما باید از تگهای  <FORM> در اطراف تگ دکمه استفاده کنید. در مثال زیر نمونه یک HTML که یک دکمه را در یک صفحه قرار می دهد آورده شده است:

این فرمان یک دکمه را در صفحه شما قرار می دهد، اما اگر روی آن کلیک کنید اتفاقی نمی افتد...

در زیر کار هر قسمت از فرمان بالا را می بینیم:

1. <FORM>
   این قسمت یک فرم را ایجاد می کند بنابر این ما می توانیم یک دکمه بسازیم.
2. <INPUT>
   این تگ به ما اجازه می دهد نوعی ناحیه ورودی بسازیم.
3. "type="button
   این فرمان ناحیه ورودی ما را به عنوان یک دکمه تعریف می کند.
4. "اینجا کلیک کنید"=value
   این متنی است که افراد روی دکمه می بینند. شما می توانید هر چیزی را که می خواهید بینندگانتان روی دکمه ببینند اینجا بنویسید.
5. "name="button1
   شما می توانید برای مراجعات بعدی یا احتمالاً استفاده در یک اسکرپت به دکمه خود یک نام بدهید.

احتمالاً شما نمی خواهید یک دکمه بسازید که کاری انجام نمی دهد. در زیر یک فرمان جاوا اسکرپت آورده شده است که مرورگر را مجبور می کند وقتی دکمه را کلیک کردید عکس العمل نشان دهد:

فقط این فرمان را در تگ INPUT قرار دهید که دکمه را با آن ساختید، مانند زیر:

برای مثال ما می توانیم مانند فرمان onMouseover در این دکمه نیز استفاده کنیم و متنی را در نوار وضعیت پنجره چاپ کنیم!

حالا دکمه را فشار دهید و به متن نوار وضعیت نگاه کنید:

شما می توانید با استفاده از دکمه ها به بینندگان خود اجازه دهید رنگ زمینه صفحه را برای خودشان تغییر دهند. فقط از فرمان زیر به جای فرمان window.status استفاده کنید:

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

حالا شما دکمه ای مانند زیر دارید که با کلیک کردن بر روی آن زمینه صفحه به رنگ زرد در می آید!

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

برای دکمه چهارم به جای نام رنگ از معادل هگزادسیمال رنگها استفاده شده است. برای یافتن معادل هگزادسیمال رنگها و توضیح درباره آنها می توانید به این صفحه مراجعه کنید.

حالا شما سه دکمه دارید، آنها را امتحان کنید!

در اسکرپت آخری که در این قسمت بررسی می کنیم، اجازه می دهیم تا یک دکمه به عنوان یک لینک عمل کند. به این منظور فقط فرمان زیر را برای فرمان onClick استفاده کنید:

 برای مثال این هم اسکرپتی که شما را به صفحه آموزش جاوا اسکرپت ما می برد:

این هم دکمه، آن را امتحان کنید تا به سرفصل آموزش جاوا اسکرپت بروید:

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

شما هم امتحان کنید و ببینید چگونه کار می کند. نشانگر ماوس خود را روی لینک زیر قرار دهید ولی کلیک نکنید (اگر کلیک کنید، چون در کد بالا آدرس لینک، آدرس همین صفحه است پس از کلیک کردن دوباره همین صفحه باز می شود). حالا پایین پنجره مرورگر خود به نوار وضعیت نگاه کنید باید این جمله را بینید: « آموزش جاوا اسکرپت »

ماوس خود را روی این لینک قرار دهید!!!
 

بسیار خوب، این چیزی است که با فرمان onMouseover اتفاق می افتد:

1. " "=onMouseover
   این شکل فرمان onMouseover است. مرورگر انتظار فرمان دیگری بین دو علامت دابل کوت ( " ) را دارد.

2. '« آموزش جاوا اسکرپت »'=window.status
   این فرمان به مرورگر میگوید که جمله ای را در نوار وضعیت بنویسد. شما می توانید جمله بین دو علامت ( ' ) را با آنچه که می خواهید در نوار وضعیت به نمایش در آید جابجا کنید.

3. return true
   عبارت را تأیید کرده و مرورگر آن را نمایش می دهد.

دلیل استفاده از علامت سینگل کوت ( ' ) در فرمان window.status این است که window.status خود قسمتی از فرمان onMouseover است که از ( " ) استفاده کرده است. اگر دوباره از علامت دابل کوت ( " ) استفاده کرده بودیم ممکن بود مرورگر در مورد اینکه چه کاری باید انجام دهد گیج می شد. چون ممکن بود علامت دابل کوت دوم را به منزله پایان فرمان onMouseovr تلقی کند و فرمان جدیدی را با window.status شروع کند:   onMouseover=""window.statuse

مشکلی که ممکن است در اینجا به وجود آید پاک نشدن متنی است که می خواستید در نوار وضعیت نمایش داده شود. دو راه برای از بین بردن این مشکل وجود دارد. یکی استفاده از فرمان onMouseout است، و دیگری فرا خواندن تابعی که متن را پس ار مدتی پاک می کند. راه دوم نیازمند استفاده از توابع و اسکرپت تگها است. در اینجا آسانترین راه را به شما نشان می دهم: استفاده از فرمان onMouseout :

این فرمان متن نوار وضعیت را وقتی که نشانگر ماوس روی آن نیست ناپدید می کند. مانند زیر:

لینک خود را اینجا قرار دهید

در حقیقت ما همان کار قبل را تکرار کردیم ولی به جای متن از فضای خالی در فرمان window.status استفاده کردیم.

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

در جاوا اسکرپت این امکان وجود دارد که متنی را نوشته و در صفحه نمایش بدهیم. متن مورد نظر را می توانیم قالب بندی کنیم و از تگهای HTML نیز در آن استافده کنیم. برای این کار از فرمان ()document.write استفاده می کنیم که یک فرمان جاوا اسکرپت مخصوص چاپ کردن خروجی در صفحه است. روش کار به صورت زیر است :

نوشتن متنهای ساده

البته نقطه ویرگولی که در آخر فرمان نوشته شده تنها در صورتی الزامی است که بیش از یک فرمان در اسکرپت خود داشته باشیم.

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

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

نوشتن متنهای قالب بندی شده

با استفاده از فرمان document.write امکان نوشتن متنهای قالب بندی شده با استفاده از تگهای HTML هم وجود دارد. برای اینکار فقط کافیست متن HTML مورد نظر خود را در تابع ()document.write قرار دهید. برای مثال به کد زیر توجه کنید :

برای مشاهده نتیجه این مثال لینک زیر را کلیک کنید :

نوشتن متنهای قالب بندی شده با HTML توسط جاوا اسکرپت

تابع ()document.write با مقدار چند سطری

اگر بخواهیم متنی که با استفاده از جاوا اسکرپت متنی را بنویسیم که در صفحه در چند سطر نمایش داده شود به راحتی می توانیم با وارد کردم <br> در متن مورد نظر یا با سایر تگهای HTML این کار را انجام دهیم. اما اگر بخواهیم مقداری را که به تابع ()document.write می دهیم در چند سطر وارد کنیدم باید مقدار مورد نظر را در هر سطر از هم جدا کرده و با استفاده از عملوند رشته ای + آنها را در چند سطر به هم پیوند بزنیم.

نکته : نباید بدون استفاده از عملگر های مربوطه مقدار تابع بالا را در بیش از یک سطر بنویسید. در صورتی که متن مورد نظر خود را به این گونه در چند سطر بنویسید تابع کار نمی کند و احتمالاً با پیغام خطا مواجه می شوید.

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

برای اینکه با خطا مواجه نشوید و کد شما کار حود را انجام دهد باید آنرا به صورت زیر بنویسید :

برای آشنایی بیشتربا عملگرهای جاوا اسکرپت اینجا را کلیک کنید.

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

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

لینک صفحه آزمایشی

حالا به سراغ اسکرپتی که این کار را انجام می دهد می رویم. توجه داشته باشید که دستورات prompt و if/else در بخش HEAD صفحه وارد می شوند ولی نام کاربر در بخش BODY صفحه مشاهده می شود.

اولین چیزی که اتفاق می افتد این است که متغیر yourname مقداری را که کاربر برای آن وارد می کند به خود می گیرد. پس مقدار متغیر yourname معادل استرینگی است که نام کاربر را می سازد.

دستور if/else نام « ناشناس » را در صورتی که کاربر نامی را وارد نکند به عنوان مقدار متغیر yourname قرار می دهد. این دستور چک می کند که اگر نامی وارد نشود (null) و یا اگر فضای خالی وارد شود، مقدار « ناشناس » را به متغیر yourname می دهد.

در بخش body متن دوباره از تگ script استفاده می کنیم تا کدهای جاوا اسکرپت از بقیه متن html متمایز شود. در این قسمت ما از یک فرمان جدید یعنی ;(" ")document.write استفاده کرده ایم. این همان چیزی است که به متغیر yourname اجازه نوشته شدن در صفحه html را می دهد. ما در این پیغام دو استرینگ را به علاوه متغیر yourname در صفحه می نویسیم. متغیر yourname در این فرمان بین دو دابل کوت قرار نمی گیرد چون یک مقدار است نه یک استرینگ، (البته مقدار متغیر yourname یک استرینگ است). به دلیل اینکه متغیر yourname یک استرینگ نیست ما از دو علامت بعلاوه در ابتدا و انتهای آن استفاده می کنیم. این سری نوشته ها مرورگر را وادار می کند ابتدا یک استرینگ سپس مقدار متغیر و سپس استرینگ دوم را بنویسد. چون ما در حال نوشتن یک کد جاوا اسکرپت هستیم برای اینکه بتوانیم متنی را در صفحه بنویسیم نمی توانیم مانند نوشتن متن در html عمل کنیم، و باید متن مورد نظر را بین دابل کوت و در قالب استرینگ در صفحه بنویسیم.

شاید متوجه شده باشید تگهای پایانی h1 و center به گونه ای متفاوت با قبل نوشته شده اند ( <h1/> ). این تفاوت بدین دلیل است که اسلش در جاوا اسکرپت به معنای تقسیم است و برای جلوگیری از اشتباه شدن آن با علامت تقسیم از یک بک اسلش قبل از آن استفاده می کنیم. در نتیجه استفاده از یک بک اسلش ( ) و بلافاصله بعد از آن یک اسلش ( / )

اتصال به سرور FTP با استفاده از اینترنت اکسپلورر

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

برای شروع مرورگر اینترنت اکسپلورر را باز کنید و آدرس سرور خود را در نوار آدرس مرورگر وارد کنید و کلید اینتر را فشار دهید تا اتصال به سرور آغاز شود. توجه داشته باشید که شما باید با پروتوکل ftp به سرور متصل شوید پس حتماً باید آدرس سرور شما با //:ftp آغاز شود نه //:http.

وارد کردن آدرس سرور FTP در IE

در صورتی که سرور شما به نام کاربری و کلمه عبور نیاز داشته باشد احتمالاً با پیغام زیر مواجه خواهید شد:
Windows cannot access this folder. Make sure you typed the file name correctly and that you have permission to access the folder.

دکمه OK را کلیک کنید و از منوی فایل گزینه …Login As را انتخاب کنید:

وارد کردن مشخصات کاربری در IE

حالا پنجره لوگین باز می شود. پس از وارد کردن کلمه عبور و نام کاربری دکمه Log on را کلیک کنید تا وارد شوید.

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

نمایی از پنجره IE پس از اتصال به سرور FTP

برای راحتمی کار میتوانید دکمه Folders را در نوار ابزار پنجره کلیک کنید تا بتوانید لیست پوشه های موجود در هارد دیسک خود را در سمت چپ پنجره مرورگر مشاهده کنید.

لیست محتویات موجود در سرور در کنار محتویات هارد دیسک کامپیوتر کاربر

استفاده از FTP برای تبادل فایل با سرور

FTP مخفف File Transfer Protocol است به معنای پروتوکل انتقال فایل و از آن برای انتقال فایلها بین سرور و کامپیوتر کاربر استفاده می شود. بیشترین مورد استفاده از این روش برای آپلود کردن صفحات و فایلهای مربوط به وب سایت ها است.

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

اتصال به سرور FTP

برای اتصال به سرور به یک سری اطلاعات احتیاج دارید تا با استفاده از آنها به سرور دسترسی داشته باشید این اطلاعات معمولاً شامل آدرس سرور FTP، نام کاربری و کلمه عبور شما در سرور هستند. آدرس سرور چیزی شبیه ftp://example.com یا ftp://ftp.example.com است و سرور مورد نظر را برای برنامه مشخص میکند.

معمولاً پوشه ای که محتویات سایت در آن قرار میگیرند (Remote Folder) در سرور به صورت مجزا در نظر گرفته می شود که فایلهایی که خارج از این پوشه آپلود شوند از طریق سایت در دسترس نخواهند بود. نام این پوشه معولاً public_html یا www است. در صورتی که شما نام این پوشه را به برنامه FTP خود بدهین پس از اتصال به سرور به صورت خودکار این پوشه برای شما باز خوهد شد.

تصویر زیر مربوط به قسمتی از نرم افزار CuteFTP است که کاربر در آن مشخصات سرور FTP را تععین میکند. قسمتهای مربوط به Label و Comments برای یادآوری سایت توط کاربر استفاده میشوند و به سرور ارتباطی ندارند. کادر Host Address برای وارد کردن آدرس سرور FTP است. قسمتهای Username و Password هم مربوط به نام کاربری و کلمه عبور کاربر در سرور هستند. Login Method هم معمولاً به صورت normal است در غیر این صورت باید اطلاعات مربوط به آنرا از مدیر سرور خود دریافت کنید.

وارد کردن مشخصات سرور FTP در نرم افزار CuteFTP

تبادل فایل بین سرور و کلاینت

اغلب کلاینتهای FTP ظاهری مشابه هم دارند که تا حدی شبیه اکسپلورر ویندوز است. در تصویر زیر می توانید نمایی از نرم افزار CuteFTP را مشاهده کنید.

نمایی از نرم افزار CuteFTP که برای کار با پروتوکل FTP مورد استفاده قرار میگیرد

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

برای انتقال فایلها کافیست فایلهایی را که میخواهید منتقل شوند در ستون مربوط به آنها انتخاب کنید و دکمه آپلود یا دانلود را بسته به کاری که میخواهید انجام دهید از نوار بالای ستونها کلیک کنید. برای مثال وقتی بخواهیم یک سری فایل را از کامپیوتر خود به سرور انتقال دهیم میتوانیم همه فایلها را در کامپیوتر خود با استفاده از ستون سمت چپ برنامه انتخاب کنیم و دکمه آپلود (پیکان رو به بالا) را از نوار ابزار برنامه کلیک کنیم. با این کار همه فایلهای انتخاب شده به پوشه در سرور که هم اکنون توسط برنامه باز شده است منتقل می شوند. البته برای انتقال فایلها می توانیم از دراگ و دراپ کردن فایلها هم استفاده کنید و یا از دکمه سمت راست ماوس و… اما در اساس کار تفاوتی وجود ندارد.

برای دانلود فایلهای موجود در سرور هم باید فایلهای مورد نظر را انتخاب کنیم و دکمه دانلود (پیکان رو به پایین) را کلیک کنیم. سپس فایلها در پوشه ای که در ستون سمت چپ برنامه باز شده است دانلود می شوند.

البته معمولاً نرم افزارهای FTP امکانات دیگری از قبیل ویرایش فایل، فشرده سازی و باز کردن فایلهای فشرده و امکاناتی از این قبیل هم دارند ولی ما در اینجا فقط به آپلود و دانلود کردن فایل در آنها می پردازیم.

نرم افزارهای FTP:

نرم افزراهای زیادی برای کار با FTP وجود دارند که بسیاری از آنها را می توانید به صورت رایگان یا نسخه آزمایشی از اینترنت دانلود کنید. البته در بعضی نرم افزراهای طراحی وب نظیر Dreamweaver هم امکان کار با FTP تعبیه شده است. در این قسمت به معرفی برخی از این نرم افزارها می پردازیم.

Internet Explorer

بسیاری از افراد اینترنت اکسپلورر را به عنوان نرم افزاری که قابلیت کار با FTP را داشته باشد نمیشناسند اما این قابلیت در نسخه های اخیر این مرورگر تعبیه شده است. اینترنت اکسپلورر ساده ترین راه برای شروع کار با FTP است چون احتیاج به دانلود و نصب نرم افزار جدید ندارید اما در صورتی که میخواهید به صورت دائمی و حرفه ای از FTP استفاده کنید ممکن است کار با این مرورگر به مرور زمان برای شما خسته کننده شود.

FileZilla

این نرم افزار توسط تعداد زیادی از طراحان و صاحبان سایتهای اینترنتی مورد استفاد قرار میگیرد. شما میتوانید با مراجعه با آدرس filezilla.sourceforge.net این نرم افزار را به صورت رایگان دانلود کنید یا اطلاعات بیشتری در مورد آن به دست آورید.

Nvu

این برنامه یک یک نرم افزار رایگان برای طراحی و ویرایش صفحات وب است که قابلیت کار با FTP هم در آن تعبیه شده است. برای اطلاعات بیشتر در مورد این نرم افزار می توانید به وب سایت آن با آدرس www.nvu.com مراجعه کنید.

CuteFTP

این نرم افزار مشخصاً برای کار با FTP طراحی شده است و امکانات در خور توجهی در اختیار کاربران خود قرار می دهد. می توانید برای دانلود نسخه آزمایشی این نرم افزار به سایت رسمی آن با آدرس www.cuteftp.com مراجعه کنید. این نرم افزار با توجه به حجم مناسب (حدود 6 مگابایت برای نسخه 7 آن) و امکاناتی که در اختیار کاربران خود قرار میدهد گزینه مناسبی برای کار با FTP است.

WS_FTP

این نرم افزار هم از طرفداران زیادی برخوردار است. برای کسب اطلاعات بیشتر و دانلود نسخه آزمایشی آن می توانید به وب سایت نرم افزار با آدرس www.ipswitch.com مراجعه کنید.

Dreamweaver

امکانات این برنامه بسیار فراتر از یک نرم افزار FTP ساده است. این برنامه جهت طراحی وب در سطح حرفه ای ارائه شده است و علاوه بر HTML و CSS که در طراحی صفحات استاتیک استفاده می شوند از زبانهای برنامه نویسی داینامیک از جمله PHP و ASP هم پشتیبانی میکند. برای اطلاعات بیشتر در مورد این نرم افزر میتوانید به آدرس www.adobe.com/products/dreamweaver مراجعه کنید.
در صورتی که تمایل دارید از این نرم افزار استفاده کنید من توصیه میکنم Adobe Dreamweaver CS3 نسخه ME را که برای زبانهای رایج در خاور میانه طراحی شده است انتخاب کنید.

انجام عملیات ریاضی با استفاده از HTML امکان ندارد چون در حقیقت HTML را نمیتوان یک زبان برنامه نویسی محسوب کرد. HTML یک زبان علامت گذاری ابر متن است. برای انجام عملیات ریاضی باید از زبانهای برنامه نویسی نظیر PHP, ASP و JavaScript استفاده کرد. در این مورد استفاده از جاوا اسکرپت به دلیل اینکه برای اجرا شدن به امکانات اضافی در سرور احتیاج ندارد مناسب تر است.

فاکتوریل یک عدد برابر با حاصلضرب همه اعداد صحیح مثبت کوچکتر از عدد مورد نظر است. برای مثال فاکتوریل 5 به صورت زیر محاسبه می شود:

استثنایی که در فاکتوریل وجود دارد عدد صفر است. فاکتوریل عدد صفر برابر با 1 است.

با استفاده از تابع زیر میتوانیم فاکتوریل یک عدد را به دست آوریم:

function factorial (aNumber) {
	// این قسمت در صورتی که عدد وارد شده به صورت اعشاری باشد آنرا به اولین عدد صحیح بزرگتر از آن گرد میکند
	aNumber = Math.floor(aNumber);
	
	// این قسمت در صورتی که مقدار وارد شده منفی باشد یا عدد نباشد تابع را متوقف میکند
	if(!isFinite(aNumber) || aNumber < 0)
		return false;

	// این قسمت در صورتی که عدد وارد شده صفر باشد مقدار 1 را باز میگرداند
	if(aNumber == 0)
		return 1;
	
	var output = 1;
	for (i = 1; i <= aNumber; i++) {
		output *= i;
	}
	
	return output;
}

حالا نوبت به طراحی قسمت مربوط به وارد کردن عدد و نمایش نتیجه در صفحه می رسد. برای این کار میتوانیم از کد زیر استفاده کنیم:

عدد مورد نظر را وارد کنید:
<input type="text" name="number" id="number" size="10">
<input type="button" value="محاسبه" onclick="CountResult()">
<input type="text" name="result" id="result">

ما برای راحتی کار از تابع زیر برای خواندن عدد مورد نظر و نمایش نتیجه آن استفاده میکنیم:

function CountResult() {
	// خواندن عدد ورودی
	var inputNumber = document.getElementById("number").value;
	// اجرای تابع محاسبه فاکتوریل
	var result = factorial(inputNumber);

	if(!result) {
		alert("مقدار وارد شده معتبر نیست");
	}
	else {
		document.getElementById("result").value = result;
	}
}

در اینجا میتوانید کد صفحه ای را که برای برای پیدا کردن فاکتوریل اعداد طراحی کردیم مشاهده کنید:

<html>
<head>
<script type="text/javascript">
function factorial(aNumber) {
	aNumber = Math.floor(aNumber);
	if(!isFinite(aNumber) || aNumber < 0)
		return false;
	if(aNumber == 0)
		return 1;
	var output = 1;
	for (i = 1; i <= aNumber; i++) {
		output *= i;
	}
	return output;
}

function CountResult() {
	var inputNumber = document.getElementById("number").value;
	var result = factorial(inputNumber);
	if(!result) {
		alert("مقدار وارد شده معتبر نیست");
	}
	else {
		document.getElementById("result").value = result;
	}
}
</script>
</head>
<body dir="rtl">
<p>
عدد مورد نظر را وارد کنید:
<input type="text" name="number" id="number" size="10">
<input type="button" value="محاسبه" onclick="CountResult()">
<input type="text" name="result" id="result" size="10">
</p>
</body>
</html>

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

برای اینکه لینکی در صفحه جدید باز شود باید به شناسه target آن لینک مقدار blank_ داده شود که این کار را میتوان در هنگام نوشتن کدهای صفحه انجام داد.

روش دیگری که میتوان برای این کار دنبال کرد استفاده از جاوا اسکرپت است. البته باید احتمال اینکه جاوا اسکرپت در مرورگر کاربر غیر فعال باشد را در نظر داشتنه باشید. با استفاده از جاوا اسکرپت میتوانیم همه لینکهای موجود در صفحه را مشخص کنیم و شناسه target را.

برای پیدا کردن همه لینکهای موجود در صفحه میتوانیم از دستور زیر استفاده کنیم:

شیئ links همه لینکهایی را که در صفحه وجود دارد به صورت یک آرایه باز می گرداند. این آرایه شامل لینکهایی که با استفاده از تگ area ساخته شده اند هم می شود ولی لینکهایی داخلی صفحه را شامل نمی شود.

حالا که ما ارایه ای از همه لینکهای موجود در صفحه داریم میتوانیم برای تغییر شناسه target در هر یک از آنها از یک حلقه ساده کمک بگیریم. در ابتدا باید تعداد لینکهای موجود در صفحه را برای مشخص کردن نقطه پایان حلقه داشته باشیم که برای این کار میتوانیم از مشخصه length استفاده کنیم. به این صورت:

حلقه مورد نظر را میتونیم به صورت زیر بنویسیم:

برای اینکه این کد با مرورگرهای مختلف مشکل پیدا نکند آنرا به صورت یک تابع نوشته و با استفاده از رویداد onload اجرا می کنیم. در اینجا میتوانید کدی را که باید در بخش HEAD صفحه خود قرار دهید مشاهده میکنید:

<script type="text/javascript">
function Links_in_NewWindow () {
	for ( i = 0; i < document.links.length; i++ ) {
		document.links[i].target = "_blank"
	}
}

window.onload = Links_in_NewWindow;
</script>

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

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

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

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

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

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