<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0026)[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] -->
<HTML
dir=rtl><HEAD><TITLE>آموزش جاوا اسكريپت ابتدايي - Teach Java Script</TITLE>
<SCRIPT language=javascript>
BlogComments=[27,35,26,1,25,4,24,9,23,28,22,35,21,1,19,27,18,57, 15,13,14,10,13,2,12,0,11,0,10,0,9,3,8,0,7,1,6,0,5, 0,4,2,3,0,2,1,1,4];
</SCRIPT>
<LINK title="آموزش جاوا اسکريپت ابتدايي"
href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" type=application/rss+xml
rel=alternate>
<META [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] content=fa>
<META [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] content="text/html; charset=utf-8"><!-- info about your site in coatations -->
<META content="آموزش جاوا اسكريپت به روش ساده و روان" name=description><!-- keywords of your blog in coatations -->
<META
content="آموزش جاوا اسكريپت، تابع، متغير، ثابت ،فرم، حلقه، بازي، شرط، ساعت، آرايه، كد, Java, Scritp, Lrean, Function, Constant, Variable, Object, Properties, Methods, Event, if, switch, do while, for"
name=keywords>
<STYLE>TABLE {
FONT: 8pt Tahoma; COLOR: #345f8a
}
BODY {
FONT-SIZE: 8pt; BACKGROUND: url([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]) #b3c2e1 repeat-x; FONT-FAMILY: Tahoma
}
.bul:link {
FONT-SIZE: 10pt; FONT-FAMILY: Wingdings
}
.bul:visited {
FONT-SIZE: 10pt; FONT-FAMILY: Wingdings
}
.bul:hover {
FONT-SIZE: 10pt; FONT-FAMILY: Wingdings
}
#floater {
Z-INDEX: 10; VISIBILITY: visible; POSITION: absolute
}
.dNavbar0 {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 150px; DIRECTION: rtl; PADDING-TOP: 2px; TEXT-ALIGN: right
}
.dNavbar A:link {
FONT: 9pt Tahoma; COLOR: navy; TEXT-DECORATION: none
}
.dNavbar A:visited {
FONT-WEIGHT: normal; FONT-SIZE: 9pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.dNavbar A:hover {
COLOR: #345f8a
}
.dHeader {
WIDTH: 700px; COLOR: #345f8a; DIRECTION: rtl; HEIGHT: 45px
}
.dSubHeader {
WIDTH: 700px; COLOR: #345f8a; DIRECTION: rtl; HEIGHT: 18px
}
.dMain {
WIDTH: 700px; COLOR: #000000; DIRECTION: rtl; TEXT-ALIGN: right
}
.dContent {
FLOAT: left; WIDTH: 530px; DIRECTION: rtl; TEXT-ALIGN: right
}
.posttitle {
FONT-WEIGHT: bold; FONT-SIZE: 9pt; PADDING-BOTTOM: 2px; COLOR: #000080; PADDING-TOP: 6px; FONT-FAMILY: Tahoma
}
.postbody {
FONT-SIZE: 9pt; PADDING-BOTTOM: 2px; COLOR: black; PADDING-TOP: 1px; FONT-FAMILY: Tahoma
}
.postbody A:link {
FONT: 9pt Tahoma; COLOR: #258cf3; TEXT-DECORATION: none
}
.postbody A:visited {
COLOR: blue
}
.postbody A:hover {
COLOR: red; TEXT-DECORATION: underline
}
.postdesc {
FONT-SIZE: 8pt; COLOR: #666666; FONT-FAMILY: Tahoma
}
A {
FONT: 9pt Tahoma; COLOR: #000080; TEXT-DECORATION: none
}
A:visited {
COLOR: blue
}
A:hover {
COLOR: red; TEXT-DECORATION: underline
}
A:active {
COLOR: maroon
}
.dTitle {
FONT-WEIGHT: bold; FONT-SIZE: 18pt; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; FONT-FAMILY: Arial
}
.dSubtitle {
FONT-SIZE: 9pt; PADDING-BOTTOM: 6px; COLOR: black; FONT-FAMILY: Tahoma
}
INPUT {
BORDER-RIGHT: #013334 1px solid; BORDER-TOP: #013334 1px solid; FONT: 12px Tahoma; BORDER-LEFT: #013334 1px solid; BORDER-BOTTOM: #013334 1px solid; BACKGROUND-COLOR: white
}
.PostContent {
BORDER-RIGHT: medium none; PADDING-RIGHT: 2px; BORDER-TOP: medium none; PADDING-LEFT: 2px; SCROLLBAR-FACE-COLOR: #345f8a; FONT-SIZE: 10pt; PADDING-BOTTOM: 2px; OVERFLOW: scroll; BORDER-LEFT: medium none; WIDTH: 100%; SCROLLBAR-3DLIGHT-COLOR: #285a96; LINE-HEIGHT: 170%; SCROLLBAR-ARROW-COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: medium none; SCROLLBAR-BASE-COLOR: #285a96; POSITION: relative; HEIGHT: 500px; TEXT-ALIGN: justify; SCROLLBAR-TRACK-BACKGROUND: #a9bdd5; Spacing: 2
}
.Rahnama1 {
MARGIN-BOTTOM: 2px; FONT: 9pt Tahoma; BORDER-BOTTOM: #285a96 3px solid; BORDER-COLLAPSE: collapse
}
.Rahnama2 {
BORDER-RIGHT: #41638b 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #41638b 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #41638b 1px solid; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM: #41638b 1px solid; BACKGROUND-COLOR: #eff2fe
}
</STYLE>
<SCRIPT lang=javascript>
function GetBC(lngPostid)
{
intTimeZone=12642;
strBlogId="jscript";
intCount=-1;
strResult="";
try {
for (i=0;i<BlogComments.length;i+=2)
{
if (BlogComments[i]==lngPostid)
intCount=BlogComments[i+1] ;
}
} catch( e) {
}
if ( intCount==-1) strResult="آرشیو نظرات";
if ( intCount==0) strResult="نظر بدهید";
if ( intCount==1) strResult="یک نظر";
if ( intCount>1) strResult=intCount + " نظر" ;
strUrl="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" +strBlogId + "&postid=" + lngPostid + "&timezone=" + intTimeZone ;
strResult ="<a href=\"javascript:void(0)\" onclick=\"javascript:window.open('" + strUrl + "','blogfa_comments','status=yes,scrollbars=yes,too lbar=no,menubar=no,location=no ,width=500px,height=500px')\" >" + strResult + " </a>" ;
document.write ( strResult ) ;
}
</SCRIPT>
<META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD>
<BODY onmousemove=cursorPos()
onkeypress="if (window.event.keyCode == 27) window.close()"
onunload=setCookie3()>
<DIV align=center>
<DIV class=dHeader>
<DIV class=dTitle><IMG id=logo
src="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/java.gif"
border=0></DIV></DIV>
<DIV class=dSubHeader style="WIDTH: 700px; HEIGHT: 18px">
<DIV class=dSubtitle>آشنايي با برنامه نويسي، آموزش جاوا اسكريپت
ابتدايي</DIV></DIV>
<DIV class=dMain id=main>
<DIV class=dContent id=content style="WIDTH: 536px; HEIGHT: 573px"><A
name=27></A>
<TABLE style="FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; BORDER-COLLAPSE: collapse"
height=71 cellPadding=0 width=530 border=0>
<TBODY>
<TR>
<TD width=7 height=22><IMG height=22
src="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/rightc.gif"
width=7 border=0></TD>
<TD style="BACKGROUND-REPEAT: repeat-x" width="100%"
background="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/centerc.gif"
height=22><FONT face=WingDings size=4>1</FONT><B>گام آخر</B></TD>
<TD width=7 height=22><IMG height=22
src="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/leftc.gif"
width=7 border=0></TD></TR>
<TR>
<TD
style="BORDER-RIGHT: #41638b 1px solid; BORDER-TOP: #41638b 1px solid; FONT-SIZE: 10pt; BACKGROUND: #eff2fe; BORDER-LEFT: #41638b 1px solid; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-ALIGN: justify"
vAlign=top colSpan=3>
<DIV class=PostContent>
<P style="TEXT-ALIGN: center">كاش در دهكده عشـق فراواني بود<BR>توي بـازار
صداقت، كمي ارزاني بود<BR><BR>كاش اگر گاه، كمي لطف به هم ميكرديم<BR><FONT
color=#0000ff>مختصـــر</FONT> بـود ولــي <FONT color=#0000ff>ســاده و
پنهانـي</FONT> بــود</P>
<P>سلام</P>
<BLOCKQUOTE>
<P>"اين وبلاگ را براي راه افتادن چندتا از دوستان، باز كردم. هم تشويقي
براي شروع به كار آنها باشد و هم مرجعي براي جواب سوالهايشان. <FONT
color=#0000ff>قصدم اين نبود كه زبان جاوا اسكريپت را به طور كامل، تدريس
كنم</FONT>. با وجود سايتهاي معتبر و تخصصي خارجي و ايراني، جايي براي چنين
ادعايي نيست. ولي گاهي اوقات، <FONT color=#0000ff>اثري كه يك درس خصوصي و
چند نفره دارد، يك كلاس عمومي، نخواهد داشت</FONT>."</P></BLOCKQUOTE>
<P>قريب يكسال پيش (پنجشنبه 19 آذر 1383)، با اين جملات، وبلاگ "آموزش جاوا
اسكريپت" آغاز شد. آن روز به خاطر يك دوست خوب، نوشتم؛ و امروز كه آن دوست در
بين ما نيست، در ميان شما دوستان خوب هستم.</P>
<P>الان كه به نوشتههاي آن روز نگاه ميكنم، از اينكه به هدفم نزديك شدم،
خوشحالم؛ و خوشحالم كه اين درس، نيمه كاره نماند و به پايان رسيد؛ هرچند كه
با مشكلاتي روبرو شد. تعداد دروسي كه در ذهنم بود، حدود 20 جلسه بود و
خوشبختانه همينطور هم شد. از خدا خواستم كه از اين امتحان، رو سفيد بيرون
بيايم و اميدوارم كه اينطور شده باشد. خدا را به خاطر فرصتي كه به من داد
سپاسگزارم.</P>
<P style="TEXT-ALIGN: center">سرانجام كار، تو خوشند باشي و من رستگار</P>
<P>بعضي از دوستان، درس را جدي گرفتند و به نتيجه رسيدند، و بعضي به خاطر
مشكلات يا سست عهدي، رفيق نيمه راه بودند. براي همه آنها آرزوي سلامت و
موفقيت ميكنم.<BR>از دوستاني كه مرا همراهي كرده و ابراز لطف نمودند، تشكر
ميكنم.<BR>از دوستاني كه به هر دليلي نتوانستم پاسخ نامه و سوالهايشان را
بدهم عذرخواهي ميكنم. احتمال اينكه نامهيتان به دستم نرسيده باشد، يا پاسخ
من، به دست شما، زياد است.<BR>اگر در نوشتن درسها يا پاسخ به سوالها، تاخير
نموده، و باعث تلف شدن وقتتان شدم، معذرت ميخواهم.</P>
<P>از دوستان خوبم ساحل، هستي، ايراني، mreza، الهام، رسول، ليلا، آشيل،
جعفر، بهروز، مجتبي، پژمان قدرتي، حامد، وحيد، ناصر، رضا، حبیب میرزاي،
کیومرث، هاني، ramyar، آزاده، هليا، Nice، محمد، افشين، سيد اكبر حسيني،
اميررضا، سيد محسن هاشمي، علي، هنگامه، و ناشناس عزيز، تشكر فراوان كرده و
همه را به خداي مهربان ميسپارم.</P>
<P style="TEXT-ALIGN: center">اين روزا بايد هممون براي هم سايه
باشيم<BR>شبـا يكـم دلـواپس كـودك همـسايه باشيم</P>
<P style="TEXT-ALIGN: center">اگـه بـه هـم كمـك كنيـم زنـدگـي ديـدنـي
ميـشه<BR>بر سر پيمان ميمونند دوستاي خوب تا هميشه</P>
<P>خدانگهدار</P></DIV></TD></TR>
<TR>
<TD
style="BORDER-RIGHT: #41638b 1px solid; PADDING-RIGHT: 2px; BACKGROUND-POSITION: 0% 0%; PADDING-LEFT: 2px; FONT-SIZE: 9pt; BACKGROUND-ATTACHMENT: scroll; PADDING-BOTTOM: 2px; BORDER-LEFT: #41638b 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #41638b 1px solid; BACKGROUND-REPEAT: repeat; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #eff2fe"
vAlign=top
background="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/centerc.gif"
colSpan=3 height=23>
<DIV class=postdesc><A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"><FONT
face=WingDings size=3>?</FONT></A> نوشته شده در دوشنبه 18
مهر1384ساعت 3:24 توسط راهنما |
<SCRIPT type=text/javascript>GetBC(27);</SCRIPT>
</DIV></TD></TR></TBODY></TABLE><BR><A name=26></A>
<TABLE style="FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; BORDER-COLLAPSE: collapse"
height=71 cellPadding=0 width=530 border=0>
<TBODY>
<TR>
<TD width=7 height=22><IMG height=22
src="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/rightc.gif"
width=7 border=0></TD>
<TD style="BACKGROUND-REPEAT: repeat-x" width="100%"
background="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/centerc.gif"
height=22><FONT face=WingDings size=4>1</FONT><B>جلسه 20</B></TD>
<TD width=7 height=22><IMG height=22
src="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/leftc.gif"
width=7 border=0></TD></TR>
<TR>
<TD
style="BORDER-RIGHT: #41638b 1px solid; BORDER-TOP: #41638b 1px solid; FONT-SIZE: 10pt; BACKGROUND: #eff2fe; BORDER-LEFT: #41638b 1px solid; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-ALIGN: justify"
vAlign=top colSpan=3>
<DIV class=PostContent>
<P style="TEXT-ALIGN: center"><B>مفاهيم و واژهنامه</B></P>
<P>سلام<BR>اين جلسه، مجموعهاي از مفاهيم و واژههايي است كه در جلسات
مختلف، بيان شده است. سعي شده كه مرتب و بدون دخل و تصرف نوشته شود؛ الا بعضي
موارد كه نياز بوده. اين جلسه را هديه ميكنم به دوستان علاقمند، صادق و
استوار وبلاگ جاوا اسكريپت.</P>
<P style="TEXT-ALIGN: center"><I><B>« مفـاهيـم »</B></I></P>
<P><B>برنامه نويسي</B> </P>
<P>زبان برنامه نويسي، وسيلهاي است براي ساختن برنامه و نرمافزار مورد نياز
ما.</P>
<P>به طور كلي ميتوانيم برنامههاي خود را به دو گروه، تقسيم كنيم:<BR>1-
برنامههايي كه در <B>محيط رايانه</B>، استفاده ميشوند.<BR>2- برنامههايي
كه در <B>محيط وب و اينترنت</B> قابل استفاده هستند.</P>
<P><B>زبان كاربري</B> </P>
<P>بعضي از زبانهاي برنامه نويسي تحت وب، در طرف <B>كاربر و كلاينت</B>
(<SPAN lang=en-us>C</SPAN>lient) - يعني شما كه از اينترنت استفاده ميكنيد
- اجراء ميشود.<SPAN lang=en-us> JavaScript, JScript, VBScript.</SPAN></P>
<P><B>زبان سِـروري</B> </P>
<P>زبانهاي برنامه نويسي تحت وبي كه در طرف <B>سرور</B> <SPAN
lang=en-us>(S</SPAN>server) - يعني سايتي كه شما از آن استفاده ميكنيد -
اجراء ميشود.<SPAN lang=en-us> asp, php</SPAN>.</P>
<P><B>جاوا اسكريپت</B></P>
<P>با جاوا اسكريپت، ميتوانيم برنامهاي بنويسيم كه هم در رايانه و هم در
محيط اينترنت، قابل اجراء باشد. البته زادگاه اصلي آن، اينترنت است.<BR>جاوا
اسكريپت، از آن دسته از زبانهاست كه در طرف كاربر، عمل ميكند. </P>
<P><B>Object (شي)</B></P>
<P><FONT color=#0000ff>هر چيزي كه در صفحه ما وجود دارد، يك شي حساب ميشود
و ميتوان از آن استفاده كرد و تغييرش داد</FONT>. اولين شي موجود، خود صفحه
و سند (<SPAN lang=en-us>document</SPAN>) است، كه قبلا با آن آشنا
شدهايد.</P>
<P><B>Properties (خصوصيات)</B></P>
<P><FONT color=#0000ff>هر شي، يك مشخصات و خصوصياتي دارد كه بيانگر كمّيت و
كيفيت آنست</FONT>. مثلا يك سند، داراي اين خصوصيات است: پس زمينه، عنوان
(<SPAN lang=en-us>Title</SPAN>)، نوار وضعيت (<SPAN
lang=en-us>Status</SPAN>)، نوار پيمايش (<SPAN lang=en-us>Scroll</SPAN>)،
متن (<SPAN lang=en-us>Text</SPAN>)، لينك (<SPAN
lang=en-us>Link</SPAN>).</P>
<P><B>Methods (متُد)</B></P>
<P><FONT color=#0000ff>کاري که اشياء ميتوانند انجام دهند، متد ناميده
ميشود</FONT>؛ مانند باز كردن يا بستن پنجره. <FONT color=#0000ff>شالوده و
اصل يك زبان برنامه نويسي، متدهاي آن برنامه است</FONT>، كه ما بايد آنها را
به خوبي ياد گرفته و در جاي مناسب استفاده نماييم. متدها، توسط سازندگان زبان
برنامه نويسي، نوشته و تهيه ميشود و ممكن است در نسخههاي جديد آن زبان،
تغيير داده شده، اضافه و تكميل شود.<BR> </P>
<P><B>Event (رويداد)</B></P>
<P><FONT color=#0000ff>رويداد، عملياتي است كه كاربر، در يك صفحه انجام
ميدهد</FONT>. بعضي از رويدادها مشترك و عمومي هستند و بعضي مخصوص يك شي.
بعضي از اين رويدادها را براي شما دسته بندي كردهام كه حتما ذخيره نموده و
به مرور آنرا كامل كنيد.</P>
<P><B>شرط</B></P>
<P>يكي از ابزار و دستورات مهم هر زبانِ برنامه نويسي، شرط است. آيا ميدانيد
شرط چيست؟ براي درك مفهوم آن، احتياجي نيست به خود زحمت بدهيد؛ چون اين
دستور، در زندگي من و شما به وفور يافت ميشود. اگر خورشيد درآيد، هوا روشن
ميشود. اگر درس بخواني، قبول ميشوي.</P>
<P><B>ادات شرط</B></P>
<P>1. <FONT color=#0000ff><SPAN lang=en-us>if</SPAN></FONT><BR>2. <FONT
color=#0000ff><SPAN lang=en-us>switch ... case</SPAN></FONT><BR>3. <SPAN
lang=en-us>variable = (condition)</SPAN> <SPAN lang=en-us>?</SPAN> <SPAN
lang=en-us>true</SPAN> <SPAN lang=en-us>:</SPAN> <SPAN
lang=en-us>false</SPAN></P>
<P>معروفترين ادات شرط،<FONT color=#0000ff> <SPAN
lang=en-us>if</SPAN></FONT> است.</P>
<P><B>ساختمان شرط</B></P>
<P> • جمله شرطي، از سه قسمت اصلي، تشكيل شده است.<BR>1- <FONT
color=#0000ff>ادات شرط</FONT>: كلمهاي كه شرط را ميرساند؛ مانند
اگر.<BR>2- <FONT color=#0000ff>شرط</FONT>: جملهاي كه شرطِ انجام كاري،
واقع شده.<BR>3- <FONT color=#0000ff>مشروط يا جزا</FONT>: جملهاي كه جزاي
شرط و در جواب آن آمده؛ يعني در صورت تحقق شرط، آن نيز به وقوع
ميپيوندد.</P>
<P><B>Operators (عملگرها)</B></P>
<P>در برنامه نويسي، از علامت و نشانههايي استفاده ميشود كه به آن عمگر
گفته ميشود. يكي از انواع عمگرها، عمگر شرطي ميباشد.</P>
<P><B>عمليات برنامه نويسي</B></P>
<P> • <FONT color=#0000ff>يك عمليات برنامه نويسي، داراي سه بخش،
است</FONT>.<BR>1. <FONT color=#0000ff>دريافت</FONT> داده. در اين قسمت،
اسكريپت، اطلاعاتي را كه نياز دارد، ميگيرد.<BR>2. <FONT
color=#0000ff>پردازش</FONT> داده. در اين قسمت، اطلاعاتي كه تهيه كرده،
تجزيه و تحليل ميكند.<BR>3. <FONT color=#0000ff>نمايش</FONT> داده. در اين
قسمت، اطلاعات پردازش شده را، ارائه ميكند.</P>
<P><B>ثابت و متغير</B></P>
<P><FONT color=#0000ff>بعضي از اطلاعاتي كه يك برنامه، به دست ميآورد، ثابت
(Constant) است، و بعضي، متغير (Variable). </FONT>متغير به اين معني كه يك
چيز ثابت، مشخص و از پيش تعريف شده نيست. آنچه كه برنامه نويس، بيشتر با او
سر و كار دارد، متغير است.</P>
<P><B>انواع متغير</B></P>
<P><FONT color=#0000ff>1- رشتهاي (<SPAN lang=en-us>String</SPAN>):</FONT>
حروف و كلمه<BR><FONT color=#0000ff>2- عددي (<SPAN
lang=en-us>Number</SPAN>):</FONT> اعداد و ارقام (اعداد صحيح و
اعشاري)<BR><FONT color=#0000ff>3- منطقي (<SPAN
lang=en-us>Boolean</SPAN>):</FONT> بله و خير</P>
<P><FONT color=#0000ff>متغير سراسري، عمومي (<SPAN lang=en-us><FONT
face="Verdana, ARIAL, HELVETICA">G</FONT></SPAN><FONT
face="Verdana, ARIAL, HELVETICA" size=2>lobal</FONT> گلوبال)<BR></FONT>اگر
متغير را خارج از تابع بنويسيد، عمومي است؛ چون ميشود در سرتاسر برنامه،
آنرا صدا زده و مورد استفاده قرار داد.</P>
<P><FONT color=#0000ff>متغير محلي، خصوصي (<SPAN lang=en-us><FONT
face="Verdana, ARIAL, HELVETICA">L</FONT></SPAN><FONT
face="Verdana, ARIAL, HELVETICA" size=2>ocal</FONT> لوكال)<BR></FONT>اگر
متغيري را داخل تابع تعريف كنيد، خصوصي است؛ يعني فقط در همان محل و همان
تابع، كابرد دارد، و بيرون از آن، نه ميشود صدا زد و نه ميشود استفاده
كرد.</P>
<P><B>زمان</B></P>
<P><FONT color=#0000ff>زمان، داراي اجزا مختلف است</FONT>؛ يعني انسان، آنرا
به بخشهاي مختلف تقسيم كرده تا قابل استفاده باشد. قسمتي از آن، <FONT
color=#0000ff>تاريخ</FONT> (سال، ماه، هفته و روز) نام دارد، و قسمتي از آن،
به اجزا كوچكتر (ساعت، دقيقه و ثانيه) تقسيم شده، و <FONT
color=#0000ff>ساعت</FONT>، ناميده ميشود. البته معيار تاريخ در برنامه
نويسي، ميلادي است. براي تبديل به شمسي يا قمري، بايد از برنامه نويسي
استفاده كنيد.</P>
<P><B>تابع </B></P>
<P><FONT color=#0000ff>تابع</FONT> يا همان فانِكشين (<FONT
color=#0000ff><SPAN lang=en-us>Function</SPAN></FONT>)، مجموعهاي از يك يا
چند كد است كه در يك جا جمع شده و داراي نام شدهاند.<FONT size=2><FONT
color=#0000ff><BR>آرگومان</FONT>: گاهي، داخل پرانتزي كه بعد از نام تابع
قرار ميگيرد، چيزي نوشته ميشود به نام <FONT color=#0000ff>آرگومان</FONT>
كه يك نوع متغير است.</FONT></P>
<P><B>آرايه</B></P>
<P><FONT color=#0000ff>آرايه، مجموعهاي از چند داده (ثابت و متغير) است كه
به عنوان يك واحد شناخته شده و اعضاي آن، با كد، مشخص شدهاند.</FONT> به
عبارت ديگر، تعدادي از اطلاعات كه در كنار هم قرار گرفتهاند و يك وجه مشترك
داشته و به يك نام خوانده ميشوند.</P>
<P><B>حلقه</B></P>
<P> يكي ديگر از ويژگيهاي مفيد جاوا اسكريپت و همچنين ساير زبانهاي
برنامه نويسي، توانايي ايجاد حلقههاي تكرار، يا <FONT color=#0000ff>اجراي
گروهي از دستورالعملها به صورت تكراري</FONT> است. اين، يكي از كارهايي است
كه رايانهها قادرند تا به خوبي آنها را انجام دهند، و آن چيزي نيست جز انجام
كارهاي تكراري با دقت بالا. در برنامههاي اسكريپت، از حلقههاي تكرار به
عنوان يك ابزار قوي و مهم، استفادههاي فراواني ميشود.<FONT
size=2><BR> </FONT></P>
<P><B>ادات حلقه</B></P>
<P> • از روشهاي مختلفي براي ايجاد حلقه، استفاده ميشود.</P>
<P>1. <SPAN lang=en-us><FONT color=#0000ff>for</FONT><BR></SPAN>2.<SPAN
lang=en-us> <FONT color=#0000ff>While</FONT><BR></SPAN>3. <FONT
color=#0000ff><SPAN lang=en-us>do ... while</SPAN></FONT></P>
<P>معروفترين ابزار حلقه، <FONT color=#0000ff><SPAN
lang=en-us>for</SPAN></FONT> است.</P>
<P style="TEXT-ALIGN: right"><B>ساختمان حلقه</B></P>
<P style="TEXT-ALIGN: right">1. <FONT color=#0000ff>ابتداي حلقه</FONT>:
<SPAN lang=en-us><FONT color=#0000ff>a</FONT> = 0</SPAN>. اين عدد، شروع و
ابتداي حلقه را معيّن ميكند.<BR>2. <FONT color=#0000ff>انتهاي
حلقه</FONT>:<SPAN lang=en-us><FONT color=#0000ff> a</FONT> < 10</SPAN>.
اين عدد، حداكثر و انتهاي حلقه - به عبارت ديگر، تعداد تكرار دستورات - را
مشخص ميكند.<BR>3. <FONT color=#0000ff>افزايش يا كاهش</FONT>: اين پارامتر،
مشخص ميكند كه حلقه، در هر بار اجرا، يك واحد زياد شود يا كم<FONT
color=#0000ff>.</FONT> <FONT color=#0000ff><BR></FONT>4. <FONT
color=#0000ff>جواب حلقه</FONT>: حلقه، بي شباهت به شرط نيست. به عبارت ديگر:
اگر متغير ما (<SPAN lang=en-us>a</SPAN>)، از 0 تا 10 تداوم داشت، نمايش
پيام، ادامه داشته باشد.</P>
<P><B>فرم</B></P>
<P>فرم وسيلهاي است براي دريافت اطلاعات از كاربر.</P>
<P><FONT color=#0000ff>method</FONT> = نوع ارسال اطلاعات را معين ميكند،
كه دو نوع است: <SPAN lang=en-us>post, get</SPAN>. اين دو روش با تفاوتهايي،
عمليات ارسال را انجام ميدهند. روش پُست، عموميتر است و از لحاظ
امنيتي، برتري دارد. اگر متد را ننويسيد، از پُست، استفاده ميشود.<BR><FONT
color=#0000ff>action</FONT> = محلي را نشان ميدهد كه اطلاعات، براي پردازش،
به آنجا ارسال خواهد شد؛ يعني آدرس يك صفحه است، كه در اينجا براي مثال،
<SPAN lang=en-us>test.htm</SPAN> را انتخاب كردهام.<BR><FONT
color=#0000ff>name</FONT> = نام فرم. <BR><FONT
color=#0000ff>onSubmit</FONT> = يك رويداد است. تابعي را كه در جاوا
اسكريپت، نوشتهايد را صدا ميكند.<SPAN lang=en-us><FONT
color=#0000ff><BR>Get - Post </FONT>= </SPAN>تفاوت بين اين دو، در چگونگي
ارسال اطلاعات از فرم، به اسكريپت پردازشگر است. </P>
<UL>
<LI>اگر از روش گت، استفاده كنيد، مقدار اطلاعاتي كه ميتوانيد ارسال كنيد،
محدود است.
<LI>با استفاده از روش <SPAN lang=en-us>get</SPAN>، اطلاعات به دست آمده
از فرم، به عنوان بخشي از يك <SPAN lang=en-us>URL</SPAN>، انتقال مييابد؛
اما در روش <SPAN lang=en-us>post</SPAN>، اطلاعات، در حقيقت به صورت
نامرئي، منتقل ميشود. اگر براي مثال، در روش گت، كاربر، يك رمز عبور را در
فيلد پسورد، بنويسد، و فرد ديگري نيز در حال مشاهده صفحه نمايش كاربر باشد،
به راحتي ميتواند از رمز عبور كاربر، آگاه شود. به عبارت ديگر، اين روش،
در سطح امنيتي پايينتري از روش پست ميباشد.
<LI>صفحهاي كه حاوي فرمي با مشخصه گت است، ميتواند نشانه گذاري (<SPAN
lang=en-us>Bookmark</SPAN>) شود؛ در حالي كه در روش پست، اين كار، ممكن
نيست.</LI></UL>
<P><B>اشارهگر</B></P>
<P>اشارهگر (Cursor) - كه كاربران معمولا و به اشتباه، به آن موس هم
ميگويند - همان شكلي است كه با حركت موس، در مانيتور، حركت ميكند و نمادي
از انگشت و دست شماست براي اشاره به اشياء داخل صفحه.<BR> </P>
<P style="TEXT-ALIGN: center"><I><B>« واژه نــامه »</B></I></P>
<P><FONT color=#0000ff>كـُد (<SPAN lang=en-us>Code</SPAN>):</FONT> دستور و
فرماني كه به زبان برنامه نويسي، نوشته شده.<BR><FONT color=#0000ff>تَـگ
(<SPAN lang=en-us>Tag</SPAN>):</FONT> كوچكترين جزء يك كد. مثلا تگ سر =
<SPAN lang=en-us><head></SPAN>؛ تگ بدنه = <SPAN
lang=en-us><Body></SPAN>؛ تگ اسكريپت = <SPAN
lang=en-us><Scirpt></SPAN>. هر تگ بايد در داخل اين دو علامت <SPAN
lang=en-us>< ></SPAN>، قرار گيرد.<FONT color=#0000ff><BR>پارامتر
(Parameter):</FONT> مقداري كه براي تگ، نوشته ميشود. مثلا براي تگ خط،
معيّن ميكنيم كه از چه نوعي، به چه اندازهاي و چه رنگي باشد. مثال: كلمه
<SPAN lang=en-us>Color</SPAN>، در تگ <SPAN lang=en-us>Font</SPAN>،
پارامتري است كه رنگ متن را مشخص ميكند. پارامتر را شايد بتوان اين گونه
تعريف كرد كه "قيد حالت است براي تگ". تگ اسكريپت، هم داراي پارامترهايي
است.<FONT color=#0000ff><BR>document</FONT> = سند، صفحه جاري، پنجرهاي كه
در آن كار ميكنيد<BR><FONT color=#0000ff>document.bgColor</FONT> = رنگ پس
زمينه سند<BR><FONT color=#0000ff><SPAN lang=en-us>new Date</SPAN>:</FONT>
متدِ زمان به صورت كلي و مطلق است. بعد از آن بايد نوع زمان خود را مشخص
كنيد؛ يعني چه قسمتي از زمان را ميخواهيد بدانيد؛ سال، ماه، هفته، روز و ...
. به تنهايي چيزي را نشان نميدهد.<BR><FONT
color=#0000ff>toLocaleString:</FONT> متدي براي به دست آوردن زمان كامل
(تاريخ و ساعت) است<SPAN lang=en-us> </SPAN>كه به عنوان خصوصيت، براي زمان
كلي استفاده ميشود.<BR><FONT color=#0000ff>document.write:</FONT> متدي كه
براي نوشتن متن در صفحه استفاده ميشود.<BR><FONT
color=#0000ff>document.write<SPAN lang=en-us>ln</SPAN>:</FONT> مانند دستور
قبلي عمل ميكند؛ با اين تفاوت كه يك فاصله تا رشته قبلي، ايجاد
ميكند.<BR><FONT color=#0000ff><SPAN lang=en-us>;</SPAN> </FONT>: به اين
علامت، سِمي كالـِن گفته ميشود كه در پايان هر دستور، ميآيد؛ هر چند در
جاوا، اجباري نيست.<BR><FONT color=#0000ff>// </FONT>: به اين علامت، كامنت
(Comment) گفته ميشود كه براي نوشتن توضيح، در ميان كدهاي برنامه نويسي است.
هر عبارتي كه بعد از اين علامت بيايد، توسط برنامه، خوانده و اجرا نميشود و
صرفا ً توضيحي است كه برنامه نويس، يادداشت كرده.<BR><FONT
color=#0000ff><SPAN lang=en-us>ID:</SPAN></FONT> آيدي، همان نام (<SPAN
lang=en-us>Name</SPAN>) شي است؛ البته گاهي در عمل تفاوتهايي با هم
دارند.<FONT color=#0000ff><BR>innerText: </FONT>با اين دستور، متن يك تگ در
قسمت بدنه - مانند محتويات تگ پاراگراف - نمايش داده ميشود؛ و
ميتوانيم آنرا تغيير داده و ويرايش كنيم. <FONT color=#0000ff><SPAN
lang=en-us><BR>out</SPAN>er<SPAN lang=en-us>HTML - </SPAN>inner<SPAN
lang=en-us>HTML - out</SPAN>erText:</FONT> اين 3 متد، شبيه دستور قبلي است؛
البته با كمي تفاوت.<BR><FONT color=#0000ff>setTimeout: </FONT>دستور تايمر
و زمان شمار است. بعد از آن، يك جفت پرانتز، قرار دارد كه داخلش، دو پارامتر
نوشته ميشود:<BR>1. اسم چيزي است كه قرار است اجرا شود؛ مانند يك
تابع.<BR>2. زماني كه تايمر در آن فعال خواهد شد. واحد زمان، ميلي ثانيه است.
(1000 = يك ثانيه)<BR><FONT color=#0000ff>set<SPAN
lang=en-us>Interval</SPAN>: </FONT>دستور تايمر و زمان شمار است<SPAN
lang=en-us>. </SPAN>مانند دستور قبل، عمل ميكند.<BR><SPAN lang=en-us><FONT
color=#0000ff>Table</FONT> =</SPAN> جدول.<SPAN lang=en-us>
<</SPAN>table<SPAN lang=en-us>><BR><FONT
color=#0000ff>Row</FONT></SPAN> =<SPAN lang=en-us> </SPAN>سطر، ستون
افقي<SPAN lang=en-us>.</SPAN> <SPAN lang=en-us><tr><BR><FONT
color=#0000ff>Cell</FONT></SPAN> = سلول، خانههاي جدول. <SPAN
lang=en-us><td><BR><FONT color=#0000ff>window</FONT></SPAN><FONT
color=#0000ff> </FONT>= شي صفحه است، كه داراي متدهاي مختلفي
است.<SPAN lang=en-us><BR><FONT color=#0000ff>window</FONT></SPAN><FONT
color=#0000ff>.scroll</FONT> = متد اسكرول صفحه. داخل پرانتز، دو پارامتر
دارد كه دو عدد هستند كه موقعيت صفحه را نشان ميدهند. اولي، موقعيت فعلي
صفحه؛ دومي، موقعيتي كه بايد به آنجا برسد.<BR><FONT
color=#0000ff>window.scroll<SPAN lang=en-us>To</SPAN> - window.scrollBy
</FONT>= دو متد ديگر از parent هستند. با تمرين، به دست آورديد كه چه كاري
انجام ميدهند.<BR><FONT color=#0000ff><SPAN
lang=en-us>parent</SPAN></FONT> = معادل window است و در مورد اسكرول،
ميتواند به جاي آن قرار گيرد.</P>
<P>به اميد ديدار<BR>خدانگهدار</P></DIV></TD></TR>
<TR>
<TD
style="BORDER-RIGHT: #41638b 1px solid; PADDING-RIGHT: 2px; BACKGROUND-POSITION: 0% 0%; PADDING-LEFT: 2px; FONT-SIZE: 9pt; BACKGROUND-ATTACHMENT: scroll; PADDING-BOTTOM: 2px; BORDER-LEFT: #41638b 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #41638b 1px solid; BACKGROUND-REPEAT: repeat; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #eff2fe"
vAlign=top
background="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/centerc.gif"
colSpan=3 height=23>
<DIV class=postdesc><A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"><FONT
face=WingDings size=3>?</FONT></A> نوشته شده در دوشنبه 18
مهر1384ساعت 3:21 توسط راهنما |
<SCRIPT type=text/javascript>GetBC(26);</SCRIPT>
</DIV></TD></TR></TBODY></TABLE><BR><A name=25></A>
<TABLE style="FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; BORDER-COLLAPSE: collapse"
height=71 cellPadding=0 width=530 border=0>
<TBODY>
<TR>
<TD width=7 height=22><IMG height=22
src="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/rightc.gif"
width=7 border=0></TD>
<TD style="BACKGROUND-REPEAT: repeat-x" width="100%"
background="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/centerc.gif"
height=22><FONT face=WingDings size=4>1</FONT><B>جلسه 19</B></TD>
<TD width=7 height=22><IMG height=22
src="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/leftc.gif"
width=7 border=0></TD></TR>
<TR>
<TD
style="BORDER-RIGHT: #41638b 1px solid; BORDER-TOP: #41638b 1px solid; FONT-SIZE: 10pt; BACKGROUND: #eff2fe; BORDER-LEFT: #41638b 1px solid; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-ALIGN: justify"
vAlign=top colSpan=3>
<DIV class=PostContent>
<P style="TEXT-ALIGN: center"><B>حركت 2</B></P>
<P>سلام</P>
<BLOCKQUOTE>
<BLOCKQUOTE>
<BLOCKQUOTE>
<P>فرارسيدن ماه مبارك رمضان را به شما دوستان عزيز! تبريك ميگويم.
اميدوارم كه اين ماه براي همه، پر از خير و بركت
باشد.</P></BLOCKQUOTE></BLOCKQUOTE></BLOCKQUOTE>
<P><B><FONT color=#ff0000>تغييرات:</FONT><BR>- </B>بحث "حركت دادن اشيا" به
اين جلسه اضافه شده است. (جمعه 15 مهر)</P>
<P>بحث ما حركت است. در جلسه قبل، مشاهده كرديد كه حركت پنجره به چه راحتي
انجام پذير است. در اين ساعت، خواهي ديد كه حركت اشيا به دنبال اشارهگر موس
نيز به سهولت امكان دارد. </P>
<P>• <B>تعقيب اشارهگر</B></P>
<P>• براي اين عمليات، ابتدا موقعيت اشارهگر را به دست ميآوريم.
همانطور كه در تمرين جلسه قبل، اجرا شد، با اين دو دستور (event.clientY -
event.clientX) ميشود موقعيت اشارهگر را گرفت.</P>
<P><B>نمونه:</B></P>
<SCRIPT>
function cursorPos()
{
txtMouseY.value = event.clientY;
txtMouseX.value = event.clientX;
}
document.onmousemove=cursorPos;
</SCRIPT>
<DIV align=right>
<TABLE
style="FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: blue; FONT-STYLE: normal; FONT-FAMILY: Tahoma; FONT-VARIANT: normal"
width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=top>موقعيت موس از بالا - clientY: <BR><INPUT id=txtMouseY
style="BORDER-RIGHT: 1px solid; BORDER-TOP: 0px solid; FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND: #eff2fe; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 1px solid; FONT-STYLE: normal; FONT-FAMILY: Tahoma; FONT-VARIANT: normal"
size=5 value=235 name=T5><BR>موقعيت موس از چپ - clientX: <BR><INPUT
id=txtMouseX
style="BORDER-RIGHT: 1px solid; BORDER-TOP: 0px solid; FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND: #eff2fe; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 1px solid; FONT-STYLE: normal; FONT-FAMILY: Tahoma; FONT-VARIANT: normal"
size=5 value=54 name=T6></TD></TR></TBODY></TABLE></DIV>
<P>• حالا بايد چيزي را كه ميخواهيد به دنبال اشارهگر، حركت كند مشخص
نماييد. اين شي ميتواند از لحاظ ظاهر، متن يا عكس يا هر چيز ديگر، و از لحاظ
محتوا، ثابت يا متغير باشد.<BR>- سه متن بنويسيد؛ يك متن براي حركت عمودي، و
يك متن براي حركت افقي، و يكي هم براي حركت كامل.<BR>- هر كدام را داخل يك
لايه قرار دهيد. <BR>- لايهها را به اين ترتيب نامگذاري نماييد: (div1 -
divY - divX)<BR>- استيل آنها را به اين صورت تعريف كنيد: (style=position:
absolute). اين كد، به شي مورد نظر اجازه حركت ميدهد.</P>
<P>• <FONT color=#0000ff>كد <SPAN lang=en-us>HTML</SPAN>:</FONT></P>
<P dir=ltr><p><div <FONT color=#ff0000>id</FONT>="<FONT
color=#0000ff>div1</FONT>" <FONT color=#ff0000>style</FONT>="<FONT
color=#0000ff>position:
absolute;</FONT>">متن</div></p><BR><p><div <FONT
color=#ff0000>id</FONT>="<FONT color=#0000ff>divY</FONT>" <FONT
color=#ff0000>style</FONT>="<FONT color=#0000ff>position:
absolute;</FONT>">عمودي</div></p><BR><p><div <FONT
color=#ff0000>id</FONT>="<FONT color=#0000ff>divX</FONT>" <FONT
color=#ff0000>style</FONT>="<FONT color=#0000ff>position:
absolute;</FONT>">افقي</div></p></P>
<P>• <FONT color=#0000ff>كد <SPAN lang=en-us>JavaScript</SPAN>:</FONT></P>
<P dir=ltr><FONT color=#ff0000>function</FONT> cursorPos() //
تابع<BR>{<BR>// حركت عمودي و افقي<BR>div1.style.top = <FONT
color=#ff0000>event</FONT>.clientY;<BR>div1.style.left = <FONT
color=#ff0000>event</FONT>.clientX;<BR>// حركت عمودي<BR>divY.style.top =
<FONT color=#ff0000>event</FONT>.clientY;<BR>// حركت
افقي<BR>divX.style.left = <FONT
color=#ff0000>event</FONT>.clientX;<BR>}<BR>document.onmousemove=cursorPos;</P>
<P style="TEXT-ALIGN: right" onclick=cursorPos2()><B>براي ديدن نمونه،
اينجا كليك كنيد.</B></P>
<SCRIPT>
<!--
function cursorPos2() {
config = "toolbar=no,location=no,directories=no,status=no,me nubar=no,left=200,top=100,width=600,height=350,"
config += "scrollbars,resizable"
pop = window.open ("","pop",config)
with (pop.document){
write ("<html dir=rtl>\r\n");
write ("<head>
<link rel="alternate" type="application/rss+xml" title="آموزش جاوا اسکريپت ابتدايي" href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" />\r\n");
write ("\t<title>تعقيب اشارهگر</title>\r\n");
write ("<Style>\r\n");
write ("body, table {font: 13px Tahoma; color: blue;}\r\n");
write ("Input {\r\n");
write ("\tFONT: 12px Tahoma;\r\n");
write ("\tBORDER-RIGHT: 1px solid; BORDER-TOP: 0px solid;\r\n");
write ("\tBORDER-LEFT: 0px solid; BORDER-BOTTOM: 1px solid;\r\n");
write ("}\r\n");
write ("</style>\t\r\n");
write ("\t<meta [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"Content-Type\" content=\"text/html; charset=windows-1256\">\r\n");
write ("\t<meta [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"Content-Language\" content=\"fa\">\r\n");
write ("</head>\r\n");
write ("<scri");
write ("pt>\r\n");
write ("function cursorPos()\r\n");
write ("{\r\n");
write ("\ttxtMouseY.value = event.clientY;\r\n");
write ("\ttxtMouseX.value = event.clientX;\r\n");
write ("\t\r\n");
write ("\tdiv1.style.top = event.clientY;\r\n");
write ("\tdiv1.style.left = event.clientX;\r\n");
write ("\tdivY.style.top = event.clientY - 10;\r\n");
write ("\tdivX.style.left = event.clientX - 20;\r\n");
write ("}\r\n");
write ("document.onmousemove=cursorPos;\r\n");
write ("</scri");
write ("pt>\r\n");
write ("<body>\r\n");
write ("<p><div id=\"div1\" style=\"position: absolute;\">متن</div></p>\r\n");
write ("<p><div id=\"divY\" style=\"position: absolute;\">عمودي</div></p>\r\n");
write ("<p><div id=\"divX\" style=\"position: absolute;\">افقي</div></p>\r\n");
write ("<table border=\"0\" width=\"100%\">\r\n");
write ("\t<tr>\r\n");
write ("\t\t<td valign=\"top\"><p>\r\n");
write ("موقعيت موس از بالا - clientY: <br>\r\n");
write ("<input type=\"text\" id=\"txtMouseY\" value=\"\" name=\"T5\" size=\"20\"><br>\r\n");
write ("موقعيت موس از چپ - clientX: <br>\r\n");
write ("<input type=\"text\" id=\"txtMouseX\" value=\"\" name=\"T6\" size=\"20\"></td>\r\n");
write ("\t\t</tr>\r\n");
write ("\t</table>\r\n");
write ("</body>\r\n");
write ("</html>\r\n");
}}
-->
</SCRIPT>
<P>• <B>حركت دادن اشياء</B></P>
<P>در اين مبحث، خواهيم آموخت كه چگونه به وسيله موس، اشيا را جابجا كنيم؛
همانگونه كه در ويندوز به راحتي انجام ميشود.</P>
<P>• مراحل عمليات: </P>
<BLOCKQUOTE>
<P>- ساختن شي مورد نظر<BR>- به دست آوردن موقعيت اشارهگر<BR>- به دست
آوردن موقعيت شي مورد نظر<BR>- تعريف كردن رويداد كليك و
كشيدن</P></BLOCKQUOTE>
<P>• شيئي كه براي اين كار در نظر گرفتهام، يك جدول است كه شبيه كادرهاي
محاورهاي در ويندوز ميباشد. <BR>- اين جدول، داراي دو سلول است. سلول اول،
براي عنوان كادر و محل كشيدن و جابجايي، و سلول پايين، محل نوشته محتوي
است.<BR>- داخل سلول اول، يك لايه (div) قرار دادهام به نام (moveMe1). جدول
را هم (moveMe)، نامگذاري نمودهام.<BR>- استيل جدول را به اين صورت تعريف
كنيد: (style=position: relative). اين كد، به شي مورد نظر اجازه حركت
ميدهد.</P>
<P>• <FONT color=#0000ff>كد <SPAN lang=en-us>HTML</SPAN>:</FONT></P>
<P dir=ltr><<FONT color=#ff0000>table</FONT> <FONT
color=#ff0000>id</FONT>="<FONT color=#0000ff>moveMe</FONT>" <FONT
color=#ff0000>style</FONT>="<FONT color=#0000ff>position:
relative;</FONT>" border="0" width="200"
bgcolor="#FBF9FB"><BR><tr><BR><td bgcolor="#F6F4F6"
align="center"><BR><<FONT color=#ff0000>div</FONT> <FONT
color=#ff0000>id</FONT>="<FONT
color=#0000ff>moveMe1</FONT>">&nbsp;</<FONT
color=#ff0000>div</FONT>></td><BR></tr><BR><tr><BR><td>&nbsp;</td><BR></tr><BR></<FONT
color=#ff0000>table</FONT>></P>
<P>• <FONT color=#0000ff>كد <SPAN lang=en-us>JavaScript</SPAN>:</FONT></P>
<P dir=ltr>mouseover = true<BR><FONT color=#ff0000>function</FONT>
coordinates()<BR>{<BR><FONT color=#ff0000>if</FONT>
(!moveMe)<BR>{<BR>return<BR>}<BR><FONT color=#ff0000>if</FONT>
(event.srcElement.id == "<FONT
color=#008000>moveMe1</FONT>")<BR>{<BR>mouseover = true<BR>// موقعيت
جدول<BR>pleft = moveMe.style.pixelLeft<BR>ptop =
moveMe.style.pixelTop<BR>// موقعيت اشارهگر<BR>xcoor = <FONT
color=#ff0000>event</FONT>.clientX<BR>ycoor = <FONT
color=#ff0000>event</FONT>.clientY<BR>document.onmousemove = <SPAN
lang=en-us>fun</SPAN>move<BR>}<BR>}<BR><FONT color=#ff0000>function</FONT>
<SPAN lang=en-us>fun</SPAN>move()<BR>{<BR><FONT color=#ff0000>if</FONT>
(mouseover <FONT color=#0000ff>&&</FONT> <FONT
color=#ff0000>event</FONT>.button <FONT color=#0000ff>==</FONT> 1) // اگر
كليك چپ شد<BR>{<BR>moveMe.style.pixelLeft = pleft + <FONT
color=#ff0000>event</FONT>.clientX-xcoor<BR>moveMe.style.pixelTop = ptop +
<FONT color=#ff0000>event</FONT>.clientY-ycoor<BR>moveMe1.style.cursor =
"<FONT color=#008000>move</FONT>"; // تغيير شكل
اشارهگر<BR>moveMe.style.filter = "<FONT
color=#008000>alpha(opacity=50)</FONT>"; // استفاده از -----
آلفا<BR>return false<BR>}<BR>}<BR><FONT color=#ff0000>function</FONT>
mouseup()<BR>{<BR>moveMe1.style.cursor = ""; // شكل عادي
اشارهگر<BR>moveMe.style.filter = "<FONT
color=#008000>alpha(opacity=100)</FONT>"; // از كار انداختن -----
آلفا<BR>mouseover =
false<BR>}<BR>document.onmousedown=coordinates<BR>document.onmouseup=mouseup<BR> </P>
<P>• <FONT color=#0000ff>شرح كد:</FONT><BR>- moveMe1.style.cursor = <FONT
color=#008000>move</FONT> = در جلسه 17، خوانديم كه شكل اشارهگر، قابل
تغيير است. در اينجا، شكل "حركت" را انتخاب ميكنيم.<BR>- <FONT
color=#ff0000>event</FONT>.button <FONT color=#0000ff>==</FONT> 1 = در
جلسه 17، ديده شد كه كد كليك چپ، 1 است. با به دست آوردن اين كد، ميفهميم كه
موس، در حالت كليك باقي مانده؛ يعني همان كشيدن به وسيله موس.<BR>-
moveMe.style.filter = "<FONT color=#008000>alpha(opacity=50)"</FONT> = به
وسيله اين كد، كه از زبان <SPAN lang=en-us>HTML</SPAN> است، به جدول خود،
----- آلفا، يا همان كمرنگ شدن در حالت جابجايي ميدهيم.</P>
<P style="TEXT-ALIGN: right" onclick=funDrag()><B>براي ديدن نمونه، اينجا
كليك كنيد.</B></P>
<SCRIPT>
<!--
function funDrag() {
config = "toolbar=no,location=no,directories=no,status=no,me nubar=no,left=200,top=100,width=600,height=350,"
config += "scrollbars,resizable"
pop = window.open ("","pop",config)
with (pop.document){
write ("<HTML dir=\"rtl\">\r\n");
write ("<head>
<link rel="alternate" type="application/rss+xml" title="آموزش جاوا اسکريپت ابتدايي" href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" />\r\n");
write ("<meta [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"Content-Language\" content=\"fa\">\r\n");
write ("<META [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] content=\"text/html; charset=windows-1256\">\r\n");
write ("<STYLE>\r\n");
write ("Table \r\n");
write ("{\r\n");
write ("\tfont: 12px Tahoma ; \r\n");
write ("\ttext-align: justify;\r\n");
write ("\tBORDER-RIGHT: 5px solid gray; BORDER-LEFT: 1px solid;\r\n");
write ("\tBORDER-TOP: 1px solid; BORDER-BOTTOM: 5px solid gray;\r\n");
write ("}\r\n");
write ("</STYLE>\r\n");
write ("<SCRI");
write ("PT>\r\n");
write ("mouseover = true\r\n");
write ("function coordinates()\r\n");
write ("{\r\n");
write (" if (!moveMe)\r\n");
write (" {\r\n");
write (" return\r\n");
write (" }\r\n");
write (" if (event.srcElement.id == \"moveMe1\")\r\n");
write (" {\r\n");
write (" mouseover = true\r\n");
write (" pleft = moveMe.style.pixelLeft\r\n");
write (" ptop = moveMe.style.pixelTop\r\n");
write (" xcoor = event.clientX\r\n");
write (" ycoor = event.clientY\r\n");
write (" document.onmousemove = funmove\r\n");
write (" }\r\n");
write ("}\r\n");
write ("function funmove()\r\n");
write ("{\r\n");
write (" if (mouseover && event.button == 1)\r\n");
write (" {\r\n");
write (" moveMe.style.pixelLeft = pleft+event.clientX-xcoor\r\n");
write (" moveMe.style.pixelTop = ptop+event.clientY-ycoor\r\n");
write (" moveMe1.style.cursor = \"move\";\r\n");
write (" moveMe.style.filter = \"alpha(opacity=50)\";\r\n");
write (" return false\r\n");
write (" }\r\n");
write ("}\r\n");
write ("function mouseup()\r\n");
write ("{\r\n");
write (" moveMe1.style.cursor = \"\";\r\n");
write (" moveMe.style.filter = \"alpha(opacity=100)\";\r\n");
write (" mouseover = false\r\n");
write ("}\r\n");
write ("//document.onmousedown=coordinates\r\n");
write ("//document.onmouseup=mouseup\r\n");
write ("</SCRI");
write ("PT>\r\n");
write ("<title>حركت دادن اشيا</title>\r\n");
write ("<BODY>\r\n");
write ("<table id=\"moveMe\" border=\"0\" width=\"200\" style=\"position: relative;\" bgcolor=\"#FBF9FB\">\r\n");
write ("\t<tr>\r\n");
write ("\t\t<td bgcolor=\"#F6F4F6\" align=\"center\">\r\n");
write ("\t\t<div id=\"moveMe1\" onmousedown=\"coordinates()\" onmouseup=\"mouseup()\">نمونه عملي</div>\r\n");
write ("\t\t</td>\r\n");
write ("\t</tr>\r\n");
write ("\t<tr>\r\n");
write ("\t\t<td>\r\n");
write ("\t\t<p align=\"justify\">هرگاه بندگان من، درباره من، از تو پرسيدند، من نزديكم؛ \r\n");
write ("\t\tدعوت دعاكننده را پاسخ ميدهم، هرگاه كه مرا بخواند. (بقره/186)<br>\r\n");
write ("\t\t</td>\r\n");
write ("\t</tr>\r\n");
write ("</table>\r\n");
write ("</BODY>\r\n");
write ("</HTML>\r\n");
}}
-->
</SCRIPT>
<P>همانطور كه مشاهده كرديد، اين كار زيبا به سادگي امكان پذير است. شما هم
ميتوانيد در پايگاه و حتي وبلاگ خود، از كادرهاي متحرك استفاده كنيد.
كادرهايي كه كاربر ميتواند آنها را جابجا نمايد. با به كارگيري كمي ذوق و
سليقه، كادرهاي زيباتر، طبيعيتر و داراي قابليت بيشتري - مانند امكان كمينه
(ميني مايز) كردن و يا بستن كادر - خواهيد ساخت.</P>
<P>اميدوارم كه اين درس برايتان مفيد بوده و از آن لذت ببريد.<BR>به اميد
ديدار<BR>خدانگهدار</P></DIV></TD></TR>
<TR>
<TD
style="BORDER-RIGHT: #41638b 1px solid; PADDING-RIGHT: 2px; BACKGROUND-POSITION: 0% 0%; PADDING-LEFT: 2px; FONT-SIZE: 9pt; BACKGROUND-ATTACHMENT: scroll; PADDING-BOTTOM: 2px; BORDER-LEFT: #41638b 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #41638b 1px solid; BACKGROUND-REPEAT: repeat; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #eff2fe"
vAlign=top
background="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/centerc.gif"
colSpan=3 height=23>
<DIV class=postdesc><A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"><FONT
face=WingDings size=3>?</FONT></A> نوشته شده در چهارشنبه 13
مهر1384ساعت 17:11 توسط راهنما |
<SCRIPT type=text/javascript>GetBC(25);</SCRIPT>
</DIV></TD></TR></TBODY></TABLE><BR><A name=24></A>
<TABLE style="FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; BORDER-COLLAPSE: collapse"
height=71 cellPadding=0 width=530 border=0>
<TBODY>
<TR>
<TD width=7 height=22><IMG height=22
src="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/rightc.gif"
width=7 border=0></TD>
<TD style="BACKGROUND-REPEAT: repeat-x" width="100%"
background="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/centerc.gif"
height=22><FONT face=WingDings size=4>1</FONT><B>جلسه 18</B></TD>
<TD width=7 height=22><IMG height=22
src="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/leftc.gif"
width=7 border=0></TD></TR>
<TR>
<TD
style="BORDER-RIGHT: #41638b 1px solid; BORDER-TOP: #41638b 1px solid; FONT-SIZE: 10pt; BACKGROUND: #eff2fe; BORDER-LEFT: #41638b 1px solid; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-ALIGN: justify"
vAlign=top colSpan=3>
<DIV class=PostContent>
<P style="TEXT-ALIGN: center"><B>حركت 1<BR>حركت پنجره</B></P>
<P><FONT color=#ff0000><B>تغييرات:</B></FONT><BR>به همين جلسه مطالبي (حركت
و تغيير اندازه پنجره) اضافه شد. (شنبه 5 شهريور)</P>
<P>سلام</P>
<P>مفهوم حركت در رايانه و به خصوص وب، بحث جذاب و كاربردي است كه هم باعث
زيبايي صفحات ميشود، هم توجه بيننده را به خود جلب ميكند و هم در بهتر
ارايه كردن مطالب، دست ما را باز ميگذارد.</P>
<P>براي دو مورد اول، مثالهاي فراواني در پايگاه و وبلاگها وجود دارد. مثل
اشكال و نوشتههايي كه به دنبال موس حركت ميكنند؛ يا ستارههايي كه در صفحه،
پخش ميشوند؛ يا نوشتههايي كه در نوار عنوان يا نوار وضعيت، در حال حركت
هستند.</P>
<P>همانطور كه بهرهبرداري به جا از اين ابزار، باعث زيبايي و كارايي ميشود،
استفاده بيمورد يا زيادي - كه متاسفانه در بعضي از وبلاگها مشاهده
ميشود - باعث اذيت و خسته شدن بيننده خواهد شد؛ مخصوصا در دو نوار عنوان و
وضعيت. به ياد داشته باشيد كه اين دو مكان، ساخته شدهاند براي كار مهمتري؛
نه براي بازي و حركت بيمورد نوشتهها. </P>
<P><B>مفهوم حركت</B></P>
<P>حركت، نسبي است. كم و بيش با اين جمله آشنا هستيد. نظريه "<FONT
color=#0000ff>نسبيت حركت</FONT>"، ميگويد كه حركت شي، نسبت به اطراف او
سنجيده ميشود. تصور كنيد در قطار هستيد. شما نسبت به اشيا بيرون از قطار، در
حال حركت هستيد. از بعضي دور ميشويد و به بعضي نزديك؛ كه اين بستگي به
"<FONT color=#0000ff>جهت حركت</FONT>" شما دارد. اما نسبت به خود قطار،
حركتي نداريد؛ مگر اينكه در همان قطار، شروع به راه رفتن كنيد.</P>
<P>كره زمين براي ما ثابت و بيحركت است؛ اما نسبت به كهكشان، جـِـرم كوچكي
است در حال حركت. اشياء داخل صفحه وب نيز همين حالت را دارند؛ كه بزرگترين و
مهمترين آن، خود پنجره (<SPAN lang=en-us>window</SPAN>) است.</P>
<P><B>انواع حركت</B></P>
<P>به يك صفحه، خوب نگاه كنيد. به نظر شما چه چيزهايي ميتوانند حركت كنند؟
آيا همه حركتها، از يك نوع است؟ عامل اصلي حركت چيست؟</P>
<P>ظاهرا ميشود گفت هر چيزي كه در صفحه وجود دارد، قابل حركت است. ظاهرا
حركتها از يك نوع نيستند؛ چون "<FONT color=#0000ff>نيروي محركه</FONT>" آنها
تفاوت دارد. چه چيز باعث حركت اشارهگر موس ميشود؟ خود پنجره قابل حركت است.
ميتوانيد با كليك بر روي نوار عنوان، آنرا گرفته و به هر نقطه كه تمايل
داريد بكشيد. اگر تغيير اندازه را هم نوعي حركت بدانيم، با نوع متفاوتي از
حركت روبرو خواهيم شد.</P>
<P><B>قالب حركت</B></P>
<P>در رايانه، قالبي وجود دارد كه موقعيت اشيا، نسبت به آن سنجيده ميشود.
بالا و پايين، چپ و راست. اين چهار جهت اصلي، قالب ما هستند و موقعيت يك
آيكون، نوشته، عكس يا پنجره، نسبت به آنها سنجيده ميشود. چرا ميگوييم اين
پنجره از آن پنجره بالاتر است؟ چون نسبت به بالا، نزديكتر است.</P>
<P>اگر اين بخش را هم خوب درك كرده باشيد، متوجه ميشويد كه براي شروع كار،
لازم است "<FONT color=#0000ff>موقعيت جغرافيايي</FONT>" يا همان "<FONT
color=#0000ff>طول و عرض جغرافيايي</FONT>" را به دست بياوريم. خوشبختانه در
زبان جاوا اسكريپت، دستورات لازم براي به دست آوردن آن، وجود دارد.</P>
<P>از چهار جهت اصلي، دو جهت، معيار هستند؛ بالا و چپ. البته ما فارسي
زبانها، چون از راست به چپ مينويسيم و آرايش صفحات ما از راست به چپ است،
بهتر است تا آنجا كه ممكن است، بالا و راست را معيار خود قرار دهيم.</P>
<P>طول جغرافيايي - فاصله از بالا - را با <SPAN lang=en-us><FONT
color=#0000ff>y</FONT></SPAN> <SPAN lang=en-us>(</SPAN>ايگرگ)<SPAN
lang=en-us>، </SPAN> و عرض جغرافيايي - فاصله از چپ - را با <SPAN
lang=en-us><FONT color=#0000ff>x</FONT> (</SPAN>ايكس) نشان ميدهند.</P>
<P>جدولي را تهيه كردهام كه راه به دست آوردن اين اندازهها را به شما نشان
ميدهد.</P>
<P style="TEXT-ALIGN: right" onclick=funMove()><B>براي ديدن جدول، اينجا
كليك كنيد.</B></P>
<SCRIPT>
<!--
function funMove() {
config = "toolbar=no,location=no,directories=no,status=no,me nubar=no,left=200,top=100,width=600,height=350,"
config += "scrollbars,resizable"
pop = window.open ("","pop",config)
with (pop.document){
write ("<html dir=rtl>\r\n");
write ("<head>
<link rel="alternate" type="application/rss+xml" title="آموزش جاوا اسکريپت ابتدايي" href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" />\r\n");
write ("\t<title>تعقيب اشارهگر</title>\r\n");
write ("<Style>\r\n");
write ("body, table {font: 13px Tahoma; color: blue;}\r\n");
write ("Input {\r\n");
write ("\tFONT: 12px Tahoma;\r\n");
write ("\tBORDER-RIGHT: 1px solid; BORDER-TOP: 0px solid;\r\n");
write ("\tBORDER-LEFT: 0px solid; BORDER-BOTTOM: 1px solid;\r\n");
write ("}\r\n");
write ("</style>\t\r\n");
write ("\t<meta [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"Content-Type\" content=\"text/html; charset=windows-1256\">\r\n");
write ("\t<meta [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"Content-Language\" content=\"fa\">\r\n");
write ("<scri");
write ("pt language=\"Javascri");
write ("pt\">\r\n");
write ("function funSize() \r\n");
write ("{\r\n");
write ("\tvar ch = document.body.clientHeight;\r\n");
write ("\tvar cw = document.body.clientWidth;\r\n");
write ("\ttxtHeigh.value = ch;\r\n");
write ("\ttxtWidth.value = cw\r\n");
write ("\tvar sh = window.screen.availHeight;\r\n");
write ("\tvar sw = window.screen.availWidth;\r\n");
write ("\ttxtHeigh2.value = sh;\r\n");
write ("\ttxtWidth2.value = sw\r\n");
write ("\t\r\n");
write ("\ttxtHeigh3.value = window.screen.height;\r\n");
write ("\ttxtWidth3.value = window.screen.width;\r\n");
write ("\t \r\n");
write ("\ttxtScrollTop.value = window.screenTop;\r\n");
write ("\ttxtScrollLeft.value = window.screenLeft;\r\n");
write ("\t\t \r\n");
write ("\ttxtTopMargin.value = document.body.topMargin;\r\n");
write ("\ttxtRightMargin.value = document.body.rightMargin;\r\n");
write ("//\ttxtMouseY.value = event.clientY;\r\n");
write ("//\ttxtMouseX.value = event.clientX;\r\n");
write ("setTimeout(\"funSize()\", 100);\r\n");
write ("}\r\n");
write ("function funResize()\r\n");
write ("{\r\n");
write ("\t\tif (document.body.clientHeight)\r\n");
write ("\t\t{\r\n");
write ("\t\t\tdocument.body.clientHeight = 100;\r\n");
write ("\t\t\talert (document.body.clientHeight);\r\n");
write ("\t\t}\r\n");
write ("}\r\n");
write ("function cursorPos()\r\n");
write ("{\r\n");
write ("\ttxtMouseY.value = event.clientY;\r\n");
write ("\ttxtMouseX.value = event.clientX;\r\n");
write ("}\r\n");
write ("</scri");
write ("pt>\r\n");
write ("</head>\r\n");
write ("<body onLoad=\"funSize()\" onClick=\"\" onMousemove=\"cursorPos()\">\r\n");
write ("<p>\r\n");
write ("<p><font color=\"#000000\">در اينجا با موقعيت اشيا و انواع حركت، آشنا ميشويد. \r\n");
write ("پنجره را حركت داده و تغيير اندازه دهيد.\r\n");
write (" براي اولين بار، صفحه را رفرش كنيد.</font></p>\r\n");
write ("<table border=\"0\" width=\"100%\">\r\n");
write ("\t<tr>\r\n");
write ("\t\t<td valign=\"top\">ارتفاع - clientHeight : <br>\r\n");
write ("<input type=\"text\" id=\"txtHeigh\" value=\"\" name=\"T7\" size=\"10\"><br>\r\n");
write ("پهنـا - clientWidth : <br>\r\n");
write ("<input type=\"text\" id=\"txtWidth\" value=\"\" name=\"T8\" size=\"10\"><p>\r\n");
write ("ارتفاع صفحه نمايش - availHeight : <br>\r\n");
write ("<input type=\"text\" id=\"txtHeigh2\" value=\"\" name=\"T9\" size=\"10\"><br>\r\n");
write ("پهنـا صفحه نمايش - availWidth : <br>\r\n");
write ("<input type=\"text\" id=\"txtWidth2\" value=\"\" name=\"T10\" size=\"10\"><p>\r\n");
write ("ارتفاع صفحه نمايش - height : <br>\r\n");
write ("<input type=\"text\" id=\"txtHeigh3\" value=\"\" name=\"T11\" size=\"10\"><br>\r\n");
write ("پهنـا صفحه نمايش - width : <br>\r\n");
write ("<input type=\"text\" id=\"txtWidth3\" value=\"\" size=\"10\"></td>\r\n");
write ("\t\t<td valign=\"top\">موقعيت صفحه از بالا - screenTop : <br>\r\n");
write ("<input type=\"text\" id=\"txtScrollTop\" value=\"\" name=\"T1\" size=\"10\"><br>\r\n");
write ("\t\tموقعيت صفحه از چپ - screenLeft : <br>\r\n");
write ("<input type=\"text\" id=\"txtScrollLeft\" value=\"\" name=\"T2\" size=\"10\"><p>\r\n");
write ("حداقل فاصله اشيا از بالاي صفحه - topMargin: <br>\r\n");
write ("<input type=\"text\" id=\"txtTopMargin\" value=\"\" name=\"T3\" size=\"10\"><br>\r\n");
write ("حداقل فاصله اشيا از راست صفحه - rightMargin: <br>\r\n");
write ("<input type=\"text\" id=\"txtRightMargin\" value=\"\" name=\"T4\" size=\"10\">\r\n");
write ("<font color=\"#000000\">*چپ و پايين را هم ميتوانيد اضافه كنيد.</font><p>\r\n");
write ("موقعيت موس از بالا - clientY: <br>\r\n");
write ("<input type=\"text\" id=\"txtMouseY\" value=\"\" name=\"T5\" size=\"10\"><br>\r\n");
write ("موقعيت موس از چپ - clientX: <br>\r\n");
write ("<input type=\"text\" id=\"txtMouseX\" value=\"\" name=\"T6\" size=\"10\"></td>\r\n");
write ("\t\t</tr>\r\n");
write ("\t</table>\r\n");
write ("</body>\r\n");
write ("</html>\r\n");
}}
-->
</SCRIPT>
<P>•<B> حركت پنجره</B></P>
<P>براي حركت پنجره، دو دستور وجود دارد.</P>
<P dir=ltr>1- window.moveBy (x, y)</P>
<P>با اين دستور، ميتوان پنجره را يكباره به منطقهاي كه با عدد مشخص (<SPAN
lang=en-us>x, y</SPAN>) ميشود، منتقل كرد.</P>
<P dir=ltr>2- window.moveTo (x, y)</P>
<P>اين دستور مانند دستور قبل عمل ميكند؛ با اين تفاوت كه اگر آنرا در يك
حلقه قرار دهيم، به آهستگي پنجره را حركت ميدهد.</P>
<P><B>كد:</B> كافي است اين كد را داخل يك اسكريپت قرار داده و صفحه را باز
كنيد.</P>
<P dir=ltr><FONT color=#800080>for</FONT>(a<FONT color=#0000ff> =
</FONT>1; a<FONT color=#0000ff> <= </FONT>250; a<FONT
color=#0000ff>++</FONT>) {window.moveTo (250, a)};</P>
<P>• <B>تغيير اندازه پنجره</B></P>
<P>براي تغيير اندازه پنجره، دو دستور وجود دارد.</P>
<P dir=ltr><SPAN lang=en-us>1</SPAN>- window.resizeTo (x, y)</P>
<P>با اين دستور ميتوان اندازه پنجره را تغيير داد و اگر آنرا در يك حلقه
قرار دهيم، به آهستگي اندازه پنجره را تغيير ميدهد.</P>
<P><B>كد:</B></P>
<P dir=ltr><FONT color=#800080>for</FONT>(a<FONT color=#0000ff> =
</FONT>1; a<FONT color=#0000ff> <= </FONT>500; a<FONT
color=#0000ff>++</FONT>) {window.resizeTo (100, a)};<BR><FONT
color=#800080>for</FONT>(b <FONT color=#0000ff>=</FONT> 1; b <FONT
color=#0000ff><=</FONT> 500; b<FONT color=#0000ff>++</FONT>)
{window.resizeTo (b, 500)};</P>
<P dir=ltr><SPAN lang=en-us>2</SPAN>- window.resizeBy (x, y)</P>
<P>اين دستور هم براي تغيير اندازه است؛ اما به دقت و قدرت دستور قبلي
نيست.</P>
<P>به اميد ديدار<BR>خدانگهدار</P></DIV></TD></TR>
<TR>
<TD
style="BORDER-RIGHT: #41638b 1px solid; PADDING-RIGHT: 2px; BACKGROUND-POSITION: 0% 0%; PADDING-LEFT: 2px; FONT-SIZE: 9pt; BACKGROUND-ATTACHMENT: scroll; PADDING-BOTTOM: 2px; BORDER-LEFT: #41638b 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #41638b 1px solid; BACKGROUND-REPEAT: repeat; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #eff2fe"
vAlign=top
background="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/centerc.gif"
colSpan=3 height=23>
<DIV class=postdesc><A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"><FONT
face=WingDings size=3>?</FONT></A> نوشته شده در پنجشنبه 3
شهريور1384ساعت 4:23 توسط راهنما |
<SCRIPT type=text/javascript>GetBC(24);</SCRIPT>
</DIV></TD></TR></TBODY></TABLE><BR><A name=23></A>
<TABLE style="FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; BORDER-COLLAPSE: collapse"
height=71 cellPadding=0 width=530 border=0>
<TBODY>
<TR>
<TD width=7 height=22><IMG height=22
src="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/rightc.gif"
width=7 border=0></TD>
<TD style="BACKGROUND-REPEAT: repeat-x" width="100%"
background="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/centerc.gif"
height=22><FONT face=WingDings size=4>1</FONT><B>كتابخانه وب</B></TD>
<TD width=7 height=22><IMG height=22
src="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/leftc.gif"
width=7 border=0></TD></TR>
<TR>
<TD
style="BORDER-RIGHT: #41638b 1px solid; BORDER-TOP: #41638b 1px solid; FONT-SIZE: 10pt; BACKGROUND: #eff2fe; BORDER-LEFT: #41638b 1px solid; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-ALIGN: justify"
vAlign=top colSpan=3>
<DIV class=PostContent>
<P style="TEXT-ALIGN: center"><B>كتابخانه وب</B></P>
<P>سلام</P>
<P><FONT color=#ff0000><B>تغييرات:</B></FONT><BR>- به كتابخانه وب،
<B>جستجو</B> اضافه شد (يكشنبه 16 مرداد)<BR>- به جلسه قبل، بحث "اشارهگر"
اضافه شد. (چهارشنبه 12 مرداد)</P>
<P>خدمت همه دوستان و تازه واردان عزيز، سلام و خسته نباشيد، و خوش آمد عرض
ميكنم. از كساني كه از مطالب وبلاگ، خوششان آمده و ابراز لطف نمودهاند تشكر
ميكنم.</P>
<P>قرار بود اين جلسه را اختصاص دهم به معرفي چند نرم افزار تخصصي و مفيد، كه
مسلما شما را در نوشتن و عيبيابي كدها، كمك ميكند. اما همانطور كه قبلا
گفتم، آرزويم، يك بانك و مرجع عمومي و كامل است.</P>
<P>اين طرح بزرگ، يك مشكل بزرگ داشت، و آن كوچكي من است. هم اطلاعاتم محدود
است، و هم اينكه هميشه در بين شما نيستم كه اين كار را انجام دهم. احتياج به
همكاري علاقمندان بيشتر است. براي همين، بانكي را تهيه كردم كه باز است و
هركسي ميتواند نرمافزاري را كه ميشناسد معرفي كند. نام اين بانك را
"كتابخانه وب" گذاشتم كه لينكش در سمت چپ همين وبلاگ قرار دارد.</P>
<P>اختصاص به زباني ندارد. هرآنچه كه مربوط به طراحي و برنامه نويسي وب است.
اين پروژه، به صورت آزمايشي راهاندازي شده است. البته اين به نظر قاصر و
ناقص راهنماست. براي كامل شدن اين پروژه، احتياج به راهنمايي و نظر
شماست.</P>
<P>به اميد ديدار<BR>خدانگهدار</P></DIV></TD></TR>
<TR>
<TD
style="BORDER-RIGHT: #41638b 1px solid; PADDING-RIGHT: 2px; BACKGROUND-POSITION: 0% 0%; PADDING-LEFT: 2px; FONT-SIZE: 9pt; BACKGROUND-ATTACHMENT: scroll; PADDING-BOTTOM: 2px; BORDER-LEFT: #41638b 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #41638b 1px solid; BACKGROUND-REPEAT: repeat; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #eff2fe"
vAlign=top
background="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/centerc.gif"
colSpan=3 height=23>
<DIV class=postdesc><A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"><FONT
face=WingDings size=3>?</FONT></A> نوشته شده در پنجشنبه 30
تير1384ساعت 18:37 توسط راهنما |
<SCRIPT type=text/javascript>GetBC(23);</SCRIPT>
</DIV></TD></TR></TBODY></TABLE><BR></DIV>
<SCRIPT
src="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/dragMenu.js"></SCRIPT>
<DIV class=dNavbar id=floater style="WIDTH: 154px; HEIGHT: 513px">
<TABLE class=Rahnama1 cellPadding=0 width=150 border=0>
<TBODY>
<TR>
<TD width=7 height=22><IMG height=22
src="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/rightc.gif"
width=7 border=0></TD>
<TD align=middle width="100%"
background="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/centerc.gif"
height=22><SPAN id=User style="CURSOR: hand" onclick=funHide();>-</SPAN>
<SCRIPT
src="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/TimeLink.js"
type=text/javascript></SCRIPT>
</TD>
<TD width=7
background="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/leftc.gif"
height=22> </TD></TR>
<TR>
<TD class=Rahnama2 id=Userb vAlign=top align=middle colSpan=3><SPAN
style="LINE-HEIGHT: 150%">
<SCRIPT>
//*** UserName
var thisCookie = document.cookie;
function getCookie(name)
{
var Search = thisCookie.indexOf(name + "=");
if (Search == -1)
{
document.write ("<font color=red>شما ثبت نام نكردهاي!</font>");
// myForm.style.visibility = "";
return null;
}
Search = thisCookie.indexOf("=", Search) + 1;
var endstr = thisCookie.indexOf(";", Search);
if (endstr == -1)
{endstr = thisCookie.length;}
document.write ("<font color=blue>سلام<br>خوش آمدي </font><b>" + unescape(thisCookie.substring(Search, endstr)) + "</b>");
return unescape(thisCookie.substring(Search, endstr));
}
var userName = getCookie("UserName");
//*** ExpireDate
var expireDate = new Date;
expireDate.setMonth (expireDate.getMonth()+6);
function setCookie()
{
var userName = myForm.nameField.value;
if (userName == "")
{
alert ("نام خود را بنويسيد!");
return false;
}
else {document.cookie = "UserName= "+ userName +"; expires= "+ expireDate.toGMTString();}
}
</SCRIPT>
<FORM name=myForm onsubmit="return setCookie()" method=post>
<P style="TEXT-ALIGN: center">نام:<BR><INPUT size=19 name=nameField><BR><INPUT type=submit value=ثبت> </P></FORM>
<SCRIPT>
if (thisCookie.indexOf("UserName") != -1){myForm.style.display = "none";}
</SCRIPT>
</SPAN>
<TABLE style="BORDER-COLLAPSE: collapse" width="100%" border=0>
<TBODY>
<TR>
<TD>تاريخ آخرين بازديد:</TD></TR>
<TR>
<TD dir=ltr style="COLOR: #0000ff" align=middle>
<SCRIPT>
//*** LastVisit
function getCookie(name)
{
var thisCookie = document.cookie;
var Search = thisCookie.indexOf(name + "=");
if (Search == -1)
{
document.write ("<font color=red>اين اولين بازديد شماست</font>");
return null;
}
Search = thisCookie.indexOf("=", Search) + 1;
var endstr = thisCookie.indexOf(";", Search);
if (endstr == -1)
{endstr = thisCookie.length;}
document.write (unescape(thisCookie.substring(Search, endstr)));
}
var LastVisit = getCookie("LastVisit");
function setCookie3()
{
var time = new Date;
var LastVisit = Today +"<br>"+ time.toLocaleTimeString();
time.setMonth (time.getMonth()+6);
document.cookie = "LastVisit= "+ LastVisit +"; expires= "+ time.toGMTString();
}
var Title;
Title = " نمونهاي از تواناييهاي جاوا اسكريپت: " + "\n";
//Title += " امروز: " + Today + "\n";
Title += " حجم: " + document.fileSize+ "\n";
Title += " تاريخ ايجاد: " + document.fileCreatedDate + "\n";
Title += " آخرين اصلاح: " + document.lastModified + "\n";
Title += " آدرس: " + document.URL + "\n";
Title += " نام مرورگر: " + navigator.appName + "\n";
userAgent = navigator.userAgent.split(";");
Title += " نسخه مرورگر: " + userAgent[1] + "\n";
Title += " زبان صفحه: " + document.defaultCharset + "\n";
Title += " زبان سيستم: " + navigator.systemLanguage + "\n";
Title += " زبان كاربر: " + navigator.userLanguage;
</SCRIPT>
</TD></TR>
<TR>
<TD>تعداد بازديد شما:</TD></TR>
<TR>
<TD style="COLOR: #0000ff" align=middle>
<SCRIPT language=JavaScript>
//*** Counter
var caution = false
function setCookie2(name, value, expires, path, domain, secure)
{
var curCookie = name + "=" + escape(value) +
((expires) ? "; expires=" + expires.toGMTString() : "") +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
((secure) ? "; secure" : "")
if (!caution || (name + "=" + escape(value)).length <= 4000)
{document.cookie = curCookie; }
else if (confirm("Cookie exceeds 4KB and will be cut!"))
{document.cookie = curCookie; }
}
function getCookie(name)
{
var prefix = name + "=";
var cookieStartIndex = document.cookie.indexOf(prefix);
if (cookieStartIndex == -1)
{return null; }
var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length);
if (cookieEndIndex == -1)
{cookieEndIndex = document.cookie.length; }
return unescape(document.cookie.substring(cookieStartInde x + prefix.length, cookieEndIndex));
}
function deleteCookie(name, path, domain)
{
if (getCookie(name))
{
document.cookie = name + "=" +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
"; expires=Thu, 01-Jan-70 00:00:01 GMT"
}
}
function fixDate(date)
{
var base = new Date(0)
var skew = base.getTime()
if (skew > 0)
{date.setTime(date.getTime() - skew);}
}
var now = new Date();
fixDate(now);
now.setMonth (now.getMonth()+6);
var visits = getCookie("Counter")
if (!visits)
{visits = 1}
else
{visits = parseInt(visits) + 1}
setCookie2("Counter", visits, now)
document.write(visits + " بار")
logo.alt = Title;
</SCRIPT>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<TABLE class=Rahnama1 cellPadding=0 width=150 border=0>
<TBODY>
<TR>
<TD width=7
background="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/centerc.gif"
height=22><IMG height=22
src="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/rightc.gif"
width=7 border=0></TD>
<TD style="BACKGROUND-REPEAT: repeat-x" width="100%"
background="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/centerc.gif"
height=22>
<P><SPAN id=Root style="CURSOR: hand" onclick=funHide();>+</SPAN></P></TD>
<TD width=7
background="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/leftc.gif"
height=22> </TD></TR>
<TR>
<TD class=Rahnama2 id=Rootb style="DISPLAY: none" vAlign=top colSpan=3>
<P style="LINE-HEIGHT: 150%">» <A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"
target=_blank>بلاگفا</A><BR>» <A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]">صفحه
نخست</A><BR>» <A href="mailto:jv_script@yahoo.com">پست الکترونیک</A><BR>»
<A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]">آرشیو</A>
</P></TD></TR></TBODY></TABLE>
<TABLE class=Rahnama1 cellPadding=0 width=150 border=0>
<TBODY>
<TR>
<TD width=7
background="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/centerc.gif"
height=22><IMG height=22
src="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/rightc.gif"
width=7 border=0></TD>
<TD style="BACKGROUND-REPEAT: repeat-x" width="100%"
background="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/centerc.gif"
height=22>
<P><SPAN id=Archive style="CURSOR: hand" onclick=funHide();>-</SPAN><B>
بايگاني</B></P></TD>
<TD width=7
background="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/leftc.gif"
height=22> </TD></TR>
<TR>
<TD class=Rahnama2 id=Archiveb vAlign=top colSpan=3>» <A
href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" target=_blank>جلسه1. گام
اول</A><BR>» <A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"
target=_blank>جلسه2. برنامه نويسي</A><BR>» <A
href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" target=_blank>جلسه3.
HTML</A><BR>» <A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"
target=_blank>جلسه4. اولين دستور</A><BR>» <A
href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" target=_blank>جلسه5.
پارامتر</A><BR>» <A title="جلسه6. جاواي باهوش. شرط 1"
href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" target=_blank>جلسه6. جاواي
باهوش</A><BR>» <A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"
target=_blank>جلسه7. شرط 2</A><BR>» <A
href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" target=_blank>جلسه8.
مفاهيم</A><BR>» <A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"
target=_blank>جلسه9. ثابت و متغير</A><BR>» <A
href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" target=_blank>جلسه10. انواع
متغير</A><BR>» <A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"
target=_blank>جلسه11. تابع</A><BR>» <A
href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" target=_blank>جلسه12.
آرايه</A><BR>» <A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"
target=_blank>يك پروژه. ساعت</A><BR>» <A
href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" target=_blank>جلسه13.
حلقه</A><BR>» <A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"
target=_blank>جلسه14. حلقه 2</A><BR>» <A
href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" target=_blank>فراخوان.
بازي</A><BR>» <A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"
target=_blank>جلسه15. فـُرم</A><BR>» <A
href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" target=_blank>جلسه16. دستور
زبان</A><BR>» <A title="جلسه17. موس و صفحه كليد"
href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" target=_blank>جلسه17. موس و
...</A><BR>» <A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"
target=_blank>كتابخانه وب</A><BR>» <A title="مفهوم حركت، حركت پنجره"
href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" target=_blank>جلسه 18.
حركت</A><BR>» <A title="تعقيب اشارهگر موس، حركت دادن اشياء"
href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" target=_blank>جلسه 19. حركت
2</A><BR>» <A title="مفاهيم و واژهنامه"
href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" target=_blank>جلسه 20.
مفاهيم و ...</A><BR>» <A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"
target=_blank>گام آخر</A><BR> </TD></TR></TBODY></TABLE>
<TABLE class=Rahnama1 height=70 cellPadding=0 width=150 border=0>
<TBODY>
<TR>
<TD width=7
background="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/centerc.gif"
height=22><IMG height=22
src="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/rightc.gif"
width=7 border=0></TD>
<TD style="BACKGROUND-REPEAT: repeat-x" width="100%"
background="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/centerc.gif"
height=22>
<P><SPAN id=Link style="CURSOR: hand" onclick=funHide();>-</SPAN>
<B>پیوندها</B></P></TD>
<TD width=7
background="آموزش جاوا اسكريپت ابتدايي - Teach Java Script_files/leftc.gif"
height=22> </TD></TR>
<TR>
<TD class=Rahnama2 id=Linkb vAlign=top colSpan=3>» <A
href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"
target=_blank>استاد آنلاين</A><BR>» <A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"
target=_blank>ايران جاوا اسكريپت</A><BR>» <A
href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" target=_blank>پرديس</A><BR>»
<A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"
target=_blank>سبز هزاره</A><BR>» <A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"
target=_blank>سوم</A><BR>» <A
title="معرفي نرمافزارهايي كه مربوط به طراحي و برنامه نويسي وب هستند"
href="javascript:onClick=funOpen()"><B>كتابخانه وب</B></A><BR>» <A
href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" target=_blank>مدرسه وب</A><BR>» <A
title="مركز اطلاع رساني و پژوهشهاي برنامه نويسي ايران"
href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" target=_blank>مركز اطلاع رساني ...</A><BR>»
<A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"
target=_blank>مقاله درباره جاوا</A>
<HR
style="BORDER-RIGHT: 1px dotted; BORDER-TOP: 1px dotted; BORDER-LEFT: 1px dotted; BORDER-BOTTOM: 1px dotted"
color=#000000 SIZE=1>
»</B> <A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" target=_blank>آموزش
حرفهاي</A><BR>» <A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" target=_blank>آموزش
ريجستري</A><BR>» <A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"
target=_blank>آموزش كامپيوتر</A><BR><SPAN
style="FONT-SIZE: 9pt; COLOR: #000000">» <A
href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" target=_blank>انجمن باشگاه
دانش</A><BR>» <A href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" target=_blank>انجمن
مجيد آنلاين</A><BR>» <A
href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" target=_blank>ايميل
آزاد</A><BR> </SPAN></TD></TR>
<TR>
<TD
style="BORDER-RIGHT: #41638b 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #41638b 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 9pt; PADDING-BOTTOM: 5px; BORDER-LEFT: #41638b 1px solid; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM: #41638b 1px solid; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #eff2fe"
vAlign=top colSpan=3>
<FORM action=[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] method=get>
<TABLE style="BORDER-COLLAPSE: collapse">
<TBODY>
<TR>
<TD>
<P align=center>جستجو در گوگل <INPUT maxLength=255 size=19 name=q>
<INPUT type=hidden value=en name=hl> <INPUT type=submit value=جستجو name=btnG>
</P></TD></TR></TBODY></TABLE></FORM><!-- Search Google --></TD></TR></TBODY></TABLE>
<SCRIPT>
function funOpen()
{
window.open('[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]','','left=150,top=0,width=700,height=500,scrollba rs');
}
</SCRIPT>
</DIV></DIV></TABLE></IFRAME></SCRIPT></NOSCRIPT>
<TABLE id=632880734620796250 dir=ltr
style="BORDER-RIGHT: #c0c0c0 1px solid; BORDER-TOP: #c0c0c0 1px solid; FONT-SIZE: 8pt; LEFT: 1px; BORDER-LEFT: #c0c0c0 1px solid; WIDTH: 122px; COLOR: black; BORDER-BOTTOM: #c0c0c0 1px solid; FONT-FAMILY: Tahoma; POSITION: absolute; TOP: 1px; BACKGROUND-COLOR: white"
cellSpacing=0 cellPadding=0 width=120 border=0>
<TBODY>
<TR>
<TD style="BACKGROUND-REPEAT: repeat-x" width=20 bgColor=#ffffff></TD>
<TD style="BACKGROUND-REPEAT: repeat-x" align=middle width=80
bgColor=#ffffff height=18><A style="COLOR: #000080; TEXT-DECORATION: none"
href="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" target=_blank>تبليغات</A></TD>
<TD style="PADDING-RIGHT: 2px; BACKGROUND-REPEAT: repeat-x" align=right
width=20 bgColor=#ffffff><A
style="FONT-WEIGHT: bold; COLOR: #ff0000; TEXT-DECORATION: none"
onclick="document.getElementById ('632880734620796250').style.display='none'"
href="javascript:void(0)">X</A></TD></TR>
<TR>
<TD style="BORDER-TOP: #c0c0c0 1px solid" width="100%" colSpan=3
height=240><OBJECT
codeBase=[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]=4,0,2,0
height=240 width=120 classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000><PARAM NAME="movie" VALUE="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"><PARAM NAME="quality" VALUE="high">
<embed
src="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"
quality=high
pluginspage="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"
type="application/x-shockwave-flash" width="120"
height="240"></embed></OBJECT></TD></TR></TBODY></TABLE>
<SCRIPT language=javascript>window.setTimeout( "document.getElementById ('632880734620796250').style.display='none'" ,90000);</SCRIPT>
</DIV></BODY></HTML>
vBulletin , Copyright ©2000-2024, Jelsoft Enterprises Ltd.