Use Advanced Search

آموزش کامپیوتر به زبان ساده - مطالب آموزش جاوا اسکرپت
صفایی ندارد ارسطو شدن، خوشا پر گشودن پرستو شدن...

کد پیام خوش آمد گویی و خداحافظی

یکشنبه 28 آذر 1389 08:00 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
امروز قصد دارم بهتون یك كد بدم تا با اون بتونید به ازدی كنندگان وبلاگتون پیام خوش آمد و خداحافظی بدید. یعنی وقی كه صفحه لود میشه یك پنجره باز میشه و یك پیام مبنی بر خوش آمد گویی رو به شخص اعلام میكنه.. و همچنین هنگامی كه كاربر پنجره رو می بنده هم یك پیام خداحافظی برای فرد صادر میشه.
این كار هم خیلی سادست. فقط كافیه كه تگ <Body> تون رو پاك كنید و تگی رو كه این زیر براتون گذاشتم جایگزینش كنید.





شما توی كد بالا م تونید پیام ها رو به صورتی كه می خواهید تغییر شكل بدید. مكانشون هم اگر یك كم دقت كنید كاملاً مشخصه..

ارتباط آنلاین با رضا غفاری



دیدگاه ها : نظرات
آخرین ویرایش: - -

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

یکشنبه 28 آذر 1389 07:48 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
امروز براتون كد دو نوع تقویم رو می زارم. اولیش تاریخ شمسی رو نمایش می ده و دومیش تاریخ میلادی رو به نمایش می زاره. در ضمن این كدها رو در قسمت Body وبلاگتون قرار بدید.

تقویم شمسی:





تقویم میلادی:





امیدوارم كه از این كدها خوشتون اومده باشه.. اگر مشكلی داشتید Comment بزارید.

ارتباط آنلاین با رضا غفاری




دیدگاه ها : نظرات
آخرین ویرایش: - -

کد متحرک کردن عنوان وبلاگ

یکشنبه 28 آذر 1389 07:37 ب.ظ

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





اگر مشكلی داشتید برام Comment بزارید. موفق باشید !!!!!!


ارتباط آنلاین با رضا غفاری




دیدگاه ها : نظرات
آخرین ویرایش: - -

کد پرواز پروانه در وبلاگ

یکشنبه 28 آذر 1389 07:34 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
شما با قرار دادن كد زیرتوی وبلاگتون شاهد پرواز چند تا پروانه خواهید بود. فقط توجه داشته باشید كه این كد رو باید در قسمت Body وبلاگتون قرار بدین.
نكته: اصلاً بزارید یه نكته كلی در مورد كدهای Html و Java بهتون بگم. در مورد نحوه قرار گیری این كدها باید این نكته رو در نظر داشته باشید كه شما اون كدهایی رو كه قراره توی وبلاگتون دیده بشن رو باید در قسمت Body وبلاگتون قرار بدین. اما قالب كدهایی كه در قسمت Head وبلاگ قرار می گیرن در قابل دیدن نیستند و معمولاً وضعیت قسمت های دیگه رو تعریف می كنند، مثل: نوع فونتها اندازه اونها، رنگ لینكها و ....
كد مربوط به پرواز پروانه:





امیدوارم كه از این آموزش هم خوشتون اومده باشه. اگر مشكلی هم بود برام Comment بزارید.


دیدگاه ها : نظرات
آخرین ویرایش: - -

کد یك صلیب سرخ رنگ به عنوان نشانه گر موس شما

یکشنبه 28 آذر 1389 07:30 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
با استفاده از این كد؟ راستش رو بخواهید نمی تونم قشنگ تشریحش كنم كه چه جوریه !؟ فقط همین قدر می تونم بگم كه با استفاده از این كد یك صلیب یا همون بعلاوه بزرگ به اندازه تمام صفحه در وبلاگتون نمایش داده میشه كه مركز این صلیب محل موستون رو مشخص میكنه. یعنی موس شما به هر طرفی كه حركت كنه مركز این صلیب هم به اونجا میره. فكر میكنم اگر بخواهید دقیقاً متوجه بشید كه چجوریه بهتره كه امتحانش كنید.


این كد رو در قسمت Head وبلاگتون قرا بدید



این كد هم در قسمت Body قرار بدید



ارتباط آنلاین با رضا غفاری




دیدگاه ها : نظرات
آخرین ویرایش: - -

جستجوی یك كلمه در صفحه جاری

یکشنبه 28 آذر 1389 07:27 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
شما با اتفاده از این كد یك موتور جستجو رو در وبلاگتون خواهید داشت.اما این موتور جستجو با بقیه یه فرق كلی داره؟ اون هم اینه كه شما با استفاده از این موتور فقط قادر به جستجوی یك كلمه در همون صفحه جاری خواهید بود. پس دقیقاً مثل همون دستور Find توی منوی Edit هستش و هیچ فرقی با هم ندارند.راستی یه موضوع دیگه هم مونده. این كد دو تا قسمت داره كه باید در دو قسمت متفاوت قرار بگیرند. یعنی اینكه قسمت اول رو باید در قسمت Head و قسمت دوم رو باید در قسمت Body وبلاگتون قرار بدید.


این كد رو در قسمت Head قرار بدید


این كد رو در قسمت Body قرار بدید



اگر مشكلی داشتید برام Comment بزارید. موفق باشید.

ارتباط آنلاین با رضا غفاری




دیدگاه ها : نظرات
آخرین ویرایش: - -

این صفحه را ببینید source

یکشنبه 28 آذر 1389 07:24 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
توی این جلسه یك كد اچ تی ام ال براتون گذاشتم كه هر جایی از وبلاگتون قرارش بدید اونجا یك كلید ظاهر میشه كه با كلیك كردن روی اون می تونید Source صفحه و یا همون كدهای Html تشكیل دهنده اون رو ببینید. نتیجه كار هم به این صورت در میاد. امتحانش كنید تا منظورم رو متوجه بشید






