تبليغاتX
دانلودمستقیم فیلم آموزشی،کتاب،جزوه،مقاله
دانلودمستقیم فیلم آموزشی،کتاب،جزوه،مقاله
دانلود مستقیم فیلم آموزشی ، کتاب ، جزوه ، مقاله ، هک

اولين سايت فارسي ارائه دهنده فيلم هاي آموزشي با لينك مستقيم دانلود

Facebook Style Auto complete | فیس بوک خودکار استراتژی کامل Jquery



ادامه مطلب...
Subscribe
ارسال در تاريخ شنبه چهاردهم آذر 1388 توسط سعيد
Autocomplete در میدان ورودی ، کاربران را قادر می سازد تا با سرعت بيشتري جستجو و فيلتر خود را انجام دهند. (پیدا کردن و انتخاب برخی ارزش ، leveraging جستجو و فیلتر).

براي دانلود پروژه به ادامه مطلب برويد....



ادامه مطلب...
Subscribe
ارسال در تاريخ شنبه چهاردهم آذر 1388 توسط سعيد

14 Steps: How to Use Divs: Dreamweaver Tutorial

دانلود مستقيم با سه كيفييت عالي



ادامه مطلب...
Subscribe
ارسال در تاريخ چهارشنبه پانزدهم مهر 1388 توسط سعيد

فيلم هاي آموزشي jQuery در چهار قسمت

In This jQuery Video tutorial, Learn how use the jQuery library in your own projects.
We'll start out by downloading the framework, creating our first function, examining
syntax, and more. Every day, I'll post a five-ten minute "training regimen" ...

Tags  :  jquery library framework function syntax animate



ادامه مطلب...
Subscribe
ارسال در تاريخ پنجشنبه نهم مهر 1388 توسط سعيد

This Javascript jQuery video tutorial, the author will demonstrate how to build an
advanced jQuery Plugin imgPreview from scratch. Get source and view demo at
http://james.padolsey.com/demos/imgPreview/full/

Playing Time 27:26



ادامه مطلب...
Subscribe
ارسال در تاريخ پنجشنبه نهم مهر 1388 توسط سعيد

 How to use Lightbox2 | چگونگی استفاده از Lightbox2

صبق درخواست چند نفر از بازديد كننده هاي محترم برای آموزشهای Lightbox2. با استفاده از Dreamweaver و در زمانی که شما این ویدئو رت تماشای مي كنيد  قادر به تنظیم و ویرایش بسیار خود LightBox 2 جاوا اسکریپت گالری عکس خواهيد شد.

لينك مستقيم دانلود با چهار كيفيت



ادامه مطلب...
Subscribe
ارسال در تاريخ یکشنبه پنجم مهر 1388 توسط سعيد
دانلود مستقيم فيلم آموزشي jQuery

اين فيلم حدودا  يك ساعت ونيم هستش كه درباره Jquery اطلاعات مي ده .

قيمت اين فيلم در سايت tutorialvid.com در حد 99 دلار زده شده براي دانلود.



ادامه مطلب...
Subscribe
ارسال در تاريخ شنبه چهارم مهر 1388 توسط سعيد
jquery

CSS, JS | آموزش استفاده |  دانلود

Subscribe
ارسال در تاريخ چهارشنبه یازدهم شهریور 1388 توسط سعيد

شما به کمک این مطلب آموزشی یاد میگیرید که چگونه از jQuery‌در ساخت لغزشگر تصاویر استفاده نمایید و از قدرت حیرت آور آن در متحرک سازی لغزشگرتان استفاده نمایید .

مرحله اول : HTML PAGE
یک صفحه جدید از نوع html ایجاد کنید و کد زیر را درون تگ قرار دهید.



ادامه مطلب...
Subscribe
ارسال در تاريخ چهارشنبه یازدهم شهریور 1388 توسط سعيد

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

 



ادامه مطلب...
Subscribe
ارسال در تاريخ چهارشنبه یازدهم شهریور 1388 توسط سعيد
 

همانطور که می دانید اولین زبان برنامه نویسی در سال 2009 جاوا است. این زبان برنامه نویسی توسط شرکت Sun Microsystem ساخته شده است. زبان برنامه نویسی جاوا به دلیل پر کاربرد بودن در کلیه زمینه ها مانند برنامه نویسی کامپیوتر , برنامه نویسی موبایل , برنامه نویسی وب فراگیر است. از ویژگی های مهم این زبان برنامه نویسی می توان به در دسترس بودن آن اشاره کرد به این صورت که شما با باز کردن Notepad سیستم خود می توانید شروع به نوشتن یک برنامه به زبان جاوا کنید. کتاب الکترونیکی آموزش ساخت بازی موبایل تحت جاوا دارای 513 صفحه و در 15 بخش متفاوت می باشد. این کتاب الکترونیکی رایگان به صورت بسیار بسیار کامل در مورد ساخت بازی موبایل تحت جاوا توضیح داده است. این توضیحات به قدری کامل است که هر سری از گوشی ها مانند نوکیا S40 و یا سونی اریکسون مدل k310 را به صورت جز به جز مورد برسی قرار داده است. امیدواریم با دانلود کردن و خواندن این کتاب الکترونیکی رایگان دانش شما در این زمینه افزایش یابد.

 



ادامه مطلب...
Subscribe
ارسال در تاريخ شنبه دهم مرداد 1388 توسط سعيد

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

قسمت اول

قسمت دوم 

قسمت سوم

قسمت چهارم

قسمت پنجم

  Subscribe
ارسال در تاريخ شنبه بیستم تیر 1388 توسط سعيد
مرجع لاتین برای آموزش زبان اسکریپتی جی کوئری.(مرجع لاتین جی کوئری).

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

دانلود لینک مستقیم

 حجم: 2.71MB

Subscribe
ارسال در تاريخ شنبه بیستم تیر 1388 توسط سعيد
سلام
این مجموعه مقالات آموزش JQuery در هفته نامه کلیک روزنامه جام جم هست که مدتی پیش چاپ شده

مقالات به صورت 26 فایلPDF :
کد:
http://files.myopera.com/mm-rostamiani/Ebook/JQuery_Learning(Click%20-%20JameJam).zip
13 مقاله از این سری در وبلاگ نویسنده(پوریا سلیمی) :
کد:
http://ipooya.com/topic/jquery
Subscribe
ارسال در تاريخ شنبه بیستم تیر 1388 توسط سعيد

jQuery به عنوان یکی از بهترین و قدرتمندترین کتابخانه‌های موجود JavaScript همواره مورد اقبال طراحان و برنامه‌نویسان حرفه‌ای وب بوده است. با اعلام پشتیبانی رسمی مایکروسافت از این کتابخانه و نیز قرارگیری آن در ASP.NET MVC محبوبیت آن در بین برنامه‌نویسان دات نت دو چندان شده است

jquery

اين هم آموزش هاي JQUERY كه تو 5 قسمت مي تونيد دانلود كنيد با لينك مستقيم

pass  : unicomp.ir

دانلود مستقيم قسمت اول

دانلود مستقيم قسمت دوم

دانلود مستقيم قسمت سوم

دانلود مستقيم قسمت چهارم

دانلود مستقيم قسمت پنجم

 

Subscribe
ارسال در تاريخ شنبه بیستم تیر 1388 توسط سعيد
آموزش مقدماتي jQuery

روز 1 : مشاهده سايت اصلي، دريافت
Day 1: Downloading the Library

