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

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

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

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

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
با سلام خدمت شما
من واقعا تا حالا سایتی به باحالی سایت شما ندیده بودم
من دوست دارم که به وبلاگ من هم سری بزنی و نظرت رو بگی
 
Thu, 26 Jun 2008 23:25:21 +0430 نویسنده : ali asghar
سلام - من قبلا هم چند بار نظر دادم ولی این اولین بار است که سلام می دم چون که این پیام با پیام های قبلی ام خیلی فرق می کنه . وقتی نظرات دیگرو ن رو خوندم . تصمیم گرفتم که این پیام رو بدم... بعضی مثل آقایان مهدی -پرو بوی - اس جی و غیره که فقط نشسته اند تا کسی انرژی و وقت بگذارد و خیلی با غرور در مورد کارش نظر بدهند و ایراد بگیرند و نقد کنند آیا کسی نیست که به آنها بگوید اگر مردی خودت بساز و اگر نمی تونی از کسی که می تواند(نئوپرشیا) درخواست کن نه این که ایراد بگیری.و درخواستت خالی از کرنش باشد.........بگذریم روده درازی نکنم من که واقعا از این سایت نهایت لذت رو بردم و تا حالا با این همه چرخش تو اینترنت سایتی  به این قشنگی با این قالب زیبا تو سایتهای فارسی زبان ندیده بودم.
 
Thu, 26 Jun 2008 23:13:13 +0430 نویسنده : ali asghar
سنت شکنی کار هر کس نیست...... نئو پرشین می خواهد و هنر مردانگی.

تحسین باد که ایرانی گفتن شما را حق باد.

متشکر.........این سایت واقعا مرا سر حال و شاد کرد که بالاخره تو اینترنت یه سایت درست وحسابی و عالی پیدا شد.

این سایت رو به همه دوستانم معرفی خواهم کرد.

اهورا همواره همراهتان باد.
 
Thu, 26 Jun 2008 13:11:11 +0430 نویسنده : PROBOY
سلام دل انگیز،مطلبت در مورد جاوا در سطح خیلی خوبه و لی بهتره اونو تا سطح عالی ببریش بالا.اگه ممکنه یه لینک PDF هم برای آموزش هات بزار.
ممنوووووووووووووووونم!!
 
Fri, 13 Jun 2008 09:39:06 +0430 نویسنده : epro
عالیه
 
Thu, 05 Jun 2008 22:19:37 +0430 نویسنده : پيام
www.exa.gigfa.com
 
Thu, 05 Jun 2008 22:16:40 +0430 نویسنده : پيام
ايول به اين سايت که تکه
البته سايت من فعلا در مراحل طراحي
 
Mon, 02 Jun 2008 19:57:39 +0430 نویسنده : S-J
سلام به خاطر آموزشای توپتون ممممممممممممممنون
اگر امکانش هست آموزشهاتون را به صورت قابل دانلود بزارین + آموزش ASP,AJAX هم اضافه کنین. با تشکر
 
ساعت: 15:45 - تاریخ: 6 بهمن 1386 نویسنده : sara
sala mamnoon az saite kheili khubetun age mishe dar morede amuzeshe php va nahveye etasal be sql dar php   ham age chizi darid baram bezarid manoon
 
ساعت: 18:47 - تاریخ: 22 دی 1386 نویسنده : lorgaritm
سلام دوست عزیز واقعا به شما میگن یک کاربر درست .
ولی میگم تو این زمونه هرکسی اطلاعاتش رو مفت در اختیار دیگران نمی زاره شما چه طور اینکار رو کردی؟
بهتر نبود اصلا کتاب چاپ میکردی تا یه پولی هم گیرت میومد؟
 
ساعت: 17:04 - تاریخ: 15 دی 1386 نویسنده : اللهيار
سلام
خسته نباشيد از مطالب سايتت بهره بردم مرسي
من مخ فلش هستم اگه خواستي به سايتت ملحق شوم
تماس بگير به ايميلم
ياعلي
[email protected]