:كد مربوطه



ارتباط آنلاین با رضا غفاری




دیدگاه ها : نظرات
آخرین ویرایش: - -

متن چشمك زن در استاتیوس بار

یکشنبه 28 آذر 1389 07:15 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
شما بعد از به كار بردن این كد جاوا اسكریپت در وبلاگتون شاهد یك متن چشمك زن در نوار استاتیوس بار اینترنت اكسپلورر خواهید بود. دقیقاً مثل همین متنی كه توی استاتیوس بار این صفحه می بینید.
محل قرارگیری: شا باید این كد رو در قسمت Body وبلاگتون قرار بدید.



كد مربوطه:



ارتباط آنلاین با رضا غفاری


دیدگاه ها : نظرات
آخرین ویرایش: - -

کد یك ماشین حساب باحال

یکشنبه 28 آذر 1389 07:02 ب.ظ

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



كد مربوط به این ماشین حساب:



ارتباط آنلاین با رضا غفاری




دیدگاه ها : نظرات
آخرین ویرایش: - -

نوشته متحرک به صورت کلمه به کلمه در استاتیوس بار

یکشنبه 28 آذر 1389 06:52 ب.ظ

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





دیدگاه ها : نظرات
آخرین ویرایش: - -

.پرده سینما را در وبلاگتان تجربه كنید

یکشنبه 28 آذر 1389 06:45 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ، آموزش شگرد های اینترنتی ،

می تونم به جرأت بگم كه یكی از زیباترین اسكریپت هایی كه تا بحال دیدم همین كده. به خاطر همین هم به محض اینكه پیداش كردم اولین كاری كه كردم این بود كه توی وبلاگ نوشتمش.
مطمئن باشید كه بعد از دیدنش شما هم با من هم عقیده خواهید شد كه خیلی جالبه.
قبل از اینكه این كد رو قرار بدید می تونید رنگش و همچنین سرعت باز شدنش رو تغییر بدید. البته من حالت پیش فرضش رو به مشكی و سرعت 10 تغییر دادم. حالا برای این كه بخواهید این تغییرات رو اعمال كنید به قسمت زیر توجه كنید.
نكته: اگر می خواهید كه قبل از قرار دادن این كد توی وبلاگتون عملكردش رو ببینید اول از همه كدی رو كه این پایین براتون گذاشتم رو كپی كنید توی Note Pad و اون رو با پسوند Html ذخیرش كنید. راستی یادتون باشه كه در پنجره Save As در نوار كشویی Encoding كه پایین اون پنجره قرار داره حتماً گزینه Utf-8 رو انتخاب كنید و بعد از این كه اون فایل رو اجرا كنید نتیجه كار رو خواهید دید.



توضیحات مربوط به این آموزش:
1- اول از همه كدی رو كه براتون توی پایین این صفحه گذاشتم رو كپی كنید داخل Note Pad و از منوی Format گزینه Word Warp رو غیر فعال كنید. ( چون من آدرسها رو نسبت به خطها براتون نوشتم، حتماً این كار رو انجام بدید )

2- تغییر دادن رنگ این پرده:
برای تغییر دادن رنگ این پرده باید در خط نهم و دقیقاً در جلوی كلمه background-color رنگ دلخواه خودتون رو وارد كنید. ( رنگ پیش فرض Black می باشد )

3- تغییر سرعت حركت این پرده:
برای اینكه بخواهید سرعت حركت این پرده رو هم تغییر بدید باید در خط بیست و یكم و دقیقاً در جلوی كلمه var speed سرعت مورد نظر خودتون رو تایپ كنید. ( حالت پیش فرض 10 می باشد )

4- توجه كنید كه این كد رو باید دقیقاً بعد از تگ <Body> قرار بدید. وگرنه اونجوری كه دلتون می خواد از كار در نمیاد.



:كد مربوط به این آموزش

راستی یه چیزی رو هم یادم رفت بهتون بگم. می خواستم بگم كه ان كد حتماً باید بین تگ های <body> و <body/> قرار بگیره تا عمل كنه.



دیدگاه ها : نظرات
آخرین ویرایش: - -

غیر فعال كردن راست كلیك در وبلاگ

یکشنبه 28 آذر 1389 06:28 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ، آموزش شگرد های اینترنتی ،
شما با استفاده از این كد می تونید راست كلیك كردن رو توی وبلاگتون غیر فعال كنید. البته من نمی دونم كه چرا بعضی ها این كد رو توی وبلاگشون قرار می دن. ولی طبق اون چیزهایی كه شنیدم میگن بعضی ها برای اینكه افراد نتونن عكس های توی وب سایت یا وبلاگشون رو Save كنند. البته با وجود این كد باز هم ذخیره كردن عكس ها امكان پزیره. بعضی افراد دیگه هم از بیكاری این كار رو انجام می دهند. البته من این كد رو براتون گذاشتم ولی علی رغم اینكه خیلی ها از این كد توی وبلاگشون استفاده می كنند من بهتون توصیه می كنم كه از این كد استفاده نكنید. چون ممكنه موجب رنجش خاطر بازدید كنندگان وبلاگتون بشه. در ضمن این كد رو هم باید در قسمت Head وبلاگتون قرار بدید.
راستی یك نكته دیگه هم موند كه یادم رفت بگم. این كد دو تا حالت داره. حالت اول ( و كد اول ) به اینصورته كه بعد از اینكه فرد راست كلیك كرد یك پیغام اختیاری براش صادر میشه كه با Ok كردن اون پیغام رفع خواهد شد. ولی حالت دوم ( و كد دوم ) به اینصورته كه فقط راست كلیك غیر فعال میشه و بعد از راست كلیك هیچ پیغام خاصی صادر نخواهد شد.