روز 2 : مشاهده سايت اصلي، دريافت
Day 2: Fade, Slide, and Show Methods

روز 3 :

ادامه مطلب...
Subscribe
ارسال در تاريخ دوشنبه هجدهم خرداد 1388 توسط سعيد
Thickbox يكي از پلاگين‌هاي jQuery است كه جهت نمايش صفحات modal بكار مي‌رود.

روش استفاده بسيار ساده‌اي هم دارد:
الف) jquery.js بايد به صفحه معرفي شود.
ب) سپس thickbox.js بايد به صفحه الحاق شود.
ج) و فايل css آن يعني thickbox.css نيز بايد به صفحه افزوده شود.

براي استفاده از آن كافي است يك لينك به صفحه اضافه كنيد كه ويژگي class آن مساوي thickbox باشد. مثلا:

ادامه مطلب...
Subscribe
ارسال در تاريخ دوشنبه هجدهم خرداد 1388 توسط سعيد
جاوا اسکریپت جیبی

لينك دانلود

Subscribe
ارسال در تاريخ سه شنبه دوازدهم خرداد 1388 توسط سعيد
سلام اين هم يه آموزش عالي براي جاوا اسكريپت براي همه

لينك مستقيم دانلود

pass  : unicomp

Subscribe
ارسال در تاريخ شنبه پنجم بهمن 1387 توسط سعيد
سورس كد جاوا براي تبديل تقويم ميلادي به شمسي
 
 
دومی هم یکی از شگرد های جالب در جاوا اسکریپت نمی گم تا سوپرایزشید......
 
Subscribe
ارسال در تاريخ پنجشنبه چهاردهم آذر 1387 توسط سعيد
 

دانلود با لینک مستقیم

Subscribe
ارسال در تاريخ شنبه نهم آذر 1387 توسط سعيد
بررسی کلاسهای حوزه این زبان برنامه نویسی

پکیج Java.lang 

کلاس Math

این کلاس در پکیج java.lang  تعریف شده است و به طوری خودکار در هر برنامه ای قابل استفاده است . این کلاس اغلب حاوی متد هایی است که عملیات ریاضی را انجام می دهند . در زبر بعضی از متد های سودمند این کلاس را بررسی می کنیم :

این کلاس را بررسی می کنم :

توابع مثلثاتی Sin , Cos , Tan, Cot

هر کدام از اینها دارای یک پارامتری از نوع double هستند که خروجی آنها نیز double است . همچنین متد های todegrees ، پارامتر خود را به درجه و toradians پارامتر خود را به رادیان تبدیل می کند .

متد های Min و Max



ادامه مطلب...
Subscribe
ارسال در تاريخ پنجشنبه هفتم آذر 1387 توسط سعيد
اكشن اسكريپت بسيار شبيه به هسته زبان برنامه نويسي جاوا اسكريپت است . نيازي به دانستن جاوا اسكريپت براي ياد گيري اكشن اسكريپت نيست ، اما با دانستن آن...

اكشن اسكريپت بسيار شبيه به هسته زبان برنامه نويسي جاوا اسكريپت است . نيازي به دانستن جاوا اسكريپت براي ياد گيري اكشن اسكريپت نيست ، اما با دانستن آن ، اكشن اسكريپت براي شما كمي آشنا خواهد بود .
انجمن شركت هاي كامپيوتري اروپا ECMA در سند رسمي شماره 262 خود جاوا اسكريپت و طرز استفاده استاندارد هاي آن را ثبت نموده است و اكشن اسكريپت نيز بر پايه آن سند پايه ريزي شده است .
چندي از تفاوت هاي اكشن اسكريپت و جاوا اسكريپت :
• اكشن اسكريپت از آبجكت هاي سمت سرور مانند Browser, window ,anchor پشتيباني نمي كند .
• اكشن اسكريپت بطور كامل از آبجكت هاي داخلي جاوا اسكريپت پشتيباني نميكند .
• اكشن اسكريپت از بعضي ساختارهاي دستوري پشتيباني ميكند كه در جاوا اسكريپت ممنوع است ( بطور مثال ifFrameloaded و اسلش ها) و جاوا اسكريپت نيز بعضي از سينتكس هاي خاص خود را دارد .مانند try , catch , throw , statement lables
• اكشن اسكريپت از فانكشن ساز هاي جاوا اسكريپت پشتيباني نميكند .
• در جاوا اسكريپت مقدار بازگشتي داده هاي undefined همان undefined است . اما در اكشن اسكريپت مقدارش “” ميشود(یعنی تهی) .
• در اكشن اسكريپت مقدار تعيين نشده در متغير هاي عددي NaN است . اما در مقدار تعيين نشده ها در عبارات وو متغير هاي عددي صفر است .
• در جاوا اسكريپت وقتي يك رشته نوع بولين دارد و طول رشته غير از صفر باشد ،نتيجه آن true است و اگر طول رشته صفر باشد مقدارش false ميشود . در اكشن اسكريپت رشته به عدد تبديل ميشود . اگر عدد غير صفر بود مقدار true ميدهد وگر نه مقدار false خواهد شد .
Subscribe
ارسال در تاريخ چهارشنبه بیست و دوم آبان 1387 توسط سعيد
 ویرایش کدها

1- غلط املايي :

در نوشتن window، دقت كنيد.

 ويندو، به صورت مفرد است. با نام سيستم عامل ويندوز، اشتباه نگيريد.

يا document و Mouse، جاي حروف o و u را اشتباه نكنيد.

يا كلماتي كه از لحاظ املايي، نزديك هم هستند؛

 مانند white (سفيد) with (با) While (حلقه).

2- كلمات رزرو شده و كليدي :

خيلي از كلمات برنامه‌نويسي، كلمات رزرو شده هستند

 يعني كلماتي كه از قبل در آن زبان، مورد استفاده قرار گرفته و داراي معناي خاصي هستند.

 از اين كلمات نمي‌شود به عنوان نام چيز ديگري، مانند تابع، استفاده كرد.

3- كلمات كليدي :

در نوشتن اين كلمات، خيلي دقت كنيد

 مخصوصا در بزرگ و كوچك بودن حروف.

همه متد و دستورها، در جاوا اسكريپت، با حرف كوچك، نوشته و شروع مي‌شود

 الا موارد خاصي مانند Array. البته شايد يك كلمه تركيبي باشد؛

چون هميشه اينگونه نوشته مي‌شود new Array.

4- دستورات تركيبي :

يعني دستوراتي كه از دو يا سه كلمه، تشكيل شده‌اند.

 مانند setTimeout, onMouseover كه از سه كلمه، تركيب شده‌اند.

 اولين كلمه اين دستورات، با حرف كوچك شروع شده، و دومين كلمه، با حرف بزرگ.

5- نام گذاري :

اسم بي‌مسمّي شنيده‌ايد؟ اسمي كه با شخص يا شيي ناميده شده، ربطی ندارد

 مثل اينكه به يك سگ سياه، بگوييم سفيد برفي.

 اسمي كه براي اشيا يا دستورات خود، انتخاب مي‌كنيد، بايد جنس و كار آن را نشان دهد.

مثلا مي‌خواهم تابعي بنويسم كه مطالب يك فرم را ارسال كند.

 نام دكمه ارسال را btnSubmit گذاشته، و نام تابع را funSubmit مي‌گذارم.
btn = مخفف button (دكمه)
fun = مخفف function (تابع)

