سلام، امروز می خوام یه کد جالب رو به شما دوستان آموزش بدم.
ابتدا باید بگم که مطلب من برگرفته از مطلب آقا نبی هستش که در این لینک، می تونید مشاهده کنید.
من می خوام مطلبی رو که آقا نبی نوشتن با زبان PHP و JavaScript آموزش بدم.
خوب اول از javascrpt شروع می کنیم.
یه نگانی به پیش نمایش بندازید.
به دنباله این نوشته یه سری بزنید.
کد JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 |
<script type=<span style="color: #3366cc;">"text/javascript"</span>> <span style="color: #003366; font-weight: bold;">function</span> year<span style="color: #66cc66;">(</span>y<span style="color: #66cc66;">)</span> <span style="color: #66cc66;">{</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">(</span>y == <span style="color: #3366cc;">""</span><span style="color: #66cc66;">)</span> <span style="color: #66cc66;">{</span> <span style="color: #000066;">alert</span><span style="color: #66cc66;">(</span><span style="color: #3366cc;">"سال مورد نظر خود را وارد نمایید"</span><span style="color: #66cc66;">)</span>; <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span>; <span style="color: #66cc66;">}</span> y_m = y - <span style="color: #cc0000;">6</span>; y_b = y_m % <span style="color: #cc0000;">12</span>; <span style="color: #000066; font-weight: bold;">switch</span> <span style="color: #66cc66;">(</span>y_b<span style="color: #66cc66;">)</span> <span style="color: #66cc66;">{</span> <span style="color: #000066; font-weight: bold;"> case</span> <span style="color: #cc0000;">0</span>: <span style="color: #000066;">alert</span><span style="color: #66cc66;">(</span><span style="color: #3366cc;">"خوک"</span><span style="color: #66cc66;">)</span>; <span style="color: #000066; font-weight: bold;"> break</span>; <span style="color: #000066; font-weight: bold;"> case</span> <span style="color: #cc0000;">1</span>: <span style="color: #000066;">alert</span><span style="color: #66cc66;">(</span><span style="color: #3366cc;">"موش"</span><span style="color: #66cc66;">)</span>; <span style="color: #000066; font-weight: bold;"> break</span>; <span style="color: #000066; font-weight: bold;"> case</span> <span style="color: #cc0000;">2</span>: <span style="color: #000066;">alert</span><span style="color: #66cc66;">(</span><span style="color: #3366cc;">"گاو"</span><span style="color: #66cc66;">)</span>; <span style="color: #000066; font-weight: bold;"> break</span>; <span style="color: #000066; font-weight: bold;"> case</span> <span style="color: #cc0000;">3</span>: <span style="color: #000066;">alert</span><span style="color: #66cc66;">(</span><span style="color: #3366cc;">"پلنگ"</span><span style="color: #66cc66;">)</span>; <span style="color: #000066; font-weight: bold;"> break</span>; <span style="color: #000066; font-weight: bold;"> case</span> <span style="color: #cc0000;">4</span>: <span style="color: #000066;">alert</span><span style="color: #66cc66;">(</span><span style="color: #3366cc;">"خرگوش"</span><span style="color: #66cc66;">)</span>; <span style="color: #000066; font-weight: bold;"> break</span>; <span style="color: #000066; font-weight: bold;"> case</span> <span style="color: #cc0000;">5</span>: <span style="color: #000066;">alert</span><span style="color: #66cc66;">(</span><span style="color: #3366cc;">"نهنگ"</span><span style="color: #66cc66;">)</span>; <span style="color: #000066; font-weight: bold;"> break</span>; <span style="color: #000066; font-weight: bold;"> case</span> <span style="color: #cc0000;">6</span>: <span style="color: #000066;">alert</span><span style="color: #66cc66;">(</span><span style="color: #3366cc;">"مار"</span><span style="color: #66cc66;">)</span>; <span style="color: #000066; font-weight: bold;"> break</span>; <span style="color: #000066; font-weight: bold;"> case</span> <span style="color: #cc0000;">7</span>: <span style="color: #000066;">alert</span><span style="color: #66cc66;">(</span><span style="color: #3366cc;">"اسب"</span><span style="color: #66cc66;">)</span>; <span style="color: #000066; font-weight: bold;"> break</span>; <span style="color: #000066; font-weight: bold;"> case</span> <span style="color: #cc0000;">8</span>: <span style="color: #000066;">alert</span><span style="color: #66cc66;">(</span><span style="color: #3366cc;">"گوسفند"</span><span style="color: #66cc66;">)</span>; <span style="color: #000066; font-weight: bold;"> break</span>; <span style="color: #000066; font-weight: bold;"> case</span> <span style="color: #cc0000;">9</span>: <span style="color: #000066;">alert</span><span style="color: #66cc66;">(</span><span style="color: #3366cc;">"میمون"</span><span style="color: #66cc66;">)</span>; <span style="color: #000066; font-weight: bold;"> break</span>; <span style="color: #000066; font-weight: bold;"> case</span> <span style="color: #cc0000;">10</span>: <span style="color: #000066;">alert</span><span style="color: #66cc66;">(</span><span style="color: #3366cc;">"مرغ"</span><span style="color: #66cc66;">)</span>; <span style="color: #000066; font-weight: bold;"> break</span>; <span style="color: #000066; font-weight: bold;"> case</span> <span style="color: #cc0000;">11</span>: <span style="color: #000066;">alert</span><span style="color: #66cc66;">(</span><span style="color: #3366cc;">"سگ"</span><span style="color: #66cc66;">)</span>; <span style="color: #000066; font-weight: bold;"> break</span>; <span style="color: #003366; font-weight: bold;">default</span>: <span style="color: #000066;">alert</span><span style="color: #66cc66;">(</span><span style="color: #3366cc;">"سال وارد شده معتبر نمی باشد"</span><span style="color: #66cc66;">)</span>; <span style="color: #66cc66;">}</span> <span style="color: #66cc66;">}</span> </script> |
توضیح کد JavaScript : خوب در line 2 یه function قرار میدیم و بعد چک میکنیم که اگر مقدار فرستاده شده null بود، اخطار بده و سپس از function خارج بشه که مقادیر بعدی عمل نکنن.
اگه مقدار y، null نبود، مقدار رو از ۶ کم کرده و سپس در متغیر y_m قرار میده و سپس باقیماندهی تقسیم بر ۱۲ رو در y_b قرار میده.
آخر سر هم یه switch قرار میدیم که اگه مقدار y_b برابر ۰ بود alert میده مقدار خوب و در آخر هم دستور default رو برای حالت پیشفرض قرار میدیم.
کد Html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<span style="color: #009900;"><a style="color: #000060;"><span style="color: #000000; font-weight: bold;"><fieldset></span></a></span> <span style="color: #009900;"><a style="color: #000060;"><span style="color: #000000; font-weight: bold;"><legend></span></a></span>سال مورد نظر خود را وارد نمایید<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></legend></span></span> <span style="color: #009900;"><a style="color: #000060;"><span style="color: #000000; font-weight: bold;"><form</span></a> <span style="color: #000066;">method</span>=<span style="color: #ff0000;">"post"</span> <span style="color: #000066;">action</span>=<span style="color: #ff0000;">""</span><span style="color: #000000; font-weight: bold;">></span></span> <span style="color: #009900;"><a style="color: #000060;"><span style="color: #000000; font-weight: bold;"><input</span></a> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">"text"</span> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">"ye"</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"ye"</span> <span style="color: #000066;">value</span>=<span style="color: #ff0000;">"1387"</span> /<span style="color: #000000; font-weight: bold;">></span></span> <span style="color: #009900;"><a style="color: #000060;"><span style="color: #000000; font-weight: bold;"><input</span></a> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">"submit"</span> <span style="color: #000066;"> value</span>=<span style="color: #ff0000;">" سال چیه!؟ "</span> <span style="color: #000066;">onclick</span>=<span style="color: #ff0000;">"year(document.getElementById('ye') .value); return false;"</span> /<span style="color: #000000; font-weight: bold;">></span></span> <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></form></span></span> <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></fieldset></span></span> |
توضیح کد Html : برای به اجرا در آوردن کد JavaScript لازمه اون رو فراخوانی کنیم، خوب برای این کار یه کد Html میقرار میدیم.
اول یه input، text قرا میدیم که مقادیر رو در اون بنویسیم و سپس یه input، submit قرار میدیم، که بهش دستور onclick رو میدیم، در این دستور function، year با مقدار input، text فراخوانی میکنیم.
کد PHP
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
<span style="color: #000000; font-weight: bold;"><?php</span> <span style="color: #0000ff;">$year</span> = <span style="color: #ff0000;">"1387"</span>; <span style="color: #808080; font-style: italic;">//6 to ..., example 1387</span> <span style="color: #0000ff;">$year_m</span> = <span style="color: #0000ff;">$year</span> - <span style="color: #cc66cc;">6</span>; <span style="color: #0000ff;">$year_b</span> = <span style="color: #0000ff;">$year_m</span> % <span style="color: #cc66cc;">12</span>; <span style="color: #b1b100;">switch</span> <span style="color: #66cc66;">(</span><span style="color: #0000ff;">$year_b</span><span style="color: #66cc66;">)</span> <span style="color: #66cc66;">{</span> <span style="color: #b1b100;">case</span> <span style="color: #cc66cc;">0</span>: <a style="color: #000060;"><span style="color: #000066;">echo</span></a> <span style="color: #ff0000;">"خوک"</span>; <span style="color: #b1b100;">break</span>; <span style="color: #b1b100;">case</span> <span style="color: #cc66cc;">1</span>: <a style="color: #000060;"><span style="color: #000066;">echo</span></a> <span style="color: #ff0000;">"موش"</span>; <span style="color: #b1b100;">break</span>; <span style="color: #b1b100;">case</span> <span style="color: #cc66cc;">2</span>: <a style="color: #000060;"><span style="color: #000066;">echo</span></a> <span style="color: #ff0000;">"گاو"</span>; <span style="color: #b1b100;">break</span>; <span style="color: #b1b100;">case</span> <span style="color: #cc66cc;">3</span>: <a style="color: #000060;"><span style="color: #000066;">echo</span></a> <span style="color: #ff0000;">"پلنگ"</span>; <span style="color: #b1b100;">break</span>; <span style="color: #b1b100;">case</span> <span style="color: #cc66cc;">4</span>: <a style="color: #000060;"><span style="color: #000066;">echo</span></a> <span style="color: #ff0000;">"خرگوش"</span>; <span style="color: #b1b100;">break</span>; <span style="color: #b1b100;">case</span> <span style="color: #cc66cc;">5</span>: <a style="color: #000060;"><span style="color: #000066;">echo</span></a> <span style="color: #ff0000;">"نهنگ"</span>; <span style="color: #b1b100;">break</span>; <span style="color: #b1b100;">case</span> <span style="color: #cc66cc;">6</span>: <a style="color: #000060;"><span style="color: #000066;">echo</span></a> <span style="color: #ff0000;">"مار"</span>; <span style="color: #b1b100;">break</span>; <span style="color: #b1b100;">case</span> <span style="color: #cc66cc;">7</span>: <a style="color: #000060;"><span style="color: #000066;">echo</span></a> <span style="color: #ff0000;">"اسب"</span>; <span style="color: #b1b100;">break</span>; <span style="color: #b1b100;">case</span> <span style="color: #cc66cc;">8</span>: <a style="color: #000060;"><span style="color: #000066;">echo</span></a> <span style="color: #ff0000;">"گوسفند"</span>; <span style="color: #b1b100;">break</span>; <span style="color: #b1b100;">case</span> <span style="color: #cc66cc;">9</span>: <a style="color: #000060;"><span style="color: #000066;">echo</span></a> <span style="color: #ff0000;">"میمون"</span>; <span style="color: #b1b100;">break</span>; <span style="color: #b1b100;">case</span> <span style="color: #cc66cc;">10</span>: <a style="color: #000060;"><span style="color: #000066;">echo</span></a> <span style="color: #ff0000;">"مرغ"</span>; <span style="color: #b1b100;">break</span>; <span style="color: #b1b100;">case</span> <span style="color: #cc66cc;">11</span>: <a style="color: #000060;"><span style="color: #000066;">echo</span></a> <span style="color: #ff0000;">"سگ"</span>; <span style="color: #b1b100;">break</span>; <span style="color: #000000; font-weight: bold;">default</span>: <a style="color: #000060;"><span style="color: #000066;">echo</span></a> <span style="color: #ff0000;">"سال وارد شده معتبر نمی باشد"</span>; <span style="color: #66cc66;">}</span> <span style="color: #000000; font-weight: bold;">?></span> |
توضیح کد php : در line2 یه متغیر قرار میدیم، که سال مورد نظر رو میگیره، بعد سال رو از ۶ کم کرده و سپس باقیماندهی تقسیم رو بر ۱۲ حساب میکنیم و همانند کد JavaScript، یه switch قرار میدیم که مقدار رو به جای alert، print یا echo میکنیم.
محمد جواد مسعودیان
آخرید نوشته های محمد جواد مسعودیان (نمایش همه )
- امسال سال چیه !؟ - دسامبر ۲۸, ۲۰۰۸
آفرین بر تو باد ;)
خوب بید ;)
پس بلاخره javascript هم یاد گرفتی ;)
ممنون
سال رو دو رقمی وارد میکنیم یه چیز میده ۴ رقمی یه چیز دیگه !
مثلا ۸۸ و ۱۳۸۸
!!
خوب این که جای سوال نداره،
مگه ماه شمسی از ۱۰۰۰ شروع شده، خوب سال ۸۸ هم وجود داشته دیگه،
۱۳۸۸ با ۸۸ سیزده قرن فاصلست. :D
case 10: alert(“مرغ”);
ساله مرغ نه خروس !
ساله مرغ نداریم
من نمیدونم، من مطلب آقا نبی رو از لینک زیر به صورت کد دراوردم :D
http://weblog.nabi.ir/post-5.html
———–
تا اونجای که من اطلاع دارم سال مرغ داریم، نه خروس
حالا مرغ و خروس و کبک و بوقلمون و شترمرغش خیلی فرق نمیکنه، مهم نفس کاره ;)
ولی تا اونجایی که یادمه سال خروس داشتیم نه مرغ!!!
باشه، حالا شما چه گیری هستید :D
به قول آقا نبی مهم نفس کاره
باهوشان! یه کم مطالعه بد نیست سال مرغ و خروس یا گربه و خرگوش یا نهنگ و اژدها در سرزمینهای مختلف یه کم اختلاف بوده در ویتنام و چین پایه ریزی شده ولی خصوصیات مشابهی دارن.
خوب حالا که چی، اینو میگین؟
۱۳۸۸ با ۸۸ یه قرن فاصلست. :D
آقا جواد می شه بگید یک قرن چند سال می شه؟!
بابا شما چه گیری میدید، من میخواستم به آقا سجاد بگم که فاصلهی اون ۸۸ تا ۱۳۸۸ خیلی زیاده… :D
بله میدونم ۸۸ تا ۱۳۸۸ سیزده قرن فاصله هست. ;)