كد اول





كد دوم




ارتباط آنلاین با رضا غفاری




دیدگاه ها : نظرات
آخرین ویرایش: - -

اسکرول بار رنگی

یکشنبه 28 آذر 1389 06:09 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
امروز یك كد جالب Html براتون گذاشتم كه مطمئنم خیلی باهاش حال می كنید. اونهایی كه كارشون وب گردی و از صبح تا شب توی سایتهای مختلف چرخ می زنن حتماً توی روز چند تا سایت به پستشون می خوره كه اسكرول بارهاشون رنگیه. همونطوری كه خودتون می دونید و دیدید این حركت خیلی وبلاگ رو قشنگ می كنه. حالا من هم این كد رو براتون گذاشتم كه حسابی كیف كنید. حالا تنها كاری كه شما باید بكنید اینه كه كد زیر رو در قسمت Head وبلاگتون قرار بدید. البته اگر یك كم دستكاریش كنید می تونید رنگ مورد نظرتون رو ایجاد كنید كه به رنگ زمینه وبلاگتون هم بخوره..در ضمن شاید توی نوشته بعدیم كد بعضا از رنگها رو كه كاربردهای بیشتری دارند روبنویسم. خوب بهتره كه زیاد كشش ندیم و بریم سر اصل مطلب... امتحانش كنید



ارتباط آنلاین با رضا غفاری




دیدگاه ها : نظرات
آخرین ویرایش: - -

موتور جستجو در وبلاگ

یکشنبه 28 آذر 1389 05:59 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
امروز می خوام بهتون یك كد بدم كه به وسیله اون می تونید جستجوگر سایت MSN رو توی وبلاگتون قرار بدید. به این معنی كه هر كاربری بتونه از توی وبلاگ شما به سرچر MSN دسترسی داشته باشه و كلمه دلخواه خودش رو جستجو كنه. برای این كار فقط كافیه كه كدی رو كه این پایین براتون گذاشتم كپی كنید و توی محل دلخواهی كه می خواهید قرار بدید.

<table border="0" width="582" height="18"> <tr> <td width="576" height="10"> <form name="search" id="search" method="get" action="http://search.msn.com/results.asp"> <p align="left"><a href="http://www.msn.com"> <img src="http://r.office.microsoft.com/r/rlidFPMsnSearchBot" width="61" height="33" border="0" alt="Go to msn.com"></a><font face="arial" size="2"><strong>Search <font color="#808080">the Web for:</font></strong></font><br> <input type="text" id="q" size="71" maxlength="251" name="q" vcard_name="SearchText"> <input type="submit" value="Search" name="B1"><input type="hidden" name="FORM" value="FRNT"><input type="hidden" name="un" value="doc"><input type="hidden" name="v" value="1"></p> </form> </td> </tr> <tr> <td width="576" height="21" valign="bottom"> <p align="center"><font size="1" face="arial"> <a href="http://search.msn.com/advanced.asp?MT=&RS=CHECKED&amp;Form=FRNT"> Use Advanced Search</a></font></td> </tr> </table>

در ضمن یك كار دیگه هم می مونه كه اینه: برای اینكه وقتی این كد رو توی وبلاگتون قرار دادید قالبتون به هم نخوره باید یك كم اندازه هاشو دستكاری كنید كه فكر می كنم همتون این كار رو بلدید. بخاطر همین قسمتهایی رو كه شما می تونید تغییر بدید رو با رنگ سفید نوشتم. پس رنگ های سبز رو دستكاری نكنید.
ارتباط آنلاین با رضا غفاری

Use Advanced Search




دیدگاه ها : نظرات
آخرین ویرایش: - -

...کدهای بلاگر