استفاده از مخفف نوع اشيا، در راهنمايي شما يا

 كساني كه از برنامه‌يتان بازديد مي‌كنند، بسيار كمك مي‌كند.

6- مرتب نويسي :

كدها بايد طوري نوشته شود كه خوانا و واضح باشد.

 شايد در برنامه‌هاي كوتاه، ضرورتي براي اين كار ديده نشود

 اما در كدهاي عريض و طويل و پيچيده كه از دهها تابع ساخته شده‌اند، اين امر، ضروري است.

به ترتيب و چينش اين كدها دقت كنيد:

رعايت سر شاخه و زير مجموعه، در اين برنامه، نمايان است.

 يك مجموعه داريم كه تابع ما است. داخل آن تابع، يك شرط نوشته شده، و داخل آن شرط، چند دستور.

 با فاصله دادن آنها از كناره سمت چپ صفحه،

 آنها را از هم مجزا مي‌كنيم. به قرار گرفتن كُرشه‌ها، دقت كنيد.

7- پايان دستور :

در پايان هر دستور، از نقطه ويرگول (;) استفاده كنيد.


Subscribe
ارسال در تاريخ سه شنبه هفتم آبان 1387 توسط سعيد
توضیح مفاهیم جاوا اسکریپت

برنامه نويسي :

زبان برنامه نويسي، وسيله‌اي است براي ساختن برنامه و نرم‌افزار مورد نياز ما.

به طور كلي مي‌توانيم برنامه‌هاي خود را به دو گروه، تقسيم كنيم:
1- برنامه‌هايي كه در محيط رايانه، استفاده مي‌شوند.
2- برنامه‌هايي كه در محيط وب و اينترنت قابل استفاده هستند.

زبان كاربري :

بعضي از زبانهاي برنامه نويسي تحت وب، در طرف كاربر و كلاينت (Client)  اجراء مي‌شود.

 JavaScript, JScript, VBScript.

زبان سِـروري :

زبانهاي برنامه نويسي تحت وبي كه در طرف سرور (Sserver)   اجراء مي‌شود.

 asp, php.

جاوا اسكريپت :

با جاوا اسكريپت، مي‌توانيم برنامه‌اي بنويسيم كه هم در رايانه و هم در محيط اينترنت، قابل اجراء باشد.

 البته زادگاه اصلي آن، اينترنت است.

جاوا اسكريپت، از آن دسته از زبانهاست كه در طرف كاربر، عمل مي‌كند.

Object (شي) :

هر چيزي كه در صفحه ما وجود دارد، يك شي حساب مي‌شود و مي‌توان از آن استفاده كرد و تغييرش داد.

 اولين شي موجود، خود صفحه و سند (document) است، كه قبلا با آن آشنا شده‌ايد.

Properties (خصوصيات) :

هر شي، يك مشخصات و خصوصياتي دارد كه بيانگر كمّيت و كيفيت آنست.

 مثلا يك سند، داراي اين خصوصيات است:

 پس زمينه، عنوان (Title)، نوار وضعيت (Status)، نوار پيمايش (Scroll)، متن (Text)، لينك (Link).

Methods (متُد) :

کاري که اشياء مي‌توانند انجام دهند، متد ناميده مي‌شود.

مانند باز كردن يا بستن پنجره. شالوده و اصل يك زبان برنامه نويسي، متدهاي آن برنامه است

، كه ما بايد آنها را به خوبي ياد گرفته و در جاي مناسب استفاده نماييم.

 متدها، توسط سازندگان زبان برنامه نويسي، نوشته و تهيه مي‌شود و ممكن است

در نسخه‌هاي جديد آن زبان، تغيير داده شده، اضافه و تكميل شود.

Event (رويداد) :

رويداد، عملياتي است كه كاربر، در يك صفحه انجام مي‌دهد.

بعضي از رويدادها مشترك و عمومي هستند و بعضي مخصوص يك شي.

 بعضي از اين رويدادها را براي شما دسته بندي كرده‌ام كه حتما ذخيره نموده و به مرور آنرا كامل كنيد.

شرط:

يكي از ابزار و دستورات مهم هر زبانِ برنامه نويسي، شرط است.

ادات شرط :

1. if
2. switch ... case

معروفترين ادات شرط، if است.

ساختمان شرط :

 • جمله شرطي، از سه قسمت اصلي، تشكيل شده است.
1- ادات شرط: كلمه‌اي كه شرط را مي‌رساند؛ مانند اگر.
2- شرط: جمله‌اي كه شرطِ انجام كاري، واقع شده.
3- مشروط يا جزا: جمله‌اي كه جزاي شرط و در جواب آن آمده؛

 يعني در صورت تحقق شرط، آن نيز به وقوع مي‌پيوندد.

Operators (عملگرها) :

در برنامه نويسي، از علامت و نشانه‌هايي استفاده مي‌شود

كه به آن عمگر گفته مي‌شود. يكي از انواع عمگرها، عمگر شرطي مي‌باشد.

عمليات برنامه نويسي :

 • يك عمليات برنامه نويسي، داراي سه بخش، است.
1. دريافت داده. در اين قسمت، اسكريپت، اطلاعاتي را كه نياز دارد، مي‌گيرد.
2. پردازش داده. در اين قسمت، اطلاعاتي كه تهيه كرده، تجزيه و تحليل مي‌كند.
3. نمايش داده. در اين قسمت، اطلاعات پردازش شده را، ارائه مي‌كند.

ثابت و متغير :

بعضي از اطلاعاتي كه يك برنامه، به دست مي‌آورد، ثابت (Constant) است، و بعضي، متغير (Variable).

 متغير به اين معني كه يك چيز ثابت، مشخص و از پيش تعريف شده نيست.

 آنچه كه برنامه نويس، بيشتر با او سر و كار دارد، متغير است.

انواع متغير :

1- رشته‌اي (String):حروف و كلمه
2- عددي (Number):اعداد و ارقام (اعداد صحيح و اعشاري)
3- منطقي (Boolean):بله و خير

متغير سراسري، عمومي (Global گلوبال)
اگر متغير را خارج از تابع بنويسيد، عمومي است؛ چون مي‌شود در سرتاسر برنامه، آنرا صدا زده و مورد استفاده قرار داد.

متغير محلي، خصوصي (Localلوكال)
اگر متغيري را داخل تابع تعريف كنيد، خصوصي است؛

 يعني فقط در همان محل و همان تابع، كابرد دارد،

و بيرون از آن، نه مي‌شود صدا زد و نه مي‌شود استفاده كرد.

زمان :

زمان، داراي اجزا مختلف است

 يعني انسان، آنرا به بخشهاي مختلف تقسيم كرده تا قابل استفاده باشد.

قسمتي از آن،تاريخ (سال، ماه، هفته و روز) نام دارد،

و قسمتي از آن، به اجزا كوچكتر (ساعت، دقيقه و ثانيه) تقسيم شده،

وساعت، ناميده مي‌شود. البته معيار تاريخ در برنامه نويسي، ميلادي است.

براي تبديل به شمسي يا قمري، بايد از برنامه نويسي استفاده كنيد.

تابع :

تابع يا همان فانِكشين (Function)، مجموعه‌اي از يك يا چند كد است

كه در يك جا جمع شده و داراي نام شده‌اند.

آرگومان: گاهي، داخل پرانتزي كه بعد از نام تابع قرار مي‌گيرد،

چيزي نوشته مي‌شود به نام آرگومان كه يك نوع متغير است.

آرايه :

