نرگس چنگیزی
مطالب مرتبط با طراحی صفحات وب
به عنوان پر مصرف ترين تگ مربوط به ورود اطلاعات بايد از تگ <input> نام برد. در اين تگ شناسه ای به نام type به تعيين نوع اطلاعات ورودی اختصاص دارد. مقادير ممکن برای اين شناسه به قرار زيرند: اگر ميخواهيد که بازديدکننده اطلاعاتی از قبيل متن، اعداد و ... را وارد کند از شناسه ای با مقدار "text" استفاده ميشود. برای تعيين مقصد ارسال اطلاعات بايد درون تگ form از شناسه ای به نام action استفاده کنيد. مقدار شناسه action آدرس يا url صفحه ای است که به دريافت و سپس پردازش اطلاعات دريافتی خواهد پرداخت. معمولا فايلهای بخش action برنامه ها و اسکريپت هائی نوشته شده با ربانهای cgi مانند ASP، Perl ، PHP و ... بوده و وظيفه آنها دريافت اطلاعات فرمها و سپس پردازش آنها ميباشد. در حال حاضر شما ميدانيد که براي اجرا شدن کدهاي جاوااسکريپت بايد آنها را در ميان تگهاي اچ تي ام ال بکار بريد. شايد اين سؤال برايتان پيش بيايد که در کجا بايد آنها را بنويسيد، آيا جاي خاصي دارند يا در هر کجا مي توانيد اينکار را انجام دهيد. کدهاي جاوااسکريپت مي توانند در هر کجاي سورس کد باشند اما بايد ابتدا تشخيص دهيد که بکاربردن هر قسمت از اسکريپت در کجا مناسب تر مي باشد. بطور کل کدهاي جاوااسکريپت به سه دسته تقسيم ميشوند، دسته اول از آنها در قسمت سر يعني head جاي مي گيرند. دسته دوم در قسمت بدنه کدهاي اچ تي ام ال نوشته می شوند. دسته سوم هم در يک فايل جداگانه و خارج از کدهاي html با پسوند js قرار مي گيرند.
text , checkbox , radio , password , hidden , submit , reset , button , file , image
اگر ميخواهيد که بازديدکننده فقط یک گزينه را از بين چند گزينه محدود انتخاب کند، از مقدار "radio" برای شناسه type استفاده کنيد
اگر ميخواهيد که بازديدکننده يک يا چند گزينه را از بين چندین گزينه محدود انتخاب کند، از مقدار "checkbox" برای شناسه type استفاده کنيد
در فرمها برای ارسال اطلاعات کسب شده از دکمه ای به نام ارسال يا Submit Button استفاده ميشود و در اثر کليک کاربر بروی اين دکمه "Submit" ، اطلاعات درون فرم توسط مرورگر به صفحه ای که شما تعیین میکنید ارسال خواهند شد.
تعيين مقدار "submit" برای شناسه type سبب نمايش دکمه Submit يا ارسال خواهد گرديد.
يكي از موارد كاربرد hidden ها اين است كه شما يک اطلاعاتي رو از يک صفحه دريافت ميكنيد و ميخواهيد اين اطلاعات رو در غالب تگ فرم، به همراه اطلاعات ديگري، به صفحه ديگر ارسال كنيد. به طوريكه كاربر متوجه آن hidden نشود. روش كار هم به اين ترتيب است كه با استفاده از يك زبان سمت سرور، آن اطلاعات را دريافت كرده و در value تگ hidden قرار ميدهيد. حالا براحتي ميتونيد آن را با فرم به صفحه ديگر (به همراه اطلاعات ديگر) بفرستيد.
استفاده فیلدهای hidden برای زمانی است که شما مقادیری دارید که میخواهید ازیک فرم به فرم های دیگر ارسال کنید بدون اینکه کاربر مجبور باشد اطلاعات را دوباره و دوباره تکرار کند!
1 | 0
امتياز: 0 | نظر شما: 1 2 3 4 5
برچسب ها: کاربرد, نوع ,hidden ,تگ, reset , button , file , imageinput ,form,Submit,
نوشتن اسکريپت در قسمت head
کليه کدهاي جاوااسکريپت به محض باز شدن يک صفحه وب در مرورگر اجرا مي شوند اما گاهي اوقات ما نياز داريم تا يک اسکريپت زودتر از کدهاي ديگر اجرا شده و يا آماده باشد تا در صورت لزوم فراخواني شود. که اينگونه کدها را بايد در قسمت سر و ما بين تگ head بنويسيم. بطور مثال شما نياز به اين داريد که به محض ورود کاربر به صفحه در همان ابتدا پيغامي ظاهر شود و تا کاربر آنرا تأييد نکرده است صفحه تکميل نشود. اسکريپتهاي قسمت سر هميشه آماده اجرا و يا آماده پاسخ به اتفاقي در صفحه وب هستند، که در اين مورد شما مطمئن هستيد اسکريپت مورد نظر قبل از هر چيزي در صفحه، اجرا خواهد شد. براي نوشتن کدهاي جاوااسکريپت بصورت زير عمل مي کنيد:
<html>
<head>
<title> ... </title>
<script language="javascript" type="text/javascript">
...... javascript codes ......
<script/>
<head/>
نوشتن اسکريپت در قسمت بدنه
هنگاميکه نياز داشته باشيد تا کدهاي جاوااسکريپت در بدنه فايل html اجرا شود آنها را در قسمت body صفحه وارد مي کنيد،
<html>
<head>
<head/>
<body>
<script language="javascript" type="text/javascript">
....... javascript codes ......
<script/>
<body/>
<html/>
شما حتي مي توانيد توسط کدهاي جاوااسکريپت قسمتي از يک صفحه را بسازيد يعني با ترکيب جاوااسکريپت و تگهاي اچ تي ام ال در body يک عنصر در صفحه وارد کنيد. کدهاي زير را بنويسيد و اجرا کنيد:
<html>
<head>
</head>
<body>
<script language="javascript" type="text/javascript">
document.write("<h1 align='center'> Hello my friends! </h1>");n
</script>
</body>
</html>
اجراي کد
لازم بذکر است که شما مي توانيد براي نظم دادن و جلوگيري از شلوغي قسمت بدنه يک اسکريپت بصورت function در قسمت head تعريف کنيد و در قسمت بدنه آنرا فراخواني کنيد .
فايل خارجي جاوااسکريپت
شما مي توانيد براي حفظ نظم تگهاي اچ تي ام ال در يک صفحه وب و يا براي جلوگيري از تکرار يک اسکريپت در صفحات يک وب سايت، کدهاي جاوااسکريپت را در يک فايل جداگانه نوشته و با پسوند js آنها را ذخيره کنيد سپس در هر قسمت و هر صفحه اي که لازم بود، وارد کنيد. خط زير را در برنامه Notepad نوشته و آنرا به اسم test.js ذخيره کنيد:
document.write(" JavaScript external file ")n
حالا يک فايل اچ تي ام ال بسازيد و تگهاي زير را در آن وارد کنيد سپس با يک اسم دلخواه آنرا در همان پوشه که فايل جاوااسکريپت را ذخيره کرده ايد قرار دهيد:
<html>
<head>
</head>
<body>
<script language="javascript" type="text/javascript" src="test.js">
<script/>
<body/>
<html/>
اگر مراحل را بدرستي انجام داده باشيد، جمله زير را در مرورگرتان مشاهده خواهيد کرد.
JavaScript external file
دقت کنيد که اگر فايل جاوااسکريپت را در پوشه اي جدا از فايل html قرار مي دهيد حتماً در خصوصيت src آدرس دقيق آنرا بنويسيد.
1 | 0
امتياز: 0 | نظر شما: 1 2 3 4 5
برچسب ها: کد,جاوااسکريپت ,head,بدنه,javascript,codes,document,write, JavaScript, external, file,