یکشنبه 28 آذر 1389 05:56 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
شما در این آموزش به صورت كامل یاد می گیرد كه كدهای بلاگر چی هستند به چه صورت میشه از اونها استفاده كرد و اصلاً كاربردشون چیه. شما با استفاده از كدهای بلاگر میتونید نوشته هاتون رو به وبلاگتون پست كنید، اونها رو توی یك آرشیو قرار بدید و .... به عنوان مثال در بین این كدها كدی به این صورت وجود داره (<$Blogitemtitle$> ) كه این كد رو در هرجایی از وبلاگتون كه قرار بدید در اون قسمت عنوان نوشته ای كه پست می كنید نوشته میشه. البته در این نوشته در مورد این كدها به صورت كامل صحبت خواهم كرد تا درك مطلب براتون راحت تر بشه. خوب! كدهای بلاگر به دو دسته تقسیم میشن. دسته اول: دسته اول كدهایی هستند كه تنها وقتی عمل می كنند كه بین دو تگ <blogger> و <blogger/> قرار بگیرند. دسته دوم: اما دسته دوم كدهایی هستند كه حتی اگر بیرون دو تگ فوق هم قرار بگیرند باز هم عمل می كنند. خوب حالا به صورت یك به یك تمامی كدهای مورد نظر رو با هم مرور می كنیم. دسته اول:این دسته دارای پنج كد هست. البته این نكته رو هم در نظر بگیرید كه من مهمترین كدهای موجود كه برای شما لازم هستند رو ذكر میكنم، پس اگر سوالی خارج از این مسائل داشتید در قسمت Comments بنویسید. كدهای این قسمت به شرح زیر هستند. 1- <$Blogdateheaderdate$> : با استفاده از این كد شما می تونید تاریخی كه یك نوشته رو پست می كنید نمایش بدید. مثلاً شما یك نوشته رو در تاریخ 2004/12/10 پست كردید در هر جایی كه شما این كد رو قرار بدید این تاریخ نیز در اون قسمت درج خواهد شد. البته حتماً باید بین كدهای بلاگر قرار داشته باشه. این كد به غیر از اینكه باید بین كدهای بلاگر قرار بگیره باید بین دو تگ دیگر هم قرار بگیره كه به صورت زیر هستند <blogdateheader> و <blogdateheader/> . و در آخر شكل نهایی این كد به صورت پائین در میاد. پس شما فقط كافیه كه كد پایین رو در همون قسمت مورد نظر وبلاگتون كپی كنید و تموم... 2- <$Blogitemtitle$> : شما با استفاده از این كد میتونید عنوان نوشته خودتون رو نمایش بدین. حالا اگر نمی دونید عنوان نوشته چیه توجه كنید تا یاد بگیرید ؟! در كنترل پنل شما و در قسمتی كه نوشته هاتون رو پست میكنید قسمتی وجود داره به اسم Title كه شما هر نوشته ای رو كه توی اون قسمت وارد كنید بعد از اینكه اون نوشته رو پست كردید به عنوان تایتل یا همون عنوان نوشتتون شناخته می شه و شما این كد رو هرجایی كه قرار بدید اون نوشته جایگزین این كد میشه. برای استفاده از این كد هم میتونید از این قسمت پایین استفاده كنید. 3- <$blogitembody$> : شما با استفاده از این كد هم می تونید متن ارسالی خودتون رو نمایش بدین. یعنی دقیقاً همین متنی رو كه دارید می خونید. پس دیگه فكر نمی كنم احتیاج به توضیح بیشتری داشته باشه چون به اندازه كافی واضح هست. فقط یك تذكر مهم: من بهتون توصیه می كنم كه این كد رو توی یك مكان جادار قرار بدید تا قالبتون به هم نریزه. برای این قسمت هم از كد زیر استفاده كنید. 4- با استفاده از كدی هم كه این پایین براتون گزاشتم میتونید ساعت و تاریخی رو كه یك نوشته رو پست كردید رو مشخص كنید. درست مثل همین تاریخ و ساعتی كه در قسمت پایین و سمت چپ این نوشته می بینید. در ضمن این كد یك كار دیگه هم انجام می ده. اگر روی این نوشته راست كلیك كنید و قسمت Properties رو انتخاب كنید ( البته بعد از اینكه نوشته رو پست كردید) میتونید در قسمت Address آدرس دقیق اون نوشته رو در آرشیوتون ببینید. البته این در مواقعی به كار می ره كه یك نفر بخواد از یك سایت یا وبلاگ دیگه به یك نوشته بخصوص در وبلاگ شما لینك بده. برای این كار باید آدرس اون نوشتتون رو از این طریق به دست بیاره. حالا فقط كافیه كه كد زیر رو در محل مورد نظر در وبلاگتون قرار بدید. 5- <$BlogURL$> : با استفاده از این كد هم میتونید برای خانه وبلاگتون یا همون Home Page وبلاگتون یك لینك قرار بدید. یعنی با كلیك كردن بر روی اون به صفحه اول وبلاگ هدایت خواهید شد. خوب كدهای مربوط به قسمت اول تموم شدند. حالا می خوایم بریم سر قسمت دوم فقط یادتون نره كه تمام كدهای قسمت اول باید بین كدهای بلاگر قرار بگیرن. دسته دوم:كدهای این قسمت بدون قرار گرفتن در بین كدهای بلاگر هم عمل خواهند كرد. 1- <$BlogMemberProfile$> :شما با استفاده از این كد می تونید پروفایل یا همون مشخصاتی رو كه در مورد خودتون در سایت بلاگر وارد كردید رو به نمایش بگزارید. یعنی اسم و فامیل و سن و .... حالا فقط كافیه كه كد زیر رو در محل مورد نظر قرار بدید. 2- <$Blogpreviousitemtitle$> : با قرار دادن این كد هم در قسمتی كه بخواهید می تونید لیست نوشته هایی رو كه به وبلاگتون فرستادید داشته باشید. یعنی تمام نوشته های شما رو به صورت لینك لیست می كنه و می تونید به هر كدوم از نوشته هاتون كه بخواهید سر بزنید و یا اینكه آدرسشون رو پیدا كنید. 3- لینك آرشیو: با استفاده از این كد هم می تونید برای وبلاگتون لینك آرشیو بگزارید


'<MainOrArchivePage><ul




ارتباط آنلاین با رضا غفاری



دیدگاه ها : نظرات
آخرین ویرایش: - -

تعداد افراد بازدید كننده

یکشنبه 28 آذر 1389 05:46 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
شما توی این نوشته یاد میگیرید كه چطوری می تونید یك كنتور توی وبلاگتون داشته باشید و از این طریق بفهمید كه تعداد افرادی كه وارد وبلاگتون می شن و مطالبتون رو می خونن چند نفرن. مثل همین كنتوری كه توی منوی سمت راست وبلاگ من میبینید. همین الان كه من این مطلب رو می نویسم عددی رو كه كنتور وبلاگم نشون می ده 140 نفره!!! راجع به این مسأله سایتهای زیادی هستند كه این سرویس رو در اختیارتون قرار می دن ولی یكی از بهترین این سایتها سایت Netsups هست كه یك سایت كاملاً فارسیه و به همین خاطر هم كار من خیلی ساده تر میشه و هم كار شما. خوب! اولین كاری كه شما باید بكنید اینه كه از اینجا وارد قسمت ثبت نام این سایت بشید و بعد از اینكه فیلدهای مورد نظر رو پر كردید به شما یك كد اچ تی ام ال داده میشه كه باید اونو توی هر قسمتی از سایتتون كه می خواهید كنتور دیده بشه قرار بدین تا اینكه شما هم از این به بعد یك كنتور داشته باشید


ارتباط آنلاین با رضا غفاری



دیدگاه ها : نظرات
آخرین ویرایش: - -

انواع حالت های یک نوشته متحرک