آرايه، مجموعه‌اي از چند داده (ثابت و متغير) است كه به عنوان يك واحد شناخته شده و اعضاي آن، با كد، مشخص شده‌اند.

به عبارت ديگر، تعدادي از اطلاعات كه در كنار هم قرار گرفته‌اند

و يك وجه مشترك داشته و به يك نام خوانده مي‌شوند.

حلقه :

 يكي ديگر از ويژگيهاي مفيد جاوا اسكريپت و همچنين ساير زبانهاي برنامه نويسي،

 توانايي ايجاد حلقه‌هاي تكرار، يا اجراي گروهي از دستورالعملها به صورت تكراري است.

اين، يكي از كارهايي است كه رايانه‌ها قادرند تا به خوبي آنها را انجام دهند، و آن چيزي نيست

 جز انجام كارهاي تكراري با دقت بالا.

در برنامه‌هاي اسكريپت، از حلقه‌هاي تكرار به عنوان يك ابزار قوي و مهم، استفاده‌هاي فراواني مي‌شود.
 

ادات حلقه :

 • از روشهاي مختلفي براي ايجاد حلقه، استفاده مي‌شود.

1. for
2. While
3. do ... while

معروفترين ابزار حلقه، for است.

ساختمان حلقه :

1. ابتداي حلقه:a = 0. اين عدد، شروع و ابتداي حلقه را معيّن مي‌كند.
2. انتهاي حلقه: a < 10. اين عدد، حداكثر و انتهاي حلقه - به عبارت ديگر، 3. افزايش يا كاهش: اين پارامتر، مشخص مي‌كند تعداد تكرار دستورات - را مشخص مي‌كند.
كه حلقه، در هر بار اجرا، يك واحد زياد شود يا كم.
4. جواب حلقه: حلقه، بي شباهت به شرط نيست. به عبارت ديگر: اگر متغير ما (a)، از 0 تا 10 تداوم داشت، نمايش پيام، ادامه داشته باشد.

فرم :

فرم وسيله‌اي است براي دريافت اطلاعات از كاربر.

method = نوع ارسال اطلاعات را معين مي‌كند، كه دو نوع است: post, get.

 اين دو روش با تفاوتهايي، عمليات ارسال را انجام ‌مي‌دهند. روش پُست، عمومي‌تر است و  از لحاظ امنيتي، برتري دارد.

 اگر متد را ننويسيد، از پُست، استفاده مي‌شود.

action = محلي را نشان مي‌دهد كه اطلاعات، براي پردازش،

 به آنجا ارسال خواهد شد؛ يعني آدرس يك صفحه است، كه در اينجا

 براي مثال، test.htm را انتخاب كرده‌ام.

name = نام فرم.

onSubmit = يك رويداد است. تابعي را كه در جاوا اسكريپت، نوشته‌ايد را صدا مي‌كند.

Get - Post = تفاوت بين اين دو، در چگونگي ارسال اطلاعات از فرم، به اسكريپت پردازشگر است.

  • اگر از روش گت، استفاده كنيد، مقدار اطلاعاتي كه مي‌توانيد ارسال كنيد، محدود است.
  • با استفاده از روش get، اطلاعات به دست آمده از فرم، به عنوان بخشي از يك URL، انتقال مي‌يابد؛ اما در روش post، اطلاعات، در حقيقت به صورت نامرئي، منتقل مي‌شود. اگر براي مثال، در روش گت، كاربر، يك رمز عبور را در فيلد پسورد، بنويسد، و فرد ديگري نيز در حال مشاهده صفحه نمايش كاربر باشد، به راحتي مي‌تواند از رمز عبور كاربر، آگاه شود. به عبارت ديگر، اين روش، در سطح امنيتي پايين‌تري از روش پست مي‌باشد.
  • صفحه‌اي كه حاوي فرمي با مشخصه گت است، مي‌تواند نشانه گذاري (Bookmark) شود؛ در حالي كه در روش پست، اين كار، ممكن نيست.

اشاره‌گر :

اشاره‌گر (Cursor)  همان شكلي است كه با حركت موس،

 در مانيتور، حركت مي‌كند و نمادي از انگشت و دست شماست براي اشاره به اشياء داخل صفحه.


Subscribe
ارسال در تاريخ سه شنبه هفتم آبان 1387 توسط سعيد
توضیح مفاهیم جاوا اسکریپت

برنامه نويسي :

زبان برنامه نويسي، وسيله‌اي است براي ساختن برنامه و نرم‌افزار مورد نياز ما.

به طور كلي مي‌توانيم برنامه‌هاي خود را به دو گروه، تقسيم كنيم:
1- برنامه‌هايي كه در محيط رايانه، استفاده مي‌شوند.
2- برنامه‌هايي كه در محيط وب و اينترنت قابل استفاده هستند.

زبان كاربري :

بعضي از زبانهاي برنامه نويسي تحت وب، در طرف كاربر و كلاينت (Client)  اجراء مي‌شود.

 JavaScript, JScript, VBScript.

زبان سِـروري :

زبانهاي برنامه نويسي تحت وبي كه در طرف سرور (Sserver)   اجراء مي‌شود.

 asp, php.

جاوا اسكريپت :

با جاوا اسكريپت، مي‌توانيم برنامه‌اي بنويسيم كه هم در رايانه و هم در محيط اينترنت، قابل اجراء باشد.

 البته زادگاه اصلي آن، اينترنت است.

جاوا اسكريپت، از آن دسته از زبانهاست كه در طرف كاربر، عمل مي‌كند.

Object (شي) :

هر چيزي كه در صفحه ما وجود دارد، يك شي حساب مي‌شود و مي‌توان از آن استفاده كرد و تغييرش داد.

 اولين شي موجود، خود صفحه و سند (document) است، كه قبلا با آن آشنا شده‌ايد.

Properties (خصوصيات) :

هر شي، يك مشخصات و خصوصياتي دارد كه بيانگر كمّيت و كيفيت آنست.

 مثلا يك سند، داراي اين خصوصيات است:

 پس زمينه، عنوان (Title)، نوار وضعيت (Status)، نوار پيمايش (Scroll)، متن (Text)، لينك (Link).

Methods (متُد) :

کاري که اشياء مي‌توانند انجام دهند، متد ناميده مي‌شود.

مانند باز كردن يا بستن پنجره. شالوده و اصل يك زبان برنامه نويسي، متدهاي آن برنامه است

، كه ما بايد آنها را به خوبي ياد گرفته و در جاي مناسب استفاده نماييم.

 متدها، توسط سازندگان زبان برنامه نويسي، نوشته و تهيه مي‌شود و ممكن است

در نسخه‌هاي جديد آن زبان، تغيير داده شده، اضافه و تكميل شود.

Event (رويداد) :

رويداد، عملياتي است كه كاربر، در يك صفحه انجام مي‌دهد.

بعضي از رويدادها مشترك و عمومي هستند و بعضي مخصوص يك شي.

 بعضي از اين رويدادها را براي شما دسته بندي كرده‌ام كه حتما ذخيره نموده و به مرور آنرا كامل كنيد.

شرط:

يكي از ابزار و دستورات مهم هر زبانِ برنامه نويسي، شرط است.

ادات شرط :

1. if
2. switch ... case

معروفترين ادات شرط، if است.

ساختمان شرط :

 • جمله شرطي، از سه قسمت اصلي، تشكيل شده است.
