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

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

درخواست اطلاعات از کاربر

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

prompt('سؤال شما', ' ');

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

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

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

<html dir="rtl" >

<head>
<script language="javascript">
<!--
var yourname=prompt('لطفاً نام خود را وارد کنید', '');
if ( (yourname=='') || (yourname==null) )
{
yourname="ناشناس";
}
//-->
</script>
</head>

<body>
<script language="javascript">
<!--
document.write("<center><h1>سلام " +yourname+ " ،به سایت ما خوش آمدید <\/h1><\/center>");
//-->
</script>
</body>

</html>

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

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

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

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


نظرات بازدید کنندگان
Mon, 27 Apr 2009 07:59:51 +0430 نویسنده : farzin
mamnunam sitetun harf nadare
khaste nabashid
age tunestid  amoozeshe  groovy ham bezarid
merc mamnunam.
 
Wed, 18 Mar 2009 12:00:06 +0330 نویسنده : ehsan
سلام سایت بسیار مفیدی است مخصوصاً قسمت آزمایش کدهایش
من یک کد مي خواستم كه با استفاده از آن بتوانم اطلاعاتي راازشخص بگيرم واطلاعات به ايميلم ارسال شود
 
Wed, 18 Mar 2009 11:58:40 +0330 نویسنده : ehsan
سلام سایت بسیار مفیدی است مخصوصاً قسمت آزمایش کدهایش
من یک کد مي خواستم كه با استفاده از آن بتوانم اطلاعاتي راازشخص بگيرم واطلاعات به ايميلم ارسال شود
ممنون
 
Sun, 11 Jan 2009 14:16:18 +0330 نویسنده : علی
Age Mishe kod in form "ERSAL E NAZAR" ra ham bedin
 
Sat, 27 Dec 2008 10:37:54 +0330 نویسنده : nazila

سلام لطفا بگید search) چطوری درست میشه؟
 
Sun, 09 Nov 2008 01:49:13 +0330 نویسنده : ali
سلام سایت بسیار مفیدی است مخصوصاً قسمت آزمایش کدهایش
من یک کد مانند کد شرکت پست نیاز دارم که اطلاعاتی را در صورت نیاز از کاربر خواسته وباتکمیل فرم مانندی به ایمیل من بفرستد. اگر این کدرا به ایمیلم بفرستید ممنون می شوم لطفاً مطلعم کنید. باتشکر فراوان.
 
Sun, 27 Jul 2008 11:51:17 +0430 نویسنده : علیرضا
بدون php کار ناتمومه و خیلی از این اموزش ها بدون کاربرد(از نظر عملی)...واجبه حتما بزارید پی اچ پی رو هم.
یا علی,
 
Sun, 27 Jul 2008 10:26:38 +0430 نویسنده : علیرضا
سلام.....ممنون بابت زحماتتون.
برنامه ای برای آموزش PHP دارید؟  اگه بتونید اضافه کنید PHP رو فوق العاده می شه.

(امکانش هست پاسختونو ایمیل کنید واسم؟)
 
Sat, 19 Jul 2008 20:53:44 +0430 نویسنده : sara
salam,vaghean mamnonam.
man class e tarahe safahate web raftam vali hichi yad nagerfetam
har chi daram az shomastttttttttt
merccccccccccccccccccccc
 
Sun, 13 Jul 2008 19:33:15 +0430 نویسنده : hamedmax
با سلام خدمت شما
من واقعا تا حالا سایتی به باحالی سایت شما ندیده بودم
من دوست دارم که به وبلاگ من هم سری بزنی و نظرت رو بگی