یکشنبه 28 آذر 1389 05:31 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
امروز هم براتون انواع حالتهای یك نوشته متحرك رو می نویسم. امیدوارم كه خوشتون بیاد.
نوشته های متحرك سه حالت دارند. حالت اول به اینصورته كه یك متن از یك سمت حركت می كنه و از سمت دیگه خارج میشه و این چرخه تا به آخر وجود دارهlمثال اول (آموزش کامپیوتر به زبان ساده)
  



حالت دوم هم به این صورته كه نوشته از یك سمت حركت می كنه و بعد از اینكه به سمت دیگه می رسه به طور كامل از حركت می ایسته. بخاطر همین هم به اسلاید معروفهمثال دوم ( آموزش کامپیوتر به زبان ساده) .


نوع سوم هم به صورت برخورد به ستونه. یعنی نوشته بعد از رسیدن به آخر خط دوباره بر میگرده به اول خط و بالعكسمثال سوم (آموزش کامپیوتر به زبان ساده)ه





كدهای مربوطه:
1- برای قسمت اول شما باید از این كد استفاده كنید:





2- برای قسمت دوم هم باید از این كد استفاده كنید:





3- و بالاخره برای این قسمت هم باید از این كد استفاده كنید.





مقادیر مربوطه:
توی همه كدهای بالا مقادیری وجود داره كه بعضی هاشون باید توضیح داده بشن.

1- Behavior : با استفاده از این گزینه می تونید نوع متن متحركتون رو مشخص كنید. یعنی اینكه از نوع اول باشه یا دوم و یا سوم كه مقادیرش به صورت زیر هستند.
حالت اول: برای حالت اول شما باید گزینه Scroll رو در جلوی این گزینه وارد كنید.
حالت دوم: برای این قسمت هم باید از گزینه Slide استفاده كنید.
حالت سوم: برای این قسمت هم گزینه alternate به كار می ره.

2- direction : با استفاده از این گزینه هم شما می تونید مسیر حركت نوشته و یا همون سمتی رو كه شروع به حركت می كنه مشخص كنید كه مقادیرش به صورت زیر می باشد.
Right: با استفاده از این گزینه متن از سمت چپ شروع به حركت می كنه و به سمت راست ختم میشه و بیشتر برای متن های فارسی به كار میره.
Left: این گزینه هم درست بالعكس گزینه قبل عمل می كنه.
Up: با استفاده از این گزینه هم متن از سمت پایین شروع به حركت می كنه و به سمت بالا ختم میشه.
Down: این گزینه هم دقیقاً بالعكس گزینه قبل عمل می كنه ، یعنی از سمت بالا به سمت پایین حركت می كنه.

Width & Height: با استفاده از این دو گزینه هم می تونید عرض (Width) و ارتفاع (Height) متن متحركتون رو مشخص كنید. این مقدار می تونه هم به صورت پیكسلی و هم به صورت در صدی% باشه.





دیدگاه ها : نظرات
آخرین ویرایش: - -

چت بازدید کنندگان با شما

یکشنبه 28 آذر 1389 05:20 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
شما توی این آموزش می تونید اد بگیرید كه چطوری میشه با بازدید كننده های وبلاگتون چت كنید.
منظور از چت بازدید كنندگان با شما اینه كه شما آی دیتون رو توی وبلاگ قرار می دید و در كنار آی دی شما یك چراغ قرار می گیره كه در صورت آنلاین بودن شما روشن و در صورت آفلاین بودن شما به صورت خاموش نمایش داده میشه. شما از این طریق می تونید با بازدیدكنندگان وبلاگتون به صورت آنلاین چت كنید و در صورت آفلاین بودن شما افراد می تونند برای شما آفلاین بزارند تا شما بعداً اونها رو چك كنید. برای این كار شما باید كد زیر رو در محل مورد نظر قرار بدید ولی قبل از اون باید آی دیتون رو توی اون وارد كنید ( توی اون محلی كه نوشتم: Your Id ). نتیجه كار هم به صورت زیر در میاد.


ارتباط آنلاین با رضا غفاری

امیدوارم كه از این كد هم خوشتون اومده باشه. در ضمن می تونید سوالاتتون رو برام به صورت آفلاین بزارید. حتماً رسیدگی می كنم...
به امید دیدار....



دیدگاه ها : نظرات
آخرین ویرایش: - -

افزودن عكس به زمینه وبلاگ

یکشنبه 28 آذر 1389 05:16 ب.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
خوب امروز اومدم كه بهتون یاد بدم كه چطوری میشه برای زمینه وبلاگتون یك عكس قرار بدید. درست مثل زمینه وبلاگ خود من. افكت جالبیه ولی باید روش یك كم فكر كنید. چون یك نكته داره كه می خواهیم با هم دربارش بحث كنیم.
اول از همه می خوام یك نصیحت بهتون بكنم. یك نكته خیلی مهم در این زمینه اینه كه شما باید به این نكته توجه كنید كه لود شدن عكس ( اونم با این سرعتهای در پیت ) خیلی طول می كشه و ممكنه كه بازدید كننده رو از خوندن مطالب منصرف كنه ( یعنی اینكه با خودش بگه به لود شدنش نمی ارزه ) و بی خیال وبلاگ بشه. البته این كه شما میبینید من توی بعضی از آموزشهام از عكس استفاده كردم از مجبوری بوده. پس شما سعی كنید كه برای زمینه وبلاگتون از عكس های با حجم بالا استفاده نكنید. ( مثل وبلاگ من كه كل حجم عكس زمینش 402 بایته كه لود شدنش فكر نمی كنم بیشتر از دو ثانیه وقت ببره ). خوب بگزریم و بریم سر اصل مطلب:

گذاشتن عكس در زمینه وبلاگ دو حالت داره. اول اینكه شما یك عكس بزرگ به اندازه تمام صفحه دارید، مثلاً 768*1024 و یا 600*800 و یا هر سایز دیگه ای. حالا شما می خواهید طوری این عكس رو قرار بدید كه كل صفحه رو بگیره و با بالا و پایین كردن صفحه از جاش تكون نخوره. برای این كار باید یك كم تگ Body تون رو دستكاری كنید و به صورت زیر تبدیلش كنید:







حالت دوم هم به این صورته كه شما یك عكس دارید كه می خواهید با بالا و پایین كردن صفحه اون هم حركت كنه. برای این كار هم باید تگ Body تون رو به این صورت تبدیل كنید:



این هم از گذاشتن عكس به عنوان پس زمینه. امیدوارم كه خوشتون اومده باشه . راستی یه نكته. ممكنه كه شما توی این آموزش یك كم گیج شده باشید؟ تنها راه حلش اینه كه هر دو راه حل رو امتحان كنید. مطمئن باشید جواب میده.


دیدگاه ها : نظرات
آخرین ویرایش: - -

لرزش صفحه در هنگام استفاده از راست کلیک در وبلاگ شما

یکشنبه 28 آذر 1389 10:14 ق.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
امروز یك كد جاوا اسكریپت براتون میزارم. اگر در جریان باشید این هم یكی از مباحث همون تبلیغه هست كه قبلاً دربارش حرف زده بودم ها. خوب بگذریم. با استفاده از این كد بعد از اینكه كاربر توی وبلاگ شما راست كلیك كرد صفحه IE به طرز وحشتناكی شروع به لرزش میكنه (البته بعد از اینكه یك پیغام براش صادر كرد). چه بسا كه طرف سكته هم بزنه ( البته شوخی كردم ). فرقی نمیكنه كه شما این كد رو توی چه قسمتی از قالبتون قرار بدید چون هر جا كه بزاریدش عمل می كنه. در ضمن تنها قسمتی رو كه شما می تونید تغییرش بدید پیامیه كه صادر میشه. محلش هم كاملاً مشخصه پس توضیحی لازم نداره.


امیدوارم كه از این آموزش هم خوشتون اومده باشه.

ارتباط آنلاین با رضا غفاری



دیدگاه ها : نظرات
آخرین ویرایش: - -

نحوه وارد کردن فایل های فلش در وبلاگ

یکشنبه 28 آذر 1389 10:11 ق.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
شما بعد از خواندن این مطلب با نحوه وارد كردن فایل های فلش توی وبلاگتون آشنا می شوید. این آموزش خیلی كوتاه و خیلی سادست پس حواستونو جمع كنید.
شما برای قرار دادن فایل های فلش هم مثل همه آبجكت های دیگه مثل عكس احتیاج به یك كد دارید. كد این قسمت تا حدود خیلی زیادی مثل كد مربوط به عكس ها می مونه فقط با یك تغییر و یك قسمت اضافه:

همونطوری كه می بینید تنها فرقی كه این كد با كد مربوط به عكسها داره اینه كه در اول كد به جای كلمه Img از كلمه Embed استفاده شده و یك قسمت اضافه به نام No Embed هم بهش اضافه شده كه مشخص می كنه در صورت لود نشدن اون فایل فلش چه متنی به نمایش در بیاد. بقیه گزینه ها هم كه دقیقاً مثل عكس هاست و فكر نمی كنم احتیاجی به توضیح باشه.
موفق باشید.


دیدگاه ها : نظرات
آخرین ویرایش: - -

روش بوجود آوردن نوشته متحرک به دنبال موس در وبلاگ

یکشنبه 28 آذر 1389 10:09 ق.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،
سلام به همگی...
امروز هم یك كد جاوا اسكریپت براتون گذاشتم. به وسیله این كد یك نوشته دلخواه به دنبال موس حركت می كنه. كد جالبیه حتماً امتحاش كنید.





شما توی بعضی از قسمتهای این كد هم می تونید یك كم دستكاری كنید. مثلاً مثل نوع فونت سایزش و حالتش و صد البته اون متن مورد نظرتون. كه برای قسمت های اولی می تونید توی خط های حدوداً پنجم تا دهم یك كم دستكاری كنید و همچنین محل متن مورد نظرتون هم كاملاً مشخصه.( همون قسمتی كه نوشتم Matne morede nazare shoma ).
موفق باشید.

ارتباط آنلاین با رضا غفاری



دیدگاه ها : نظرات
آخرین ویرایش: - -

تنظیم خاصیت float برای عناصر HTML از طریق جاوا اسکرپت

سه شنبه 23 آذر 1389 01:31 ق.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،

احتمالاً با خاصیت float در CSS آشنایی دارید. این خاصیت به ویژه وقتی مورد استفاده قرار میگیرد که طراح قصد داشته باشد بدون استفاده از جدولها چهارچوب صفحه را طراحی کند.

این خاصیت باعث میشود تا یک بلوک HTML بسته به مقداری که به این ویژگی داده میشود تا حد امکان در سمت چپ یا راست المنت والد آن نمایش داده شود، به طوری که سایر المنتها و متن موجود در المنت والد در اطراف بلوک مورد نظر قرار گیرند. توضیح بیشتر در مورد این خاصیت مربوط به بخش آموزش CSS هست بنابراین به همین مقدار توضیح بسنده میکنیم.

برای اختصاص دادن یک ویژگی CSS به المنتهای HTML از شیء style استفاده می شود. اما این نکته را باید در نظر داشته باشیم که float از کلمات کلیدی رزرو شده در جاوا اسکرپت است. به همین دلیل نمیتوانیم از متد style.float برای این منظور استفاده کنیم.

برای جلوگیری از تداخل بین float مورد استفاده در CSS و کلمه کلیدی float در جاوا اسکرپت به منظور اختصاص این ویژگی به المنتهای HTML از متد cssFloat استفاده میکنیم. برای درک بهتر میتوانید به مثال زیر در دو حالت قبل و بعد از اختصاص این ویژگی با به المنت توجه کنید:

<div style="border:1px #666 dashed; width:50%; margin:10px auto">
<div style="width:100px; height:100px; background: #fc0;">بلوک مورد نظر قبل از اختصاص ویژگی</div>
<p>این متن قبل از اختصاص ویژگی به المنت در زیر بلوک نمایش داده میشود</p>
</div>

قبل از اختصاص ویژگی float:


ارتباط آنلاین با رضا غفاری
ادامه مطلب

دیدگاه ها : نظرات
دنبالک ها: منبع:نئوپرشیا ،
آخرین ویرایش: یکشنبه 28 آذر 1389 08:23 ق.ظ

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

سه شنبه 23 آذر 1389 01:28 ق.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،

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

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

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


ارتباط آنلاین با رضا غفاری
ادامه مطلب

دیدگاه ها : نظرات
دنبالک ها: منبع:نئوپرشیا ، منبع: نئوپرشیا ،
آخرین ویرایش: یکشنبه 28 آذر 1389 08:21 ق.ظ

آموزش کار با تاریخچه مرورگر با استفاده از جاوا اسکرپت

سه شنبه 23 آذر 1389 01:27 ق.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،

مرورگر ها به صورت پیش فرض آدرس و حتی خود صفحاتی را که کاربر مشاهده می کند ذخیره می کنند. این آدرسها به ترتیبی که کاربر آنها را مشاهده کرده است در تاریخچه (history) مرورگر ثبت می شوند و دکمه های Back و Forward پنجره مرورگر بر اساس این تاریخچه کار می کنند. با استفاده از جاوا اسکرپت می توانیم به این تاریخچه دسترسی داشته باشیم و با کمک آن مسیر کاربران را هدایت کنیم.

ما برای کار با تاریخچه مرورگر در اینجا از دکمه های HTML استفاده می کنیم که با کمک رویداد onclick در هنگام کلیک کردن روی این دکمه ها دستورات مورد نظر ما اجرا خواهند شد. در اینجا می توانید کد HTML مربوط به ساخت این دکمه ها را مشاهده کنید (البته مقدار مربوط به شناسه onclick مربوط به دستورات جاوا اسکرپت است که بعداً وارد خواهد شد) :

<input type="button" value="متن روی دکمه" onclick="">

برای آشنایی بیشتر با رویداد های HTML می توانید از صفحه رویدادهای مربوط به صفحه کلید و ماوس در HTML استفاده کنید. (لینک در صفحه جدید باز خواهد شد)

دستورات مختلفی برای کار با تاریخچه مرورگر وجود دارد که همه آنها از شیء history استفاده می کنند. در ادامه می توانید تعدادی از این دستورات را که با بیشتر مرورگرها کار می کنند مشاهده کنید


ارتباط آنلاین با رضا غفاری

ادامه مطلب

دیدگاه ها : نظرات
آخرین ویرایش: یکشنبه 28 آذر 1389 08:36 ق.ظ

دکمه ها و موارد استفاده آنها

سه شنبه 23 آذر 1389 01:23 ق.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،

ما برای نوشتن اسکرپت با استفاده از دکمه ها، ابتدا باید بدانیم چگونه می توان یک دکمه را در یک صفحه قرار داد. برای این کار شما باید از تگهای  <FORM> در اطراف تگ دکمه استفاده کنید. در مثال زیر نمونه یک HTML که یک دکمه را در یک صفحه قرار می دهد آورده شده است:

<FORM>
<INPUT type="button" value="اینجا کلیک کنید" name="button1">
</FORM>

این فرمان یک دکمه را در صفحه شما قرار می دهد، اما اگر روی آن کلیک کنید اتفاقی نمی افتد...

در زیر کار هر قسمت از فرمان بالا را می بینیم:

  1. <FORM>
    این قسمت یک فرم را ایجاد می کند بنابر این ما می توانیم یک دکمه بسازیم.
  2. <INPUT>
    این تگ به ما اجازه می دهد نوعی ناحیه ورودی بسازیم.
  3. "type="button
    این فرمان ناحیه ورودی ما را به عنوان یک دکمه تعریف می کند.
  4. "اینجا کلیک کنید"=value
    این متنی است که افراد روی دکمه می بینند. شما می توانید هر چیزی را که می خواهید بینندگانتان روی دکمه ببینند اینجا بنویسید.
  5. "name="button1
    شما می توانید برای مراجعات بعدی یا احتمالاً استفاده در یک اسکرپت به دکمه خود یک نام بدهید.

ارتباط آنلاین با رضا غفاری

ادامه مطلب

دیدگاه ها : نظرات
دنبالک ها: منبع: نئوپرشیا ،
آخرین ویرایش: یکشنبه 28 آذر 1389 08:38 ق.ظ

رویداد onMouseover

سه شنبه 23 آذر 1389 01:21 ق.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،

وقت اون رسیده که نوشتن اولین اسکرپت خود را شروع کنید. این یکی راحته چون مجبور نیستیم درگیر اضافه کردن تگهای SCRIPT شویم. این اسکرپت کوچک به دلخواه شما وقتی نشانگر ماوستان روی یک لینک قرار می گیرد متنی را در نوار وضعیت مرورگرتان می نویسد. به مثال نگاه کنید:
 

<a href ="JavaScript_2.htm"
onMouseover="window.status='« آموزش جاوا اسکرپت »';return true">
ماوس خود را روی این لینک قرار دهید!!!
</a>

شما هم امتحان کنید و ببینید چگونه کار می کند. نشانگر ماوس خود را روی لینک زیر قرار دهید ولی کلیک نکنید (اگر کلیک کنید، چون در کد بالا آدرس لینک، آدرس همین صفحه است پس از کلیک کردن دوباره همین صفحه باز می شود). حالا پایین پنجره مرورگر خود به نوار وضعیت نگاه کنید باید این جمله را بینید: « آموزش جاوا اسکرپت »