1- ادات شرط: كلمه‌اي كه شرط را مي‌رساند؛ مانند اگر.
2- شرط: جمله‌اي كه شرطِ انجام كاري، واقع شده.
3- مشروط يا جزا: جمله‌اي كه جزاي شرط و در جواب آن آمده؛

 يعني در صورت تحقق شرط، آن نيز به وقوع مي‌پيوندد.

Operators (عملگرها) :

در برنامه نويسي، از علامت و نشانه‌هايي استفاده مي‌شود

كه به آن عمگر گفته مي‌شود. يكي از انواع عمگرها، عمگر شرطي مي‌باشد.

عمليات برنامه نويسي :

 • يك عمليات برنامه نويسي، داراي سه بخش، است.
1. دريافت داده. در اين قسمت، اسكريپت، اطلاعاتي را كه نياز دارد، مي‌گيرد.
2. پردازش داده. در اين قسمت، اطلاعاتي كه تهيه كرده، تجزيه و تحليل مي‌كند.
3. نمايش داده. در اين قسمت، اطلاعات پردازش شده را، ارائه مي‌كند.

ثابت و متغير :

بعضي از اطلاعاتي كه يك برنامه، به دست مي‌آورد، ثابت (Constant) است، و بعضي، متغير (Variable).

 متغير به اين معني كه يك چيز ثابت، مشخص و از پيش تعريف شده نيست.

 آنچه كه برنامه نويس، بيشتر با او سر و كار دارد، متغير است.

انواع متغير :

1- رشته‌اي (String):حروف و كلمه
2- عددي (Number):اعداد و ارقام (اعداد صحيح و اعشاري)
3- منطقي (Boolean):بله و خير

متغير سراسري، عمومي (Global گلوبال)
اگر متغير را خارج از تابع بنويسيد، عمومي است؛ چون مي‌شود در سرتاسر برنامه، آنرا صدا زده و مورد استفاده قرار داد.

متغير محلي، خصوصي (Localلوكال)
اگر متغيري را داخل تابع تعريف كنيد، خصوصي است؛

 يعني فقط در همان محل و همان تابع، كابرد دارد،

و بيرون از آن، نه مي‌شود صدا زد و نه مي‌شود استفاده كرد.

زمان :

زمان، داراي اجزا مختلف است

 يعني انسان، آنرا به بخشهاي مختلف تقسيم كرده تا قابل استفاده باشد.

قسمتي از آن،تاريخ (سال، ماه، هفته و روز) نام دارد،

و قسمتي از آن، به اجزا كوچكتر (ساعت، دقيقه و ثانيه) تقسيم شده،

وساعت، ناميده مي‌شود. البته معيار تاريخ در برنامه نويسي، ميلادي است.

براي تبديل به شمسي يا قمري، بايد از برنامه نويسي استفاده كنيد.

تابع :

تابع يا همان فانِكشين (Function)، مجموعه‌اي از يك يا چند كد است

كه در يك جا جمع شده و داراي نام شده‌اند.

آرگومان: گاهي، داخل پرانتزي كه بعد از نام تابع قرار مي‌گيرد،

چيزي نوشته مي‌شود به نام آرگومان كه يك نوع متغير است.

آرايه :

آرايه، مجموعه‌اي از چند داده (ثابت و متغير) است كه به عنوان يك واحد شناخته شده و اعضاي آن، با كد، مشخص شده‌اند.

به عبارت ديگر، تعدادي از اطلاعات كه در كنار هم قرار گرفته‌اند

و يك وجه مشترك داشته و به يك نام خوانده مي‌شوند.

حلقه :

 يكي ديگر از ويژگيهاي مفيد جاوا اسكريپت و همچنين ساير زبانهاي برنامه نويسي،

 توانايي ايجاد حلقه‌هاي تكرار، يا اجراي گروهي از دستورالعملها به صورت تكراري است.

اين، يكي از كارهايي است كه رايانه‌ها قادرند تا به خوبي آنها را انجام دهند، و آن چيزي نيست

 جز انجام كارهاي تكراري با دقت بالا.

در برنامه‌هاي اسكريپت، از حلقه‌هاي تكرار به عنوان يك ابزار قوي و مهم، استفاده‌هاي فراواني مي‌شود.
 

ادات حلقه :

 • از روشهاي مختلفي براي ايجاد حلقه، استفاده مي‌شود.

1. for
2. While
3. do ... while

معروفترين ابزار حلقه، for است.

ساختمان حلقه :

1. ابتداي حلقه:a = 0. اين عدد، شروع و ابتداي حلقه را معيّن مي‌كند.
2. انتهاي حلقه: a < 10. اين عدد، حداكثر و انتهاي حلقه - به عبارت ديگر، 3. افزايش يا كاهش: اين پارامتر، مشخص مي‌كند تعداد تكرار دستورات - را مشخص مي‌كند.
كه حلقه، در هر بار اجرا، يك واحد زياد شود يا كم.
4. جواب حلقه: حلقه، بي شباهت به شرط نيست. به عبارت ديگر: اگر متغير ما (a)، از 0 تا 10 تداوم داشت، نمايش پيام، ادامه داشته باشد.

فرم :

فرم وسيله‌اي است براي دريافت اطلاعات از كاربر.

method = نوع ارسال اطلاعات را معين مي‌كند، كه دو نوع است: post, get.

 اين دو روش با تفاوتهايي، عمليات ارسال را انجام ‌مي‌دهند. روش پُست، عمومي‌تر است و  از لحاظ امنيتي، برتري دارد.

 اگر متد را ننويسيد، از پُست، استفاده مي‌شود.

action = محلي را نشان مي‌دهد كه اطلاعات، براي پردازش،

 به آنجا ارسال خواهد شد؛ يعني آدرس يك صفحه است، كه در اينجا

 براي مثال، test.htm را انتخاب كرده‌ام.

name = نام فرم.

onSubmit = يك رويداد است. تابعي را كه در جاوا اسكريپت، نوشته‌ايد را صدا مي‌كند.

Get - Post = تفاوت بين اين دو، در چگونگي ارسال اطلاعات از فرم، به اسكريپت پردازشگر است.

  • اگر از روش گت، استفاده كنيد، مقدار اطلاعاتي كه مي‌توانيد ارسال كنيد، محدود است.
  • با استفاده از روش get، اطلاعات به دست آمده از فرم، به عنوان بخشي از يك URL، انتقال مي‌يابد؛ اما در روش post، اطلاعات، در حقيقت به صورت نامرئي، منتقل مي‌شود. اگر براي مثال، در روش گت، كاربر، يك رمز عبور را در فيلد پسورد، بنويسد، و فرد ديگري نيز در حال مشاهده صفحه نمايش كاربر باشد، به راحتي مي‌تواند از رمز عبور كاربر، آگاه شود. به عبارت ديگر، اين روش، در سطح امنيتي پايين‌تري از روش پست مي‌باشد.
  • صفحه‌اي كه حاوي فرمي با مشخصه گت است، مي‌تواند نشانه گذاري (Bookmark) شود؛ در حالي كه در روش پست، اين كار، ممكن نيست.

اشاره‌گر :

اشاره‌گر (Cursor)  همان شكلي است كه با حركت موس،

 در مانيتور، حركت مي‌كند و نمادي از انگشت و دست شماست براي اشاره به اشياء داخل صفحه.


Subscribe
ارسال در تاريخ سه شنبه هفتم آبان 1387 توسط سعيد
 کلمات تخصصی جاوا اسکریپت

كـُد (Code): دستور و فرماني كه به زبان برنامه نويسي، نوشته شده.

