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

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

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

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

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/\> ). این تفاوت بدین دلیل است که اسلش در جاوا اسکرپت به معنای تقسیم است و برای جلوگیری از اشتباه شدن آن با علامت تقسیم از یک بک اسلش قبل از آن استفاده می کنیم. در نتیجه استفاده از یک بک اسلش ( \ ) و بلافاصله بعد از آن یک اسلش ( / )


نظرات بازدید کنندگان
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 نویسنده : اللهيار
سلام
خسته نباشيد از مطالب سايتت بهره بردم مرسي
من مخ فلش هستم اگه خواستي به سايتت ملحق شوم
تماس بگير به ايميلم
ياعلي
rabinhood47@yahoo.com
 
ساعت: 07:25 - تاریخ: 11 دی 1386 نویسنده : مهدی
سلام
من مهدی دانشجو IT مطالبت خیلی کمکم کرد مرسی....

واقعا عالی بود فقط یه عیب داره بخش css خیلی وضعش خرابه.

یه چیزم کم داره....معمولا اموزش این چیزا نیاز به اموزش c هم داره اونم گیر بیاری بگذاری عالی مبشه پس اموزش c.
 
ساعت: 16:11 - تاریخ: 1386 نویسنده : مریم
عزیزم اگر برنامه آموزشی در مورد php داری برام بگذار واقعا ممنون
 
ساعت: 21:18 - تاریخ: 1386 نویسنده :
کارت درسته....
 
ساعت: 14:29 - تاریخ: 1386 نویسنده : اسماعیل دیناری
دستتون درد نکنه