ماوس خود را روی این لینک قرار دهید!!!
 

بسیار خوب، این چیزی است که با فرمان onMouseover اتفاق می افتد:

  1. " "=onMouseover
    این شکل فرمان onMouseover است. مرورگر انتظار فرمان دیگری بین دو علامت دابل کوت ( " ) را دارد.

  2. '« آموزش جاوا اسکرپت »'=window.status
    این فرمان به مرورگر میگوید که جمله ای را در نوار وضعیت بنویسد. شما می توانید جمله بین دو علامت ( ' ) را با آنچه که می خواهید در نوار وضعیت به نمایش در آید جابجا کنید.

  3. return true
    عبارت را تأیید کرده و مرورگر آن را نمایش می دهد.

دلیل استفاده از علامت سینگل کوت ( ' ) در فرمان window.status این است که window.status خود قسمتی از فرمان onMouseover است که از ( " ) استفاده کرده است. اگر دوباره از علامت دابل کوت ( " ) استفاده کرده بودیم ممکن بود مرورگر در مورد اینکه چه کاری باید انجام دهد گیج می شد. چون ممکن بود علامت دابل کوت دوم را به منزله پایان فرمان onMouseovr تلقی کند و فرمان جدیدی را با window.status شروع کند:   onMouseover=""window.statuse

مشکلی که ممکن است در اینجا به وجود آید پاک نشدن متنی است که می خواستید در نوار وضعیت نمایش داده شود. دو راه برای از بین بردن این مشکل وجود دارد. یکی استفاده از فرمان onMouseout است، و دیگری فرا خواندن تابعی که متن را پس ار مدتی پاک می کند. راه دوم نیازمند استفاده از توابع و اسکرپت تگها است. در اینجا آسانترین راه را به شما نشان می دهم: استفاده از فرمان onMouseout :

<a href ="JavaScript_2.htm"
onMouseover="window.status='متن خود را اینجا قرار دهید'; return true"
onMouseout="window.status=' '; return true">
لینک خود را اینجا قرار دهید
</a>

این فرمان متن نوار وضعیت را وقتی که نشانگر ماوس روی آن نیست ناپدید می کند. مانند زیر:

لینک خود را اینجا قرار دهید

در حقیقت ما همان کار قبل را تکرار کردیم ولی به جای متن از فضای خالی در فرمان window.status استفاده کردیم.

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





دیدگاه ها : نظرات
دنبالک ها: منبع: نئوپرشیا ،
آخرین ویرایش: سه شنبه 23 آذر 1389 01:47 ق.ظ

دستور شرطی switch در جاوا اسکرپت

سه شنبه 23 آذر 1389 01:20 ق.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،

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

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

switch(x) 
{
case مقدار اول:
این کد در صورت برابری متغیر x با مقدار اول اجرا می شود
break
case مقدار دوم:
این کد در صورت برابری متغیر x با مقدار دوم اجرا می شود
break
default:
این کد در صورتی اجرا می شود که مقدار متغیر x با هیچکدام از مقادیر ذکر شده برابر نباشد
}

در این دستور مقدار متغیر معرفی شده در قسمت switch با مقادیر آورده شده در هر case مقایسه می شود. در صورت مساوی بودن مقادیر کد همان case اجرا می شود و با استفاده از دستور break آورده شده در هر قسمت برنامه پس از اجرای کد آن قسمت به خارج از دستور switch هدایت می شود. در غیر این صورت برنامه به سراغ case بعدی می رود و در صورتی که مقدار متغیر مورد نظر با هیچکدام از case ها برایر نبود کد قسمت default اجرا خواهد شد.


ادامه مطلب

دیدگاه ها : نظرات
دنبالک ها: منبع: نئوپرشیا ،
آخرین ویرایش: سه شنبه 23 آذر 1389 02:00 ق.ظ

معرفی دستور شرطی if...else و کاربردهای مختلف آن

سه شنبه 23 آذر 1389 01:19 ق.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،

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

دستور شرطی if

if (condition)
{
دستوری که در صورت درستی شرط اجرا می شود در اینجا قرار می گیرد
}

به یک مثال برای دستور if توجه کنید :


ادامه مطلب

دیدگاه ها : نظرات
دنبالک ها: منبع: نئوپرشیا ،
آخرین ویرایش: سه شنبه 23 آذر 1389 02:01 ق.ظ

نوشتن متن با استفاده از جاوا اسکرپت

سه شنبه 23 آذر 1389 01:15 ق.ظ

نویسنده : reza ghaffari
ارسال شده در: آموزش جاوا اسکرپت ،

در جاوا اسکرپت این امکان وجود دارد که متنی را نوشته و در صفحه نمایش بدهیم. متن مورد نظر را می توانیم قالب بندی کنیم و از تگهای HTML نیز در آن استافده کنیم. برای این کار از فرمان ()document.write استفاده می کنیم که یک فرمان جاوا اسکرپت مخصوص چاپ کردن خروجی در صفحه است. روش کار به صورت زیر است :

نوشتن متنهای ساده

<script language="JavaScript" type="text/javascript">
document.write('متن مورد نظر خود را اینجا بنویسید');
</script>

البته نقطه ویرگولی که در آخر فرمان نوشته شده تنها در صورتی الزامی است که بیش از یک فرمان در اسکرپت خود داشته باشیم.

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

به ادامه مطلب مراجعه شود


ادامه مطلب

دیدگاه ها : نظرات
دنبالک ها: منبع: نئوپرشیا ،
آخرین ویرایش: سه شنبه 23 آذر 1389 01:53 ق.ظ



تعداد کل صفحات : 2 1 2