تَـگ (Tag): كوچكترين جزء يك كد. مثلا تگ سر = ؛ تگ بدنه = ؛ تگ اسكريپت = . هر تگ بايد در داخل اين دو علامت < >، قرار گيرد.

پارامتر (Parameter): مقداري كه براي تگ، نوشته مي‌شود. مثلا براي تگ خط، معيّن مي‌كنيم كه از چه نوعي، به چه اندازه‌اي و چه رنگي باشد.

 مثال: كلمه ‍Color، در تگ Font، پارامتري است كه رنگ متن را مشخص مي‌كند.

 پارامتر را شايد بتوان اين گونه تعريف كرد كه "قيد حالت است براي تگ". تگ اسكريپت، هم داراي پارامترهايي است.

document = سند، صفحه جاري، پنجره‌اي كه در آن كار مي‌كنيد

document.bgColor = رنگ پس زمينه سند

new Date: متدِ زمان به صورت كلي و مطلق است. بعد از آن بايد نوع زمان خود را مشخص كنيد

 يعني چه قسمتي از زمان را مي‌خواهيد بدانيد؛ سال، ماه، هفته، روز و ... . به تنهايي چيزي را نشان نمي‌دهد.

toLocaleString: متدي براي به دست آوردن زمان كامل (تاريخ و ساعت) است كه به عنوان خصوصيت، براي زمان كلي استفاده مي‌شود.

document.write: متدي كه براي نوشتن متن در صفحه استفاده مي‌شود.

document.writeln: مانند دستور قبلي عمل مي‌كند؛ با اين تفاوت كه يك فاصله تا رشته قبلي، ايجاد مي‌كند.

; : به اين علامت، سِمي كالـِن گفته مي‌شود كه در پايان هر دستور، مي‌آيد؛ هر چند در جاوا، اجباري نيست.

// : به اين علامت، كامنت (Comment) گفته مي‌شود كه براي نوشتن توضيح، در ميان كدهاي برنامه نويسي است.

 هر عبارتي كه بعد از اين علامت بيايد، توسط برنامه، خوانده و اجرا نمي‌شود و صرفا ً توضيحي است كه برنامه نويس، يادداشت كرده.

ID: آي‌دي، همان نام (Name) شي است؛ البته گاهي در عمل تفاوتهايي با هم دارند.

innerText: با اين دستور، متن يك تگ در قسمت بدنه  نمايش داده مي‌شود؛ و مي‌توانيم  آنرا تغيير داده و ويرايش كنيم.

outerHTML - innerHTML - outerText: اين 3 متد، شبيه دستور قبلي است؛ البته با كمي تفاوت.

setTimeout: دستور تايمر و زمان شمار است. بعد از آن، يك جفت پرانتز، قرار دارد كه داخلش، دو پارامتر نوشته مي‌شود:

1. اسم چيزي است كه قرار است اجرا شود؛ مانند يك تابع.

2. زماني كه تايمر در آن فعال خواهد شد. واحد زمان، ميلي ثانيه است. (1000 = يك ثانيه)

setInterval: دستور تايمر و زمان شمار است. مانند دستور قبل، عمل مي‌كند.

Table = جدول.

Row = سطر، ستون افقي.

Cell = سلول، خانه‌هاي جدول.

Subscribe
ارسال در تاريخ سه شنبه هفتم آبان 1387 توسط سعيد
عملیات برنامه نویسی با زبان جاوا اسکریپت

يك عمليات برنامه نويسي، داراي سه بخش، است.
1. دريافت داده. در اين قسمت، اسكريپت، اطلاعاتي را كه نياز دارد، مي‌گيرد.
2. پردازش داده. در اين قسمت، اطلاعاتي كه تهيه كرده، تجزيه و تحليل مي‌كند.
3. نمايش داده. در اين قسمت، اطلاعات پردازش شده را، ارائه مي‌كند.

راه دريافت داده :

به نظر شما، يك اسكريپت، از چه راهي اطلاعات خود را به دست مي‌آورد؟  از 3 روش.
1. برنامه نويس. معمولا شما به عنوان برنامه نويس، اطلاعاتي را به او مي‌دهيد. مثلا يك كلمه عبور و پسورد را ذخيره مي‌كنيد، كه اگر كلمه‌اي كه كاربر وارد كرده با آن، يكي بود، اجازه ورود به او مي‌دهد؛ وگرنه با يك پيام خطا، مانع ورود او مي‌شود.


2. كاربر. بعضي از اوقات، كاربر، اطلاعاتي را به برنامه شما مي‌دهد؛ مانند مثال قبلي، كه كلمه‌اي را به عنوان كلمه عبور، وارد كرده.


3. سيستم. در بسياري از مواقع، اين سيستم و رايانه شماست كه منبع اطلاعاتي برنامه است. مثلا براي نمايش زمان و تاريخ، با يك متد ساده، تاريخ مورد نظر را از رايانه، به دست آورده و نمايش مي‌دهيد.
 

انواع داده (ثابت و متغير) :

بعضي از اطلاعاتي كه يك برنامه، به دست مي‌آورد، ثابت (Constant) است، و بعضي، متغير (Variable).

 متغير به اين معني كه يك چيز ثابت، مشخص و از پيش تعريف شده نيست. آنچه كه برنامه نويس، بيشتر با او سر و كار دارد، متغير است.


به مثال قبلي دقت كنيد. به نظر شما كدام قسمت از داده‌ها، ثابت و مشخص است، و كدام، متغير و تعريف نشده؟

كلمه‌اي كه برنامه نويس نوشته، مشخص و ثابت است، و كلمه‌اي كه كاربر، ممكن است وارد كند، نامشخص و متغير.

 زمان و تاريخي كه از رايانه دريافت مي‌شود، چطور؟ ثابت است يا متغير؟

اميدوارم مطلب، براي شما واضح شده باشد.
 

معرفي متغير و ثابت :

بعد از اين مقدمه، بايد ياد بگيريد كه چگونه مي‌شود يك متغير، به زبان برنامه نويسي نوشت.

 تا اينجاي درس، ميان تمام زبانهاي برنامه نويسي مشترك بوده؛ ولي نوشتن و مشخص كردن ثابت و متغير، در زبانها، مختلف است.

 مثلا در زبان ويژوال بيسيك و VB Script با Dim، يك متغير را معرفي ‌مي‌كنند و با Const، يك ثابت را.

 در حالي كه در زبان دلفي، PHP و جاوا اسكريپت با Var، متغير معرفي مي‌شود.

متغير در جاوا اسكريپت :

1. نام گذاري متغير
مي‌توانيم براي هرچيزي نامي انتخاب كنيم - مثلا براي اطلاعات، يا متدهاي جاوا

 و به جاي آنكه مرتبا اسم بلند و طويل، و گاهي مشكل آن متد را بنويسيم، نامي كه خودمان برايش انتخاب كرديم را صدا مي‌كنيم.

- يك متغير را در جاوا، بعد از كلمه كليدي var و به اين صورت مي‌نويسند: var name.


- به جاي name، هر اسمي كه دوست داريد بنويسيد. البته بهتر است اسم انتخابي شما، مناسب با نوع متغير باشد.


- هر كجا كه var  نوشته شده، مشخص است كه متغيري را مي‌خواهند تعريف كنند.

2. مقدار دهي متغير
- مقدار دهي يعني مشخص كنيم كه اين متغير، برابر با چه داده و اطلاعاتي است.


- اين كار را با علامت = انجام مي‌دهيم. اول، نام متغير را نوشته، و بعد از آن مساوي،

 و سپس داده يا متد مورد نظر را يادداشت مي‌كنيم. به اين صورت:

var name = new Date ();

مثال: قرار است  برنامه‌اي بنويسيم كه زمان را به ما نمايش دهد.

وسايل مورد نياز:

window = شي صفحه است، كه داراي  متدهاي مختلفي است.

window.scroll = متد اسكرول صفحه. داخل پرانتز، دو پارامتر دارد كه دو عدد هستند كه موقعيت صفحه را نشان مي‌دهند.

 اولي، موقعيت فعلي صفحه؛ دومي، موقعيتي كه بايد به آنجا برسد.

window.scrollTo - window.scrollBy = دو متد ديگر از parent هستند. با تمرين، به دست آورديد كه چه كاري انجام مي‌دهند.

parent = معادل window است و در مورد اسكرول، مي‌تواند به جاي آن قرار گيرد.


كد اسكريپت
متد زمان new Date (), toLocaleString()
متد نوشتن document.write ( )

با استفاده از اين وسايل و از روشي كه گفته شد - دريافت داده - پيش مي‌رويم.
 

 

 • دستور و متدهاي زمان.

متدهاي زمان

new Date () زمان Thu Nov 23 22:19:08 UTC+0330 2006

Thursday, November 23, 2006 10:19:08 PM

Thursday, November 23, 2006

10:19:08 PM

Thu, 23 Nov 2006 18:49:08 UTC

2006

10

4

23

22

19

8

toLocaleString () زمان كامل
toLocaleDateString () فقط تاريخ
toLocaleTimeString () فقط ساعت
toGMTString() زمان بين المللي
getYear() سال
getMonth() ماه
getDay() روز هفته
getDate() روز ماه
getHours() ساعت
getMinutes() دقيقه
getSeconds() ثانيه

جدول شماره 4

 زمان، داراي اجزا مختلف است؛ يعني انسان، آنرا به بخشهاي مختلف تقسيم كرده تا قابل استفاده باشد.

 قسمتي از آن، تاريخ (سال، ماه، هفته و روز) نام دارد، و قسمتي از آن، به اجزا كوچكتر (ساعت، دقيقه و ثانيه) تقسيم شده، و ساعت، ناميده مي‌شود.

 البته معيار تاريخ در برنامه نويسي، ميلادي است.

 براي تبديل به شمسي يا قمري، بايد از برنامه نويسي استفاده كنيد.

در مثال قبل، مي‌توانيد به جاي getHours، از متدهاي ديگر استفاده كنيد.

پيشنهاد ميكنم هر كدام از آنها را به صورت جداگانه در document.write، قرار داده و نتيجه‌اش را ببينيد.

واژه نامه

new Date: متدِ زمان به صورت كلي و مطلق است.

 بعد از آن بايد نوع زمان خود را مشخص كنيد؛ يعني چه قسمتي از زمان را مي‌خواهيد بدانيد؛ سال، ماه، هفته، روز و ... . به تنهايي چيزي را نشان نمي‌دهد.


toLocaleString: متدي براي به دست آوردن زمان كامل (تاريخ و ساعت) است كه به عنوان خصوصيت، براي زمان كلي استفاده مي‌شود.


document.write: متدي كه براي نوشتن متن در صفحه استفاده مي‌شود.


document.writeln: مانند دستور قبلي عمل مي‌كند؛ با اين تفاوت كه يك فاصله تا رشته قبلي، ايجاد مي‌كند.


; : به اين علامت، سِمي كالـِن گفته مي‌شود كه در پايان هر دستور، مي‌آيد؛ هر چند در جاوا، اجباري نيست.


// : به اين علامت، كامنت (Comment) گفته مي‌شود كه براي نوشتن توضيح، در ميان كدهاي برنامه نويسي است.

 هر عبارتي كه بعد از اين علامت بيايد، توسط برنامه، خوانده و اجرا نمي‌شود و صرفا ً توضيحي است كه برنامه نويس، يادداشت كرده.

Subscribe
ارسال در تاريخ سه شنبه هفتم آبان 1387 توسط سعيد
 ارتباط موس و صفحه کلید با جاوا اسکریپت

موس و صفحه كليد، به عنوان گيرندههاي رايانه هستند كه به وسيله آنها مطالب را وارد مي‌كنيم.

 مثلا براي نوشتن اين متن، از صفحه كليد استفاده كرده‌ام. حرف ت را فشردم، تا در اين صفحه، نوشته شد.

 البته ميان فشردن كليد و نوشته شدن در صفحه - كه بلافاصله انجام مي‌شود - عملياتي انجام مي‌گردد كه از ديد ما پنهان است.

هر كليد، يك كد عددي دارد كه با فشرده شدن، از صفحه كليد به بخش مربوطه در رايانه، فرستاده مي‌شود.

 آنجا بعد از پردازش، تبديل به حرف معادل آن كد شده، و در متن، نمايش داده مي‌شود.

استخراج كُد كليد (Key Code) :

 • صفحه كليد

استخراج كُد كليد (Key Code)، كار راحتي است.

 در زبان جاوا اسكريپت، براي به دست آوردن آن، از اين دستور استفاده مي‌شود:  window.event.keyCode

مثال : برنامه زیر كد هر كليد را در يك جعبه متن، نشان دهد.

//***صفحه كليد
function funKeyCode(){
    varkey = window.event.keyCode;
    inCode.value = key;
}
document.onkeypress=funKeyCode;// تنظيم رويداد

در قسمت بدنه، جعبه متني قرار دهيد كه محل نمايش كد باشد.

<input name="inCode" type="text" value=""size="5" readonly>

كد هر كليدي را كه فشار دهيد، اينجا نوشته مي‌شود:

موس

موس نيز مانند صفحه كليد عمل مي‌كند؛ منتها داراي كليدهاي كمتري است.

 از اين كد  :  window.event.button مي‌توانيد براي استخراج كد كليد موس، استفاده كنيد.

مثال : برنامه زیر كد کلیک موس را در يك جعبه متن، نشان دهد.

//***كليك موس
function funClick()
{
    if (document.all)
    {
        if (window.event.button)
        {
            inButton.value = window.event.button;
        return false;
        }
    }
}
document.onmousedown=funClick;// تنظيم رويداد

در قسمت بدنه، جعبه متني قرار دهيد كه محل نمايش كد باشد.

<input name="inButton"type="text" value=""size="5" readonly>

كُد كليك موس :

 • اشاره‌گر

اشاره‌گر (Cursor)   همان شكلي است كه با حركت موس، در مانيتور، حركت مي‌كند و نمادي از انگشت و دست شماست براي اشاره به اشياء داخل صفحه.

تاريخ تولد اشاره‌گر و و موس، به ابتدايي‌ترين سيستم عامل ويندوز برمي‌گردد.

 قبل از آن، سيستم عامل داس بود و آن محيط سياه و مَخوف. نه اثري از رنگ بود، نه صوت و نه موس.

اشاره‌گر، داراي شكلهاي مختلفي است، و در حالات گوناگون، تغيير شكل مي‌دهد.

مثلا گاهي به شكل ساعت شني، و گاهي به صورت يك فلش دو سر يا چهار سر، يا علامت سوال، تبديل مي‌شود.

اين تغيير شكلها، همه به دست تواناي شماي برنامه‌نويس، ميسّر مي‌شود و بس.

 خوشبختانه در وب نيز مي‌شود شكل دلخواه و مورد نياز به اشاره‌گر داد؛ ‌كافي است كه كد هر شكل را بنويسيد.

كـُد :

قبل از نوشتن كد، توضيحي بايد عرض كنم، و آن اين است كه تغيير شكل اشاره‌گر، به صورت مستقيم به جاوا اسكريپت مربوط نمي‌شود

 بلكه مربوط به مبحث استايل (Style) است؛ اما مي‌شود در جاوا از آن به دلخواه استفاده نمود.

استايل :

استايل(Style)، تگي است مانند اسكريپيت (Script) كه درون تگ (Head) نوشته مي‌شود.

 همانند جاوا، دو قسمت دارد: 1- نوشتن كد 2- فراخواني كد.

1- نوشتن كد. كد را داخل تگ استايل و درون head ، مي‌نويسيم.




#Hand = نام كد، كه به دلخواه شماست.

 { } = كد، داخل اين علامت، نوشته مي‌شود.

 Cursor: hand = كد شكل اشاره‌گر، كه در اينجا به صورت دست است.

2- فراخواني كد. شي مورد نظر را، كه قرار است اشاره‌گر، به محض رفتن بر روي آن، تغيير شكل دهد، داخل بدنه مي‌نويسيم.

 آن شي، ممكن است يك عكس باشد يا يك متن يا چيز ديگر. در اين مثال، متني را در نظر گرفته‌ام كه درون تگ (Span) نوشته‌ام.



ID="Auto">Auto

ID="Crosshair">Crosshair

ID="Default">Default

ID="Pointer">Pointer

ID="Hand">Hand

ID="Move">Move

ID="e-resize">e-resize

ID="ne-resize">ne-resize

ID="nw-resize">nw-resize

ID="n-resize">n-resize

ID="se-resize">se-resize

ID="sw-resize">sw-resize

ID="s-resize">s-resize

ID="w-resize">w-resize

ID="text">text

ID="wait">wait

ID="help">help



ID = آي‌دي، همان نامي است كه در بالا نوشتيم؛ مانند (Hand).

اسم هر كد، نمايانگر حالت و نوع آن است.

اشاره‌گر دست‌ساز :

اينها، شكلهاي پيش فرض و موجود در ويندوز است.

 و مي‌شود شكل اشاره‌گر را آنگونه كه خودمان مي‌خواهيم، تغيير دهيم .

 يعني به شكلي كه خودمان طراحي كرديم. كافي است يك اشاره‌گر - كه با پسوند cur. است - انتخاب كرده و آدرس آنرا بنويسيد.

 به اين صورت:

#Test {Cursor: url (test.cur); }

Subscribe
ارسال در تاريخ سه شنبه هفتم آبان 1387 توسط سعيد
حرکت ، بخش موس و اشیاء

• تعقيب اشاره‌گر :

• براي اين عمليات، ابتدا موقعيت اشاره‌گر را به  دست مي‌آوريم.

 با اين دو دستور (event.clientY - event.clientX) مي‌شود موقعيت اشاره‌گر را گرفت.

 

موقعيت موس از بالا - clientY:

موقعيت موس از چپ - clientX:

• حالا بايد چيزي را كه مي‌خواهيد به دنبال اشاره‌گر، حركت كند مشخص نماييد.

 اين شي مي‌تواند از لحاظ ظاهر، متن يا عكس يا هر چيز ديگر، و از لحاظ محتوا، ثابت يا متغير باشد.


- سه متن بنويسيد؛ يك متن براي حركت عمودي، و يك متن براي حركت افقي، و يكي هم براي حركت كامل.


- هر كدام را داخل يك لايه قرار دهيد.


- لايه‌ها را به اين ترتيب نامگذاري نماييد: (div1 - divY - divX)


- استيل آنها را به اين صورت تعريف كنيد: (style=position: absolute). اين كد، به شي مورد نظر اجازه حركت مي‌دهد.

كد HTML:

id="div1" style="position: absolute;">متن


id="divY" style="position: absolute;">عمودي


id="divX" style="position: absolute;">افقي

كد JavaScript:

function cursorPos() // تابع
{
// حركت عمودي و افقي
div1.style.top = event.clientY;
div1.style.left = event.clientX;
// حركت عمودي
divY.style.top = event.clientY;
// حركت افقي
divX.style.left = event.clientX;
}
document.onmousemove=cursorPos;

حركت دادن اشياء :

• مراحل عمليات:

- ساختن شي مورد نظر
- به دست آوردن موقعيت اشاره‌گر
- به دست آوردن موقعيت شي مورد نظر
- تعريف كردن رويداد كليك و كشيدن

• شيئي كه براي اين كار در نظر گرفته‌ام، يك جدول است كه شبيه كادرهاي محاوره‌اي در ويندوز مي‌باشد.


- اين جدول، داراي دو سلول است. سلول اول، براي عنوان كادر و محل كشيدن و جابجايي، و سلول پايين، محل نوشته محتوي است.


- داخل سلول اول، يك لايه (div) قرار داده‌ام به نام (moveMe1). جدول را هم (moveMe)، نامگذاري نموده‌ام.


- استيل جدول را به اين صورت تعريف كنيد: (style=position: relative). اين كد، به شي مورد نظر اجازه حركت مي‌دهد.

كد HTML:

<table id="moveMe" style="position: relative;" border="0" width="200" bgcolor="#FBF9FB">


<div id="moveMe1"> div>


 

table>

كد JavaScript:

mouseover = true
function coordinates()
{
if (!moveMe)
{
return
}
if (event.srcElement.id == "moveMe1")
{
mouseover = true
// موقعيت جدول
pleft = moveMe.style.pixelLeft
ptop = moveMe.style.pixelTop
// موقعيت اشاره‌گر
xcoor = event.clientX
ycoor = event.clientY
document.onmousemove = funmove
}
}
function funmove()
{
if (mouseover && event.button == 1) // اگر كليك چپ شد
{
moveMe.style.pixelLeft = pleft + event.clientX-xcoor
moveMe.style.pixelTop = ptop + event.clientY-ycoor
moveMe1.style.cursor = "move"; // تغيير شكل اشاره‌گر
moveMe.style.filter = "alpha(opacity=50)"; // استفاده از فيلتر آلفا
return false
}
}
function mouseup()
{
moveMe1.style.cursor = ""; // شكل عادي اشاره‌گر
moveMe.style.filter = "alpha(opacity=100)"; // از كار انداختن فيلتر آلفا
mouseover = false
}
document.onmousedown=coordinates
document.onmouseup=mouseup
 

شرح كد:
- moveMe1.style.cursor = move = در جلسه 17، خوانديم كه شكل اشاره‌گر، قابل تغيير است. در اينجا، شكل "حركت" را انتخاب مي‌كنيم.


event.button == 1 = در جلسه 17، ديده شد كه كد كليك چپ، 1 است.

 با به دست آوردن اين كد، مي‌فهميم كه موس، در حالت كليك باقي مانده؛ يعني همان كشيدن به وسيله موس.


- moveMe.style.filter = "alpha(opacity=50)" = به وسيله اين كد، كه از زبان HTML است،

 به جدول خود، فيلتر آلفا، يا همان كمرنگ شدن در حالت جابجايي مي‌دهيم.

Subscribe
ارسال در تاريخ سه شنبه هفتم آبان 1387 توسط سعيد
قالب وبلاگ

CopyRight Of Unicomp.ir