<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" >
<channel>
<title>آموزش زبان های طراحی وب</title>
<link>http://html.blogfa.com/</link>
<description>آموزش زبان های طراحی وب</description>
<language>fa</language>
<generator>blogfa.com</generator>
<lastBuildDate>Sun, 15 Mar 2009 10:16:05 GMT</lastBuildDate>
<item>
<title>آموزش کار با استایل (CSS)</title>
<link>http://html.blogfa.com/post-25.aspx</link>
<description>&lt;P dir=rtl align=justify&gt;&lt;FONT style=&quot;FONT-SIZE: 8pt&quot; face=Tahoma color=#669900&gt;آموزش کار با استایل (CSS)&lt;/FONT&gt;&lt;FONT style=&quot;FONT-SIZE: 8pt&quot; face=Tahoma color=#808080&gt;&lt;BR&gt;CSS یا همان Cascading Style Sheet روشی است برای قالب بندی و طراحی اجزای صفحه از قبیل متن، تصویر، زمینه صفحه، کادرها و تقریباً هر چیزی که در طراحی صفحه استفاده می شود بدون استفاده از کدهای HTML. از طریق این استایل شیتها می توانیم از دوباره نویسی کدهای HTML که باعث مشکل شدن کد نویسی و همچنین کند شدن سرعت بارگذاری صفحه در اینترنت می شود جلوگیری کنیم. برای مثال می توانیم یک بار نوع فونت مورد استفاده در یک صفحه را تعیین کنیم و دیگر مجبور نباشیم کد مربوط به فونت را در صفحه به کار ببریم. همچنین می توانیم از این ابزار قدرتمند در مواردی به جای جاوا اسکرپت نیز استفاده کنیم و چون مشکلات جاوا اسکرپت مثلاً غیر فعال بودن جاوا اسکرپت در مرورگر را ندارد با خیالی آسوده تر می توانیم از آن استفاده کنیم. &lt;BR&gt;CSS هم مانند جاوا اسکرپت این امکان را به ما می دهد که از یک فایل استایل خارجی برای تعیین خواص بخشهای مختلف صفحه های یک سایت استفاده کنیم. در این صورت می توانیم ظاهر همه صفحه ها را با ایجاد یک تغییر کوچک در فایل استایل خارجی تغییر دهیم. مثلاً فرض کنید که رنگ متن همچنین نوع فونت متن صفحه هایمان را در یک فایل استایل تعیین کرده ایم و از آن در طراحی چندین صفحه استفاده کرده ایم، حالا اگر بخواهیم رنگ متن همه این صفحات را تغییر دهیم تنها کافی است تا رنگ متن را در همان فایل استایل تغییر دهیم و نیازی به تغییر دادن صفحات نداریم.&lt;BR&gt;در این قسمت به معرفی قابلیتهای مختلف CSS خواهیم پرداخت . چون این قسمت در سایت ما به تازگی راه اندازی شده است هنوز کامل نشده و به مرور زمان سعی می کنیم آنرا کاملتر کنیم.&lt;BR&gt;اگر انتقاد یا پیشنهادی برای بهتر شدن این قسمت دارید می توانید از طریق «فرم تماس با ما» ما را مطلع کنیم. ما نیز خوشحال می شویم از نظرات شما در جهت بهبود این بخش استفاده کنیم. &lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt; &lt;/FONT&gt;&lt;/P&gt;</description>
<pubDate>Sun, 15 Mar 2009 10:16:05 GMT</pubDate>
<comments>http://commenting.blogfa.com/?blogid=html&amp;postid=25</comments>
<dc:creator>html</dc:creator>
<guid>http://html.blogfa.com/post-25.aspx</guid>
</item>
<item>
<title>جلسه بیست و 4چهار</title>
<link>http://html.blogfa.com/post-24.aspx</link>
<description>كاش در دهكده عشـق فراواني بودتوي بـازار صداقت، كمي ارزاني بود&lt;BR&gt;&lt;BR&gt;كاش اگر گاه، كمي لطف به هم مي‌كرديم&lt;BR&gt;مختصـــر بـود ولــي ســاده و پنهانـي بــود&lt;BR&gt;سلام&lt;BR&gt;&quot;اين وبلاگ را براي راه افتادن چندتا از دوستان، باز كردم. هم تشويقي براي شروع به كار آنها باشد و هم مرجعي براي جواب سوالهايشان. قصدم اين نبود كه زبان جاوا اسكريپت را به طور كامل، تدريس كنم. با وجود سايتهاي معتبر و تخصصي خارجي و ايراني، جايي براي چنين ادعايي نيست. ولي گاهي اوقات، اثري كه يك درس خصوصي و چند نفره دارد، يك كلاس عمومي، نخواهد داشت.&quot;&lt;BR&gt;قريب يكسال پيش (پنجشنبه 19 آذر 1383)، با اين جملات، وبلاگ &quot;آموزش جاوا اسكريپت&quot; آغاز شد. آن روز به خاطر يك دوست خوب، نوشتم؛ و امروز كه آن دوست در بين ما نيست، در ميان شما دوستان خوب هستم.&lt;BR&gt;الان كه به نوشته‌هاي آن روز نگاه مي‌كنم، از اينكه به هدفم نزديك شدم، خوشحالم؛ و خوشحالم كه اين درس، نيمه كاره نماند و به پايان رسيد؛ هرچند كه با مشكلاتي روبرو شد. تعداد دروسي كه در ذهنم بود، حدود 20 جلسه بود و خوشبختانه همينطور هم شد. از خدا خواستم كه از اين امتحان، رو سفيد بيرون بيايم و اميدوارم كه اينطور شده باشد. خدا را به خاطر فرصتي كه به من داد سپاسگزارم.&lt;BR&gt;سرانجام كار، تو خوشند باشي و من رستگار&lt;BR&gt;بعضي از دوستان، درس را جدي گرفتند و به نتيجه رسيدند، و بعضي به خاطر مشكلات يا سست عهدي، رفيق نيمه راه بودند. براي همه آنها آرزوي سلامت و موفقيت مي‌كنم.&lt;BR&gt;از دوستاني كه مرا همراهي كرده و ابراز لطف نمودند، تشكر مي‌كنم.&lt;BR&gt;از دوستاني كه به هر دليلي نتوانستم پاسخ نامه و سوالهايشان را بدهم عذرخواهي مي‌كنم. احتمال اينكه نامه‌يتان به دستم نرسيده باشد، يا پاسخ من، به دست شما، زياد است.&lt;BR&gt;اگر در نوشتن درسها يا پاسخ به سوالها، تاخير نموده، و باعث تلف شدن وقتتان شدم، معذرت مي‌خواهم.&lt;BR&gt;از دوستان خوبم ساحل، هستي، ايراني، mreza، الهام، رسول، ليلا، آشيل، جعفر، بهروز، مجتبي، پژمان قدرتي، حامد، وحيد، ناصر، رضا، حبیب میرزاي، کیومرث، هاني، ramyar، آزاده، هليا، Nice، محمد، افشين، سيد اكبر حسيني، اميررضا، سيد محسن هاشمي، علي، هنگامه، و ناشناس عزيز، تشكر فراوان كرده و همه را به خداي مهربان مي‌سپارم.&lt;BR&gt;اين روزا بايد هممون براي هم سايه باشيم&lt;BR&gt;شبـا يكـم دلـواپس كـودك همـسايه باشيم&lt;BR&gt;اگـه بـه هـم كمـك كنيـم زنـدگـي ديـدنـي ميـشه&lt;BR&gt;بر سر پيمان مي‌مونند دوستاي خوب تا هميشه&lt;BR&gt;خدانگهدار&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;</description>
<pubDate>Tue, 16 Dec 2008 21:44:18 GMT</pubDate>
<comments>http://commenting.blogfa.com/?blogid=html&amp;postid=24</comments>
<dc:creator>html</dc:creator>
<guid>http://html.blogfa.com/post-24.aspx</guid>
</item>
<item>
<title>جلسه بیست وسه23</title>
<link>http://html.blogfa.com/post-23.aspx</link>
<description>حركت 2&lt;br /&gt;سلام&lt;br /&gt;فرارسيدن ماه مبارك رمضان را به شما دوستان عزيز! تبريك مي‌گويم. اميدوارم كه اين ماه براي همه، پر از خير و بركت باشد.&lt;br /&gt;تغييرات:&lt;br /&gt;- بحث &quot;حركت دادن اشيا&quot; به اين جلسه اضافه شده است. (جمعه 15 مهر)&lt;br /&gt;بحث ما حركت است. در جلسه قبل، مشاهده كرديد كه حركت پنجره به چه راحتي انجام پذير است. در اين ساعت، خواهي ديد كه حركت اشيا به دنبال اشاره‌گر موس نيز به سهولت امكان دارد. &lt;br /&gt;• تعقيب اشاره‌گر&lt;br /&gt;• براي اين عمليات، ابتدا موقعيت اشاره‌گر را به  دست مي‌آوريم. همانطور كه در تمرين جلسه قبل، اجرا شد، با اين دو دستور (event.clientY - event.clientX) مي‌شود موقعيت اشاره‌گر را گرفت.&lt;br /&gt;نمونه:&lt;br /&gt;&lt;br /&gt;موقعيت موس از بالا - clientY: &lt;br /&gt;&lt;br /&gt;موقعيت موس از چپ - clientX: &lt;br /&gt;&lt;br /&gt;• حالا بايد چيزي را كه مي‌خواهيد به دنبال اشاره‌گر، حركت كند مشخص نماييد. اين شي مي‌تواند از لحاظ ظاهر، متن يا عكس يا هر چيز ديگر، و از لحاظ محتوا، ثابت يا متغير باشد.&lt;br /&gt;- سه متن بنويسيد؛ يك متن براي حركت عمودي، و يك متن براي حركت افقي، و يكي هم براي حركت كامل.&lt;br /&gt;- هر كدام را داخل يك لايه قرار دهيد. &lt;br /&gt;- لايه‌ها را به اين ترتيب نامگذاري نماييد: (div1 - divY - divX)&lt;br /&gt;- استيل آنها را به اين صورت تعريف كنيد: (style=position: absolute). اين كد، به شي مورد نظر اجازه حركت مي‌دهد.&lt;br /&gt;• كد HTML:&lt;br /&gt;&lt;p&gt;&lt;div id=&quot;div1&quot; style=&quot;position: absolute;&quot;&gt;متن&lt;/div&gt;&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;div id=&quot;divY&quot; style=&quot;position: absolute;&quot;&gt;عمودي&lt;/div&gt;&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;div id=&quot;divX&quot; style=&quot;position: absolute;&quot;&gt;افقي&lt;/div&gt;&lt;/p&gt;&lt;br /&gt;• كد JavaScript:&lt;br /&gt;function cursorPos() // تابع&lt;br /&gt;{&lt;br /&gt;// حركت عمودي و افقي&lt;br /&gt;div1.style.top = event.clientY;&lt;br /&gt;div1.style.left = event.clientX;&lt;br /&gt;// حركت عمودي&lt;br /&gt;divY.style.top = event.clientY;&lt;br /&gt;// حركت افقي&lt;br /&gt;divX.style.left = event.clientX;&lt;br /&gt;}&lt;br /&gt;document.onmousemove=cursorPos;&lt;br /&gt;براي ديدن نمونه، اينجا كليك كنيد.&lt;br /&gt;&lt;br /&gt;• حركت دادن اشياء&lt;br /&gt;در اين مبحث، خواهيم آموخت كه چگونه به وسيله موس، اشيا را جابجا كنيم؛ همانگونه كه در ويندوز به راحتي انجام مي‌شود.&lt;br /&gt;• مراحل عمليات: &lt;br /&gt;- ساختن شي مورد نظر&lt;br /&gt;- به دست آوردن موقعيت اشاره‌گر&lt;br /&gt;- به دست آوردن موقعيت شي مورد نظر&lt;br /&gt;- تعريف كردن رويداد كليك و كشيدن&lt;br /&gt;• شيئي كه براي اين كار در نظر گرفته‌ام، يك جدول است كه شبيه كادرهاي محاوره‌اي در ويندوز مي‌باشد. &lt;br /&gt;- اين جدول، داراي دو سلول است. سلول اول، براي عنوان كادر و محل كشيدن و جابجايي، و سلول پايين، محل نوشته محتوي است.&lt;br /&gt;- داخل سلول اول، يك لايه (div) قرار داده‌ام به نام (moveMe1). جدول را هم (moveMe)، نامگذاري نموده‌ام.&lt;br /&gt;- استيل جدول را به اين صورت تعريف كنيد: (style=position: relative). اين كد، به شي مورد نظر اجازه حركت مي‌دهد.&lt;br /&gt;• كد HTML:&lt;br /&gt;&lt;table id=&quot;moveMe&quot; style=&quot;position: relative;&quot; border=&quot;0&quot; width=&quot;200&quot; bgcolor=&quot;#FBF9FB&quot;&gt;&lt;br /&gt;&lt;tr&gt;&lt;br /&gt;&lt;td bgcolor=&quot;#F6F4F6&quot; align=&quot;center&quot;&gt;&lt;br /&gt;&lt;div id=&quot;moveMe1&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;/td&gt;&lt;br /&gt;&lt;/tr&gt;&lt;br /&gt;&lt;tr&gt;&lt;br /&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;br /&gt;&lt;/tr&gt;&lt;br /&gt;&lt;/table&gt;&lt;br /&gt;• كد JavaScript:&lt;br /&gt;mouseover = true&lt;br /&gt;function coordinates()&lt;br /&gt;{&lt;br /&gt;if (!moveMe)&lt;br /&gt;{&lt;br /&gt;return&lt;br /&gt;}&lt;br /&gt;if (event.srcElement.id == &quot;moveMe1&quot;)&lt;br /&gt;{&lt;br /&gt;mouseover = true&lt;br /&gt;// موقعيت جدول&lt;br /&gt;pleft = moveMe.style.pixelLeft&lt;br /&gt;ptop = moveMe.style.pixelTop&lt;br /&gt;// موقعيت اشاره‌گر&lt;br /&gt;xcoor = event.clientX&lt;br /&gt;ycoor = event.clientY&lt;br /&gt;document.onmousemove = funmove&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;function funmove()&lt;br /&gt;{&lt;br /&gt;if (mouseover &amp;&amp; event.button == 1) // اگر كليك چپ شد&lt;br /&gt;{&lt;br /&gt;moveMe.style.pixelLeft = pleft + event.clientX-xcoor&lt;br /&gt;moveMe.style.pixelTop = ptop + event.clientY-ycoor&lt;br /&gt;moveMe1.style.cursor = &quot;move&quot;; // تغيير شكل اشاره‌گر&lt;br /&gt;moveMe.style.filter = &quot;alpha(opacity=50)&quot;; // استفاده از فيلتر آلفا&lt;br /&gt;return false&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;function mouseup()&lt;br /&gt;{&lt;br /&gt;moveMe1.style.cursor = &quot;&quot;; // شكل عادي اشاره‌گر&lt;br /&gt;moveMe.style.filter = &quot;alpha(opacity=100)&quot;; // از كار انداختن فيلتر آلفا&lt;br /&gt;mouseover = false&lt;br /&gt;}&lt;br /&gt;document.onmousedown=coordinates&lt;br /&gt;document.onmouseup=mouseup&lt;br /&gt;&lt;br /&gt;• شرح كد:&lt;br /&gt;- moveMe1.style.cursor = move = در جلسه 17، خوانديم كه شكل اشاره‌گر، قابل تغيير است. در اينجا، شكل &quot;حركت&quot; را انتخاب مي‌كنيم.&lt;br /&gt;-  event.button == 1 = در جلسه 17، ديده شد كه كد كليك چپ، 1 است. با به دست آوردن اين كد، مي‌فهميم كه موس، در حالت كليك باقي مانده؛ يعني همان كشيدن به وسيله موس.&lt;br /&gt;- moveMe.style.filter = &quot;alpha(opacity=50)&quot; = به وسيله اين كد، كه از زبان HTML است، به جدول خود، فيلتر آلفا، يا همان كمرنگ شدن در حالت جابجايي مي‌دهيم.&lt;br /&gt;براي ديدن نمونه، اينجا كليك كنيد.&lt;br /&gt;&lt;br /&gt;همانطور كه مشاهده كرديد، اين كار زيبا به سادگي امكان پذير است. شما هم مي‌توانيد در پايگاه و حتي وبلاگ خود، از كادرهاي متحرك استفاده كنيد. كادرهايي كه كاربر مي‌تواند آنها را جابجا نمايد. با به كارگيري كمي ذوق و سليقه، كادرهاي زيباتر، طبيعي‌تر و داراي قابليت بيشتري - مانند امكان كمينه (ميني مايز) كردن و يا بستن كادر - خواهيد ساخت.&lt;br /&gt;اميدوارم كه اين درس برايتان مفيد بوده و از آن لذت ببريد.&lt;br /&gt;به اميد ديدار&lt;br /&gt;خدانگهدار&lt;br /&gt;&lt;br /&gt;</description>
<pubDate>Tue, 16 Dec 2008 21:43:29 GMT</pubDate>
<comments>http://commenting.blogfa.com/?blogid=html&amp;postid=23</comments>
<dc:creator>html</dc:creator>
<guid>http://html.blogfa.com/post-23.aspx</guid>
</item>
<item>
<title>جلسه بیست ودو 22</title>
<link>http://html.blogfa.com/post-22.aspx</link>
<description>حركت 2سلام&lt;br /&gt;فرارسيدن ماه مبارك رمضان را به شما دوستان عزيز! تبريك مي‌گويم. اميدوارم كه اين ماه براي همه، پر از خير و بركت باشد.&lt;br /&gt;تغييرات:&lt;br /&gt;- بحث &quot;حركت دادن اشيا&quot; به اين جلسه اضافه شده است. (جمعه 15 مهر)&lt;br /&gt;بحث ما حركت است. در جلسه قبل، مشاهده كرديد كه حركت پنجره به چه راحتي انجام پذير است. در اين ساعت، خواهي ديد كه حركت اشيا به دنبال اشاره‌گر موس نيز به سهولت امكان دارد. &lt;br /&gt;• تعقيب اشاره‌گر&lt;br /&gt;• براي اين عمليات، ابتدا موقعيت اشاره‌گر را به  دست مي‌آوريم. همانطور كه در تمرين جلسه قبل، اجرا شد، با اين دو دستور (event.clientY - event.clientX) مي‌شود موقعيت اشاره‌گر را گرفت.&lt;br /&gt;نمونه:&lt;br /&gt;&lt;br /&gt;موقعيت موس از بالا - clientY: &lt;br /&gt;&lt;br /&gt;موقعيت موس از چپ - clientX: &lt;br /&gt;&lt;br /&gt;• حالا بايد چيزي را كه مي‌خواهيد به دنبال اشاره‌گر، حركت كند مشخص نماييد. اين شي مي‌تواند از لحاظ ظاهر، متن يا عكس يا هر چيز ديگر، و از لحاظ محتوا، ثابت يا متغير باشد.&lt;br /&gt;- سه متن بنويسيد؛ يك متن براي حركت عمودي، و يك متن براي حركت افقي، و يكي هم براي حركت كامل.&lt;br /&gt;- هر كدام را داخل يك لايه قرار دهيد. &lt;br /&gt;- لايه‌ها را به اين ترتيب نامگذاري نماييد: (div1 - divY - divX)&lt;br /&gt;- استيل آنها را به اين صورت تعريف كنيد: (style=position: absolute). اين كد، به شي مورد نظر اجازه حركت مي‌دهد.&lt;br /&gt;• كد HTML:&lt;br /&gt;&lt;p&gt;&lt;div id=&quot;div1&quot; style=&quot;position: absolute;&quot;&gt;متن&lt;/div&gt;&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;div id=&quot;divY&quot; style=&quot;position: absolute;&quot;&gt;عمودي&lt;/div&gt;&lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;div id=&quot;divX&quot; style=&quot;position: absolute;&quot;&gt;افقي&lt;/div&gt;&lt;/p&gt;&lt;br /&gt;• كد JavaScript:&lt;br /&gt;function cursorPos() // تابع&lt;br /&gt;{&lt;br /&gt;// حركت عمودي و افقي&lt;br /&gt;div1.style.top = event.clientY;&lt;br /&gt;div1.style.left = event.clientX;&lt;br /&gt;// حركت عمودي&lt;br /&gt;divY.style.top = event.clientY;&lt;br /&gt;// حركت افقي&lt;br /&gt;divX.style.left = event.clientX;&lt;br /&gt;}&lt;br /&gt;document.onmousemove=cursorPos;&lt;br /&gt;براي ديدن نمونه، اينجا كليك كنيد.&lt;br /&gt;&lt;br /&gt;• حركت دادن اشياء&lt;br /&gt;در اين مبحث، خواهيم آموخت كه چگونه به وسيله موس، اشيا را جابجا كنيم؛ همانگونه كه در ويندوز به راحتي انجام مي‌شود.&lt;br /&gt;• مراحل عمليات: &lt;br /&gt;- ساختن شي مورد نظر&lt;br /&gt;- به دست آوردن موقعيت اشاره‌گر&lt;br /&gt;- به دست آوردن موقعيت شي مورد نظر&lt;br /&gt;- تعريف كردن رويداد كليك و كشيدن&lt;br /&gt;• شيئي كه براي اين كار در نظر گرفته‌ام، يك جدول است كه شبيه كادرهاي محاوره‌اي در ويندوز مي‌باشد. &lt;br /&gt;- اين جدول، داراي دو سلول است. سلول اول، براي عنوان كادر و محل كشيدن و جابجايي، و سلول پايين، محل نوشته محتوي است.&lt;br /&gt;- داخل سلول اول، يك لايه (div) قرار داده‌ام به نام (moveMe1). جدول را هم (moveMe)، نامگذاري نموده‌ام.&lt;br /&gt;- استيل جدول را به اين صورت تعريف كنيد: (style=position: relative). اين كد، به شي مورد نظر اجازه حركت مي‌دهد.&lt;br /&gt;• كد HTML:&lt;br /&gt;&lt;table id=&quot;moveMe&quot; style=&quot;position: relative;&quot; border=&quot;0&quot; width=&quot;200&quot; bgcolor=&quot;#FBF9FB&quot;&gt;&lt;br /&gt;&lt;tr&gt;&lt;br /&gt;&lt;td bgcolor=&quot;#F6F4F6&quot; align=&quot;center&quot;&gt;&lt;br /&gt;&lt;div id=&quot;moveMe1&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;/td&gt;&lt;br /&gt;&lt;/tr&gt;&lt;br /&gt;&lt;tr&gt;&lt;br /&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;br /&gt;&lt;/tr&gt;&lt;br /&gt;&lt;/table&gt;&lt;br /&gt;• كد JavaScript:&lt;br /&gt;mouseover = true&lt;br /&gt;function coordinates()&lt;br /&gt;{&lt;br /&gt;if (!moveMe)&lt;br /&gt;{&lt;br /&gt;return&lt;br /&gt;}&lt;br /&gt;if (event.srcElement.id == &quot;moveMe1&quot;)&lt;br /&gt;{&lt;br /&gt;mouseover = true&lt;br /&gt;// موقعيت جدول&lt;br /&gt;pleft = moveMe.style.pixelLeft&lt;br /&gt;ptop = moveMe.style.pixelTop&lt;br /&gt;// موقعيت اشاره‌گر&lt;br /&gt;xcoor = event.clientX&lt;br /&gt;ycoor = event.clientY&lt;br /&gt;document.onmousemove = funmove&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;function funmove()&lt;br /&gt;{&lt;br /&gt;if (mouseover &amp;&amp; event.button == 1) // اگر كليك چپ شد&lt;br /&gt;{&lt;br /&gt;moveMe.style.pixelLeft = pleft + event.clientX-xcoor&lt;br /&gt;moveMe.style.pixelTop = ptop + event.clientY-ycoor&lt;br /&gt;moveMe1.style.cursor = &quot;move&quot;; // تغيير شكل اشاره‌گر&lt;br /&gt;moveMe.style.filter = &quot;alpha(opacity=50)&quot;; // استفاده از فيلتر آلفا&lt;br /&gt;return false&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;function mouseup()&lt;br /&gt;{&lt;br /&gt;moveMe1.style.cursor = &quot;&quot;; // شكل عادي اشاره‌گر&lt;br /&gt;moveMe.style.filter = &quot;alpha(opacity=100)&quot;; // از كار انداختن فيلتر آلفا&lt;br /&gt;mouseover = false&lt;br /&gt;}&lt;br /&gt;document.onmousedown=coordinates&lt;br /&gt;document.onmouseup=mouseup&lt;br /&gt;&lt;br /&gt;• شرح كد:&lt;br /&gt;- moveMe1.style.cursor = move = در جلسه 17، خوانديم كه شكل اشاره‌گر، قابل تغيير است. در اينجا، شكل &quot;حركت&quot; را انتخاب مي‌كنيم.&lt;br /&gt;-  event.button == 1 = در جلسه 17، ديده شد كه كد كليك چپ، 1 است. با به دست آوردن اين كد، مي‌فهميم كه موس، در حالت كليك باقي مانده؛ يعني همان كشيدن به وسيله موس.&lt;br /&gt;- moveMe.style.filter = &quot;alpha(opacity=50)&quot; = به وسيله اين كد، كه از زبان HTML است، به جدول خود، فيلتر آلفا، يا همان كمرنگ شدن در حالت جابجايي مي‌دهيم.&lt;br /&gt;براي ديدن نمونه، اينجا كليك كنيد.&lt;br /&gt;&lt;br /&gt;همانطور كه مشاهده كرديد، اين كار زيبا به سادگي امكان پذير است. شما هم مي‌توانيد در پايگاه و حتي وبلاگ خود، از كادرهاي متحرك استفاده كنيد. كادرهايي كه كاربر مي‌تواند آنها را جابجا نمايد. با به كارگيري كمي ذوق و سليقه، كادرهاي زيباتر، طبيعي‌تر و داراي قابليت بيشتري - مانند امكان كمينه (ميني مايز) كردن و يا بستن كادر - خواهيد ساخت.&lt;br /&gt;اميدوارم كه اين درس برايتان مفيد بوده و از آن لذت ببريد.&lt;br /&gt;به اميد ديدار&lt;br /&gt;خدانگهدار&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
</description>
<pubDate>Tue, 16 Dec 2008 21:41:39 GMT</pubDate>
<comments>http://commenting.blogfa.com/?blogid=html&amp;postid=22</comments>
<dc:creator>html</dc:creator>
<guid>http://html.blogfa.com/post-22.aspx</guid>
</item>
<item>
<title>جلسه بیست ویک 21</title>
<link>http://html.blogfa.com/post-21.aspx</link>
<description>حركت 1حركت پنجره&lt;BR&gt;تغييرات:&lt;BR&gt;به همين جلسه مطالبي (حركت و تغيير اندازه پنجره) اضافه شد. (شنبه 5 شهريور)&lt;BR&gt;سلام&lt;BR&gt;مفهوم حركت در رايانه و به خصوص وب، بحث جذاب و كاربردي است كه هم باعث زيبايي صفحات مي‌شود، هم توجه بيننده را به خود جلب مي‌كند و هم در بهتر ارايه كردن مطالب، دست ما را باز مي‌گذارد.&lt;BR&gt;براي دو مورد اول، مثالهاي فراواني در پايگاه و وبلاگها وجود دارد. مثل اشكال و نوشته‌هايي كه به دنبال موس حركت مي‌كنند؛ يا ستاره‌هايي كه در صفحه، پخش مي‌شوند؛ يا نوشته‌هايي كه در نوار عنوان يا نوار وضعيت، در حال حركت هستند.&lt;BR&gt;همانطور كه بهره‌برداري به جا از اين ابزار، باعث زيبايي و كارايي مي‌شود، استفاده بي‌مورد يا زيادي - كه متاسفانه در بعضي از وبلاگها مشاهده مي‌شود - باعث اذيت و خسته شدن بيننده خواهد شد؛ مخصوصا در دو نوار عنوان و وضعيت. به ياد داشته باشيد كه اين دو مكان، ساخته شده‌اند براي كار مهمتري؛ نه براي بازي و حركت بي‌مورد نوشته‌ها. &lt;BR&gt;مفهوم حركت&lt;BR&gt;حركت، نسبي است. كم و بيش با اين جمله آشنا هستيد. نظريه &quot;نسبيت حركت&quot;، مي‌گويد كه حركت شي، نسبت به اطراف او سنجيده مي‌شود. تصور كنيد در قطار هستيد. شما نسبت به اشيا بيرون از قطار، در حال حركت هستيد. از بعضي دور مي‌شويد و به بعضي نزديك؛ كه اين بستگي به &quot;جهت حركت&quot; شما دارد. اما نسبت به خود قطار، حركتي نداريد؛ مگر اينكه در همان قطار، شروع به راه رفتن كنيد.&lt;BR&gt;كره زمين براي ما ثابت و بي‌حركت است؛ اما نسبت به كهكشان، جـِـرم كوچكي است در حال حركت. اشياء داخل صفحه وب نيز همين حالت را دارند؛ كه بزرگترين و مهمترين آن، خود پنجره (window) است.&lt;BR&gt;انواع حركت&lt;BR&gt;به يك صفحه، خوب نگاه كنيد. به نظر شما چه چيزهايي مي‌توانند حركت كنند؟ آيا همه حركتها، از يك نوع است؟ عامل اصلي حركت چيست؟&lt;BR&gt;ظاهرا مي‌شود گفت هر چيزي كه در صفحه وجود دارد، قابل حركت است. ظاهرا حركتها از يك نوع نيستند؛ چون &quot;نيروي محركه&quot; آنها تفاوت دارد. چه چيز باعث حركت اشاره‌گر موس مي‌شود؟ خود پنجره قابل حركت است. مي‌توانيد با كليك بر روي نوار عنوان، آنرا گرفته و به هر نقطه كه تمايل داريد بكشيد. اگر تغيير اندازه را هم نوعي حركت بدانيم، با نوع متفاوتي از حركت روبرو خواهيم شد.&lt;BR&gt;قالب حركت&lt;BR&gt;در رايانه، قالبي وجود دارد كه موقعيت اشيا، نسبت به آن سنجيده مي‌شود. بالا و پايين، چپ و راست. اين چهار جهت اصلي، قالب ما هستند و موقعيت يك آيكون، نوشته، عكس يا پنجره، نسبت به آنها سنجيده مي‌شود. چرا مي‌گوييم اين پنجره از آن پنجره بالاتر است؟ چون نسبت به بالا، نزديكتر است.&lt;BR&gt;اگر اين بخش را هم خوب درك كرده باشيد، متوجه مي‌شويد كه براي شروع كار، لازم است &quot;موقعيت جغرافيايي&quot; يا همان &quot;طول و عرض جغرافيايي&quot; را به دست بياوريم. خوشبختانه در زبان جاوا اسكريپت، دستورات لازم براي به دست آوردن آن، وجود دارد.&lt;BR&gt;از چهار جهت اصلي، دو جهت، معيار هستند؛ بالا و چپ. البته ما فارسي‌ زبانها، چون از راست به چپ مي‌نويسيم و آرايش صفحات ما از راست به چپ است، بهتر است تا آنجا كه ممكن است، بالا و راست را معيار خود قرار دهيم.&lt;BR&gt;طول جغرافيايي - فاصله از بالا - را با y (ايگرگ)،  و عرض جغرافيايي - فاصله از چپ - را با x (ايكس) نشان مي‌دهند.&lt;BR&gt;جدولي را تهيه كرده‌ام كه راه به دست آوردن اين اندازه‌ها را به شما نشان مي‌دهد.&lt;BR&gt;براي ديدن جدول، اينجا كليك كنيد.&lt;BR&gt;&lt;BR&gt;• حركت پنجره&lt;BR&gt;براي حركت پنجره، دو دستور وجود دارد.&lt;BR&gt;1- window.moveBy (x, y)&lt;BR&gt;با اين دستور، مي‌توان پنجره را يكباره به منطقه‌اي كه با عدد مشخص (x, y) مي‌شود، منتقل كرد.&lt;BR&gt;2- window.moveTo (x, y)&lt;BR&gt;اين دستور مانند دستور قبل عمل مي‌كند؛ با اين تفاوت كه اگر آنرا در يك حلقه قرار دهيم، به آهستگي پنجره را حركت مي‌دهد.&lt;BR&gt;كد: كافي است اين كد را داخل يك اسكريپت قرار داده و صفحه را باز كنيد.&lt;BR&gt;for(a = 1; a &lt;= 250; a++) {window.moveTo (250, a)};&lt;BR&gt;• تغيير اندازه پنجره&lt;BR&gt;براي تغيير اندازه پنجره، دو دستور وجود دارد.&lt;BR&gt;1- window.resizeTo (x, y)&lt;BR&gt;با اين دستور مي‌توان اندازه پنجره را تغيير داد و اگر آنرا در يك حلقه قرار دهيم، به آهستگي اندازه پنجره را تغيير مي‌دهد.&lt;BR&gt;كد:&lt;BR&gt;for(a = 1; a &lt;= 500; a++) {window.resizeTo (100, a)};&lt;BR&gt;for(b = 1; b &lt;= 500; b++) {window.resizeTo (b, 500)};&lt;BR&gt;2- window.resizeBy (x, y)&lt;BR&gt;اين دستور هم براي تغيير اندازه است؛ اما به دقت و قدرت دستور قبلي نيست.&lt;BR&gt;به اميد ديدار&lt;BR&gt;خدانگهدار&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;</description>
<pubDate>Tue, 16 Dec 2008 21:40:18 GMT</pubDate>
<comments>http://commenting.blogfa.com/?blogid=html&amp;postid=21</comments>
<dc:creator>html</dc:creator>
<guid>http://html.blogfa.com/post-21.aspx</guid>
</item>
<item>
<title>جلسه 20 بیست</title>
<link>http://html.blogfa.com/post-20.aspx</link>
<description>كتابخانه وبسلام&lt;br /&gt;تغييرات:&lt;br /&gt;- به كتابخانه وب، جستجو اضافه شد (يكشنبه 16 مرداد)&lt;br /&gt;- به جلسه قبل، بحث &quot;اشاره‌گر&quot; اضافه شد. (چهارشنبه 12 مرداد)&lt;br /&gt;خدمت همه دوستان و تازه واردان عزيز، سلام و خسته نباشيد، و خوش آمد عرض مي‌كنم. از كساني كه از مطالب وبلاگ، خوششان آمده و ابراز لطف نموده‌اند تشكر مي‌كنم.&lt;br /&gt;قرار بود اين جلسه را اختصاص دهم به معرفي چند نرم افزار تخصصي و مفيد، كه مسلما شما را در نوشتن و عيب‌يابي كدها، كمك مي‌كند. اما همانطور كه قبلا گفتم، آرزويم، يك بانك و مرجع عمومي و كامل است.&lt;br /&gt;اين طرح بزرگ، يك مشكل بزرگ داشت، و آن كوچكي من است. هم اطلاعاتم محدود است، و هم اينكه هميشه در بين شما نيستم كه اين كار را انجام دهم. احتياج به همكاري علاقمندان بيشتر است. براي همين، بانكي را تهيه كردم كه باز است و هركسي مي‌تواند نرم‌افزاري را كه مي‌شناسد معرفي كند. نام اين بانك را &quot;كتابخانه وب&quot; گذاشتم كه لينكش در سمت چپ همين وبلاگ قرار دارد.&lt;br /&gt;اختصاص به زباني ندارد. هرآنچه كه مربوط به طراحي و برنامه نويسي وب است. اين پروژه، به صورت آزمايشي راه‌اندازي شده است. البته اين به نظر قاصر و ناقص راهنماست. براي كامل شدن اين پروژه، احتياج به راهنمايي و نظر شماست.&lt;br /&gt;به اميد ديدار&lt;br /&gt;خدانگهدار&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
</description>
<pubDate>Tue, 16 Dec 2008 21:40:07 GMT</pubDate>
<comments>http://commenting.blogfa.com/?blogid=html&amp;postid=20</comments>
<dc:creator>html</dc:creator>
<guid>http://html.blogfa.com/post-20.aspx</guid>
</item>
<item>
<title>جلسه 19 نوزده</title>
<link>http://html.blogfa.com/post-19.aspx</link>
<description>موس و صفحه كليدسلام&lt;br /&gt;تغييرات:&lt;br /&gt;- در جلسه 16، بخش «معرفي نرم‌افزار» اضافه شد. (دوشنبه 30 خرداد)&lt;br /&gt;موس و صفحه كليد، به عنوان گيرندههاي رايانه هستند كه به وسيله آنها مطالب را وارد مي‌كنيم. مثلا براي نوشتن اين متن، از صفحه كليد استفاده كرده‌ام. حرف ت را فشردم، تا در اين صفحه، نوشته شد. البته ميان فشردن كليد و نوشته شدن در صفحه - كه بلافاصله انجام مي‌شود - عملياتي انجام مي‌گردد كه از ديد ما پنهان است. &lt;br /&gt;هر كليد، يك كد عددي دارد كه با فشرده شدن، از صفحه كليد به بخش مربوطه در رايانه، فرستاده مي‌شود. آنجا بعد از پردازش، تبديل به حرف معادل آن كد شده، و در متن، نمايش داده مي‌شود. اگر اين روند را خوب درك كنيم، مي‌توانيم بدون استفاده از صفحه كليد، تايپ كنيم؛ فقط كافي است بدانيم كه دستورات لازم آن چيست.&lt;br /&gt;&lt;br /&gt;استخراج كُد كليد (Key Code)&lt;br /&gt; • صفحه كليد&lt;br /&gt;استخراج كُد كليد (Key Code)، كار راحتي است. در زبان جاوا اسكريپت، براي به دست آوردن آن، از اين دستور استفاده مي‌شود: «window.event.keyCode»&lt;br /&gt;تمرين&lt;br /&gt;برنامه‌اي بنويسيم كه كد هر كليد را در يك جعبه متن، نشان دهد.&lt;br /&gt;//***صفحه كليد&lt;br /&gt;function funKeyCode(){&lt;br /&gt;    var key = window.event.keyCode;&lt;br /&gt;    inCode.value = key;&lt;br /&gt;}&lt;br /&gt;document.onkeypress=funKeyCode; // تنظيم رويداد &lt;br /&gt;در قسمت بدنه، جعبه متني قرار دهيد كه محل نمايش كد باشد.&lt;br /&gt;&lt;input name=&quot;inCode&quot; type=&quot;text&quot; value=&quot;&quot; size=&quot;5&quot; readonly&gt;&lt;br /&gt;&lt;br /&gt;كد هر كليدي را كه فشار دهيد، اينجا نوشته مي‌شود: &lt;br /&gt;&lt;br /&gt; • موس&lt;br /&gt;موس نيز مانند صفحه كليد عمل مي‌كند؛ منتها داراي كليدهاي كمتري است. از اين كد «window.event.button» مي‌توانيد براي استخراج كد كليد موس، استفاده كنيد.&lt;br /&gt;تمرين&lt;br /&gt;برنامه‌اي بنويسيم كه كد هر كليد را در يك جعبه متن، نشان دهد.&lt;br /&gt;//***كليك موس&lt;br /&gt;function funClick() &lt;br /&gt;{&lt;br /&gt;    if (document.all) &lt;br /&gt;    {&lt;br /&gt;        if (window.event.button) &lt;br /&gt;        {&lt;br /&gt;            inButton.value = window.event.button;&lt;br /&gt;        return false;&lt;br /&gt;        }&lt;br /&gt;    }&lt;br /&gt;}&lt;br /&gt;document.onmousedown=funClick; // تنظيم رويداد &lt;br /&gt;در قسمت بدنه، جعبه متني قرار دهيد كه محل نمايش كد باشد.&lt;br /&gt;&lt;input name=&quot;inButton&quot; type=&quot;text&quot; value=&quot;&quot; size=&quot;5&quot; readonly&gt;&lt;br /&gt;&lt;br /&gt;كُد كليك موس :  &lt;br /&gt; • اشاره‌گر&lt;br /&gt;اشاره‌گر (Cursor) - كه كاربران معمولا و به اشتباه، به آن موس هم مي‌گويند - همان شكلي است كه با حركت موس، در مانيتور، حركت مي‌كند و نمادي از انگشت و دست شماست براي اشاره به اشياء داخل صفحه.&lt;br /&gt;تاريخ تولد اشاره‌گر و و موس، به ابتدايي‌ترين سيستم عامل ويندوز برمي‌گردد. قبل از آن، سيستم عامل داس بود و آن محيط سياه و مَخوف. نه اثري از رنگ بود، نه صوت و نه موس.&lt;br /&gt;اشاره‌گر، داراي شكلهاي مختلفي است، و در حالات گوناگون، تغيير شكل مي‌دهد. مثلا گاهي به شكل ساعت شني، و گاهي به صورت يك فلش دو سر يا چهار سر، يا علامت سوال، تبديل مي‌شود.&lt;br /&gt;اين تغيير شكلها، همه به دست تواناي شماي برنامه‌نويس، ميسّر مي‌شود و بس. خوشبختانه در وب نيز مي‌شود شكل دلخواه و مورد نياز به اشاره‌گر داد؛ ‌كافي است كه كد هر شكل را بنويسيد.&lt;br /&gt;كـُد&lt;br /&gt;قبل از نوشتن كد، توضيحي بايد عرض كنم، و آن اين است كه تغيير شكل اشاره‌گر، به صورت مستقيم به جاوا اسكريپت مربوط نمي‌شود؛ بلكه مربوط به مبحث استايل (Style) است؛ اما مي‌شود در جاوا از آن به دلخواه استفاده نمود.&lt;br /&gt;استايل&lt;br /&gt;استايل(Style)، تگي است مانند اسكريپيت (Script) كه درون سر (Head) نوشته مي‌شود. همانند جاوا، دو قسمت دارد: 1- نوشتن كد 2- فراخواني كد.&lt;br /&gt;1- نوشتن كد. كد را داخل تگ استايل و درون سر، مي‌نويسيم.&lt;br /&gt;&lt;html&gt;&lt;br /&gt;&lt;head&gt;&lt;br /&gt;&lt;style&gt;&lt;br /&gt;#Auto {Cursor: auto}&lt;br /&gt;#Crosshair {Cursor: crosshair}&lt;br /&gt;#Default {Cursor: default}&lt;br /&gt;#Pointer {Cursor: pointer}&lt;br /&gt;#Hand {Cursor: hand}&lt;br /&gt;#Move {Cursor: move}&lt;br /&gt;#e-resize {Cursor: e-resize}&lt;br /&gt;#ne-resize {Cursor: ne-resize}&lt;br /&gt;#nw-resize {Cursor: nw-resize}&lt;br /&gt;#n-resize {Cursor: n-resize}&lt;br /&gt;#se-resize {Cursor: se-resize}&lt;br /&gt;#sw-resize {Cursor: sw-resize}&lt;br /&gt;#s-resize {Cursor: s-resize}&lt;br /&gt;#w-resize {Cursor: }&lt;br /&gt;#text {Cursor: text}&lt;br /&gt;#wait {Cursor: wait}&lt;br /&gt;#help {Cursor: help}&lt;br /&gt;&lt;/style&gt;&lt;br /&gt;&lt;/head&gt;&lt;br /&gt;تحليل كد: #Hand = نام كد، كه به دلخواه شماست. { } = كد، داخل اين علامت، نوشته مي‌شود. Cursor: hand = كد شكل اشاره‌گر، كه در اينجا به صورت دست است.&lt;br /&gt;2- فراخواني كد. شي مورد نظر را، كه قرار است اشاره‌گر، به محض رفتن بر روي آن، تغيير شكل دهد، داخل بدنه مي‌نويسيم. آن شي، ممكن است يك عكس باشد يا يك متن يا چيز ديگر. در اين مثال، متني را در نظر گرفته‌ام كه درون تگ (Span) نوشته‌ام.&lt;br /&gt;&lt;BODY&gt;&lt;br /&gt;&lt;br /&gt;&lt;SPAN ID=&quot;Auto&quot;&gt;Auto&lt;/SPAN&gt;&lt;BR&gt;&lt;br /&gt;&lt;SPAN ID=&quot;Crosshair&quot;&gt;Crosshair&lt;/SPAN&gt;&lt;BR&gt;&lt;br /&gt;&lt;SPAN ID=&quot;Default&quot;&gt;Default&lt;/SPAN&gt;&lt;BR&gt;&lt;br /&gt;&lt;SPAN ID=&quot;Pointer&quot;&gt;Pointer&lt;/SPAN&gt;&lt;BR&gt;&lt;br /&gt;&lt;SPAN ID=&quot;Hand&quot;&gt;Hand&lt;/SPAN&gt;&lt;BR&gt;&lt;br /&gt;&lt;SPAN ID=&quot;Move&quot;&gt;Move&lt;/SPAN&gt;&lt;BR&gt;&lt;br /&gt;&lt;SPAN ID=&quot;e-resize&quot;&gt;e-resize&lt;/SPAN&gt;&lt;BR&gt;&lt;br /&gt;&lt;SPAN ID=&quot;ne-resize&quot;&gt;ne-resize&lt;/SPAN&gt;&lt;BR&gt;&lt;br /&gt;&lt;SPAN ID=&quot;nw-resize&quot;&gt;nw-resize&lt;/SPAN&gt;&lt;BR&gt;&lt;br /&gt;&lt;SPAN ID=&quot;n-resize&quot;&gt;n-resize&lt;/SPAN&gt;&lt;BR&gt;&lt;br /&gt;&lt;SPAN ID=&quot;se-resize&quot;&gt;se-resize&lt;/SPAN&gt;&lt;BR&gt;&lt;br /&gt;&lt;SPAN ID=&quot;sw-resize&quot;&gt;sw-resize&lt;/SPAN&gt;&lt;BR&gt;&lt;br /&gt;&lt;SPAN ID=&quot;s-resize&quot;&gt;s-resize&lt;/SPAN&gt;&lt;BR&gt;&lt;br /&gt;&lt;SPAN ID=&quot;w-resize&quot;&gt;w-resize&lt;/SPAN&gt;&lt;BR&gt;&lt;br /&gt;&lt;SPAN ID=&quot;text&quot;&gt;text&lt;/SPAN&gt;&lt;BR&gt;&lt;br /&gt;&lt;SPAN ID=&quot;wait&quot;&gt;wait&lt;/SPAN&gt;&lt;BR&gt;&lt;br /&gt;&lt;SPAN ID=&quot;help&quot;&gt;help&lt;/SPAN&gt;&lt;BR&gt;&lt;br /&gt;&lt;br /&gt;&lt;/BODY&gt;&lt;br /&gt;&lt;/HTML&gt;&lt;br /&gt;ID = آي‌دي، همان نامي است كه در بالا نوشتيم؛ مانند (Hand).&lt;br /&gt;نمونه عملي: اشاره‌گر خود را بر روي نوشته‌ها ببريد.&lt;br /&gt;Auto&lt;br /&gt;Crosshair&lt;br /&gt;Default&lt;br /&gt;Pointer&lt;br /&gt;Hand&lt;br /&gt;Move&lt;br /&gt;e-resize&lt;br /&gt;ne-resize&lt;br /&gt;nw-resize&lt;br /&gt;n-resize&lt;br /&gt;se-resize&lt;br /&gt;sw-resize&lt;br /&gt;s-resize&lt;br /&gt;w-resize&lt;br /&gt;text&lt;br /&gt;wait&lt;br /&gt;help&lt;br /&gt;اسم هر كد، نمايانگر حالت و نوع آن است. &lt;br /&gt;اشاره‌گر دست‌ساز&lt;br /&gt;اينها، شكلهاي پيش فرض و موجود در ويندوز است. اما آيا مي‌شود شكل اشاره‌گر را آنگونه كه خودمان مي‌خواهيم، تغيير دهيم؛ يعني به شكلي كه خودمان طراحي كرديم؟ جواب اين سوال، مثبت است. كافي است يك اشاره‌گر - كه با پسوند cur. است - انتخاب كرده و آدرس آنرا بنويسيد. به اين صورت:&lt;br /&gt;#Test {Cursor: url (test.cur); }&lt;br /&gt;&lt;br /&gt;داخل پرانتز:&lt;br /&gt;هر تغيير شكلي، بايد به خاطر نياز و مناسب با زمان و مكان باشد؛ وگرنه كار شايسته‌اي نيست.&lt;br /&gt;به اميد ديدار&lt;br /&gt;خدانگهدار&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
</description>
<pubDate>Tue, 16 Dec 2008 21:39:36 GMT</pubDate>
<comments>http://commenting.blogfa.com/?blogid=html&amp;postid=19</comments>
<dc:creator>html</dc:creator>
<guid>http://html.blogfa.com/post-19.aspx</guid>
</item>
<item>
<title>جلسه 18 هجده</title>
<link>http://html.blogfa.com/post-18.aspx</link>
<description>دستور زبان(آيين نگارش)&lt;br /&gt;سلام&lt;br /&gt;تعجب نكنيد. نه شما اشتباه آمديد، و نه من اشتباه نوشتم. موضوع، همان برنامه‌نويسي است. اين جلسه، اختصاص دارد به يك بحث مختصر و مفيد، كه از ظرافت بالايي برخورددار است؛ همان ظرافتي كه يك نويسنده، در نوشتن مقالات و داستانهاي خود، به خرج مي‌دهد. چه از لحاظ دسته بندي و مرتب بودن فصول و ابواب، و چه از لحاظ فهرست بندي، و چه از لحاظ مراعات قواعد دستوري و آيين نگارش.&lt;br /&gt;بعد از اين همه تلاش و تمرين، لازم است بدانيم چگونه برنامه‌اي بنويسيم كه كمترين عيب و ايراد را داشته باشد. اين مبحث - جز موارد خاصي - در ميان زبانهاي برنامه‌نويسي، عمومي بوده و اختصاصي به جاوا اسكريپت ندارد.&lt;br /&gt;&lt;br /&gt;1- غلط املايي&lt;br /&gt;هنگام ملاحظه تمرينات دوستان، كه برايم ارسال كرده‌اند، متوجه اين نكته شدم كه قسمتي از اشتباه آنان، مربوط به غلط املايي مي‌شود. دستورات، مرتب و صحيح، نوشته شده بود، اما وجود يكي دو غلط املايي، مانع اجراي صحيح برنامه مي‌شد. مثلا &lt;br /&gt;در نوشتن window، دقت كنيد. ويندو، به صورت مفرد است. با نام سيستم عامل ويندوز، اشتباه نگيريد.&lt;br /&gt;يا document و Mouse، جاي حروف o و u را اشتباه نكنيد. &lt;br /&gt;يا كلماتي كه از لحاظ املايي، نزديك هم هستند؛ مانند white (سفيد) with (با) While (حلقه).&lt;br /&gt;&lt;br /&gt;2- كلمات رزرو شده و كليدي&lt;br /&gt;خيلي از كلمات برنامه‌نويسي، كلمات رزرو شده هستند؛ يعني كلماتي كه از قبل در آن زبان، مورد استفاده قرار گرفته و داراي معناي خاصي هستند. از اين كلمات نمي‌شود به عنوان نام چيز ديگري، مانند تابع، استفاده كرد. در صورت عدم مراعات اين قاعده، برنامه شما، دچار مشكل مي‌شود.&lt;br /&gt;&lt;br /&gt;3- كلمات كليدي&lt;br /&gt;در نوشتن اين كلمات، خيلي دقت كنيد؛ مخصوصا در بزرگ و كوچك بودن حروف. اين قاعده كلي را در مورد جاوا اسكريپت، به يادگار داشته باشيد: همه متد و دستورها، در جاوا اسكريپت، با حرف كوچك، نوشته و شروع مي‌شود؛ الا موارد خاصي مانند Array. البته شايد يك كلمه تركيبي باشد؛ چون هميشه اينگونه نوشته مي‌شود new Array.&lt;br /&gt;&lt;br /&gt;4- دستورات تركيبي&lt;br /&gt;يعني دستوراتي كه از دو يا سه كلمه، تشكيل شده‌اند. مانند setTimeout, onMouseover كه از سه كلمه، تركيب شده‌اند. اولين كلمه اين دستورات، با حرف كوچك شروع شده، و دومين كلمه، با حرف بزرگ.&lt;br /&gt;&lt;br /&gt;5- نام گذاري&lt;br /&gt;در زبانهايي مانند ويژوال بيسيك، در نامگذاري اشياء، دقتي به خرج داده مي‌شود، كه در زبانهاي وب، نديده‌ام. به روشي كه عرض مي‌كنم توجه نموده و از آن استفاده كنيد. &lt;br /&gt;اسم بي‌مسمّي شنيده‌ايد؟ اسمي كه با شخص يا شيي ناميده شده، سنخيتي ندارد؛ مثل اينكه به يك سگ سياه، بگوييم سفيد برفي. اسمي كه براي اشيا يا دستورات خود، انتخاب مي‌كنيد، بايد جنس و كار آن را نشان دهد. &lt;br /&gt;مثلا مي‌خواهم تابعي بنويسم كه مطالب يك فرم را ارسال كند. نام دكمه ارسال را btnSubmit گذاشته، و نام تابع را funSubmit مي‌گذارم. &lt;br /&gt;btn = مخفف button (دكمه)&lt;br /&gt;fun = مخفف function (تابع)&lt;br /&gt;استفاده از مخفف نوع اشيا، در راهنمايي شما يا كساني كه از برنامه‌يتان بازديد مي‌كنند، بسيار كمك مي‌كند. مطمئن باشيد در آينده نه چندان دور، كه به برنامه خود مراجعه مي‌كنيد، حافظه، شما را ياري نخواهد نمود تا جزئيات را به خاطر بياوريد. آنگاه مجبور خواهيد شد مانند غريبه‌ها، از اول، كل برنامه را مطالعه كنيد.&lt;br /&gt;&lt;br /&gt;6- مرتب نويسي&lt;br /&gt;كدها بايد طوري نوشته شود كه خوانا و واضح باشد. شايد در برنامه‌هاي كوتاه، ضرورتي براي اين كار ديده نشود؛ اما در كدهاي عريض و طويل و پيچيده كه از دهها تابع ساخته شده‌اند، اين امر، ضروري است.&lt;br /&gt;به ترتيب و چينش اين كدها دقت كنيد:&lt;br /&gt;&lt;script&gt;&lt;br /&gt;function funForm() &lt;br /&gt;{&lt;br /&gt;        if (Form1.Name.value == &apos;&apos;);&lt;br /&gt;        {&lt;br /&gt;            alert (&apos;پيام&apos;);&lt;br /&gt;            Form1.Name.focus();&lt;br /&gt;            return false;&lt;br /&gt;        }&lt;br /&gt;}&lt;br /&gt;&lt;/script&gt;&lt;br /&gt;رعايت سر شاخه و زير مجموعه، در اين برنامه، نمايان است. يك مجموعه داريم كه تابع ما است. داخل آن تابع، يك شرط نوشته شده، و داخل آن شرط، چند دستور. با فاصله دادن آنها از كناره سمت چپ صفحه، آنها را از هم مجزا مي‌كنيم. به قرار گرفتن كُروشه‌ها، دقت كنيد. &lt;br /&gt;&lt;br /&gt;7- پايان دستور&lt;br /&gt;در پايان هر دستور، از نقطه ويرگول (;) استفاده كنيد. هرچند در جاوا اسكريپت، اين كار ضرورتي ندارد؛ اما مراعات آن، ضرري ندارد. نه تنها پايان هر دستوري را مشخص مي‌كند، بلكه ما را در زبانهاي ديگر - مانند php كه اين كار لازم است - آماده مي‌كند.&lt;br /&gt;&lt;br /&gt;معرفي نرم‌افزار&lt;br /&gt;1- JavaScript Code Improver 1.00&lt;br /&gt;اين برنامه، كدهاي نوشته شده جاوا اسكريپت را مرتب مي‌كند. همانطور كه در نكته 6 گفته شد، مرتب نويسي، باعث خوانا شدن كدها مي‌شود؛ اما هميشه از كدهاي خود استفاده نمي‌كنيم؛ بلكه در بسياري مواقع، از برنامه‌هاي آماده در اينترنت يا نوشته شده توسط دوستان خود، بهره‌برداري مي‌كنيم. در اين صورت، براي اينكه وقت زيادي را صرف مرتب كردن آنها نكنيد، بهتر است اين نرم‌افزار را به كار برده تا ظرف چند ثانيه، كدها را شُسته رُفته، به شما تحويل دهد.&lt;br /&gt;اين برنامه را - كه به زبان فارسي ترجمه شده است - مي‌توانيد از اين آدرس، دريافت كنيد.&lt;br /&gt;2- JavaScript Maker 2.7&lt;br /&gt;با اين برنامه، مي‌توانيد كدهاي نوشته شده در htm را تبديل به js كنيد. به اين صورت كه تمام كدهاي شما، صحيح و بدون هيچگونه خطا، داخل يك تابع قرار مي‌گيرد. براي اجرا صفحه وب تبديل شده، كافي است آن تابع را صدا كنيد.&lt;br /&gt;اين روش، در جايي به كار مي‌آيد كه فضايي براي ذخيره يك صفحه مستقل نداريد؛ مانند وبلاگ. در همين وبلاگ، بارها از اين روش، براي ارايه مثالها، استفاده شده است. » دانلود «&lt;br /&gt;3- JavaScript Animator Express v1.10&lt;br /&gt;با اين برنامه، مي‌توانيد به راحتي چند عكس را به صورت اسلايد، نمايش دهيد؛ البته با كمك زبان جاوا اسكريپت. براي آشنايي بيشتر و دريافت آن، به اين آدرس، مراجعه كنيد.&lt;br /&gt;4- HTMLAsText v1.01&lt;br /&gt;تبديل اچ‌تي‌ام‌ال(htm) به متن(txt). براي آشنايي بيشتر و دريافت آن، به اين آدرس، مراجعه كنيد.&lt;br /&gt;به اميد ديدار&lt;br /&gt;خدانگهدار&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
</description>
<pubDate>Tue, 16 Dec 2008 21:38:28 GMT</pubDate>
<comments>http://commenting.blogfa.com/?blogid=html&amp;postid=18</comments>
<dc:creator>html</dc:creator>
<guid>http://html.blogfa.com/post-18.aspx</guid>
</item>
<item>
<title>جلسه 17 هفده</title>
<link>http://html.blogfa.com/post-17.aspx</link>
<description>فـُرمسلام&lt;BR&gt;&lt;BR&gt;تغييرات:&lt;BR&gt;- در همين جلسه، تغييراتي داده شده. (سه‌شنبه 20 ارديبهشت)&lt;BR&gt;- در جلسه 7، تغييراتي داده شد. (پنجشنبه 25 فروردين)&lt;BR&gt;اينبار به مقوله‌اي مي‌پردازيم كه هم كاربردي است و هم محلي براي تمرين دروس قبلي.&lt;BR&gt;اگر به خاطر داشته باشيد، گفته شد كه قسمتي از برنامه نويسي، با داده‌هايي سر و كار دارد كه از كاربران، دريافت مي‌شود. دريافت اطلاعات، راه‌هاي مختلفي دارد كه مهمترين و معروفترين آنها، استفاده از فرم است. &lt;BR&gt;روزانه، فرمهاي مختلفي را پر مي‌كنيم. فرم ثبت نام در يك اداره، فرم باز كردن حساب در بانك، فرم ثبت نام در قرعه‌كشي، و ... . حتما در اينترنت هم با امثال اين فرمها، روبرو شده‌ايد. مثلا فرم عضويت در يك پايگاه، فرم ثبت يك ايميل در ياهو، فرم ارسال نامه، يا مثلا فرم نظرخواهي همين وبلاگ. آيا تا به حال، به طرز كار اين فرمها فكر كرده‌ايد؟ براي شما كه يك برنامه‌نويس هستيد، توجه به ساختمان و ماهيت فرم - و اشياء ديگر - لازم است.&lt;BR&gt;«پايگاههاي وب، از فرمها براي منظورهاي مختلفي استفاده مي‌كنند. از قبيل: ثبت نام كردن كاربران، و يا ورود آنها به فضاهاي خاص وب (Login)، دريافت نظرات و فرمهاي نظرسنجي، و يا خريد و فروش آنلاين.» &lt;BR&gt;&lt;BR&gt;ساختمان فرم&lt;BR&gt;هر فرمي، عمليات خود را - كه دريافت و ارسال داده باشد - در سه بخش، انجام مي‌دهد.&lt;BR&gt;اسكلت و ظاهر: اين بخش - كه تشكليل شده از تعدادي جعبه متن (فيلد) و دكمه - توسط اچ‌تي‌ام‌ال ساخته مي‌شود. البته با نرم‌افزارهايي - كه قبلا نام برديم - اين كار، سريعتر و دقيقتر انجام مي‌شود. اين قسمت، مكان نوشتن اطلاعات، توسط كاربر است. &lt;BR&gt;خطاياب: اين بخش، تخصص جاوا اسكريپت است. يك حد مياني بين اچ‌تي‌ام‌ال و زبان سِروري. در اين قسمت، اطلاعات وارد شده توسط كاربر، كنترل مي‌شود. مثلا تمامي فيلدهايي كه بايد نوشته شود، پر شده يا نه؟ و آيا تركيب ايميلي كه وارد شده، درست است؟ در صورت وجود خطا، با اخطار به كاربر، مانع از ارسال مطالب به صورت ناقص يا نادرست مي‌شود. &lt;BR&gt;ارسال و ذخيره اطلاعات: اين قسمت، به عهده يك زبان سروري مانند asp و php است، و از حيطه مسؤوليت جاوا، خارج است. &lt;BR&gt;با توجه به اين تقسيم بندي، وظيفه جاوا، مشخص شده و دقيقا مي‌دانيم كه از او چه مي‌خواهيم.&lt;BR&gt;داخل پرانتز:&lt;BR&gt;با توجه به مطالبي كه گفته شد، بديهي است كه از بعضي از فرم‌ها نمي‌شود در وبلاگ استفاده كرد؛ يا حتي در سايتهايي كه فضايشان را به صورت رايگان، تهيه كرده‌اند؛ چون اينگونه فضاها، اجازه نوشتن و اجراي زبان سروري را نمي‌دهند.&lt;BR&gt;&lt;BR&gt;اجزاي فرم&lt;BR&gt;فرمها، بسته به نياز ما، مي‌توانند ساده يا پيچيده باشند. كمترين حد فرم، يك جعبه متن و يك دكمه ارسال (Submit) است؛ همانند فرم ثبت نامي كه در همين وبلاگ، قرار داده‌ام.&lt;BR&gt;&lt;BR&gt;نام:  &lt;BR&gt;&lt;BR&gt;دكمه Reset كه يك دكمه اختياري است، براي پاك كردن فرم است. اين ساده‌ترين شكل فرم است. &lt;BR&gt;&lt;BR&gt;اسكلت فرم (كد HTML)&lt;BR&gt;
&lt;FORM name=Form1 onsubmit=&quot;return funForm()&quot; action=test.htm method=post&gt;&lt;!--  شروع فرم --&gt;&lt;BR&gt;نام: &lt;BR&gt;&lt;INPUT name=Name&gt;&lt;!--  جعبه متن --&gt;&lt;BR&gt;&lt;INPUT type=submit value=Submit name=B1&gt;&lt;!--  دكمه ارسال --&gt;&lt;BR&gt;&lt;INPUT type=reset value=Reset name=B2&gt;&lt;!--  دكمه پاك كردن --&gt;&lt;BR&gt;&lt;/FORM&gt;&lt;!--  پايان فرم --&gt;&lt;BR&gt;method = نوع ارسال اطلاعات را معين مي‌كند، كه دو نوع است: post, get. اين دو روش با تفاوتهايي، عمليات ارسال را انجام ‌مي‌دهند. روش پُست، عمومي‌تر است و از لحاظ امنيتي، برتري دارد. اگر متد را ننويسيد، از پُست، استفاده مي‌شود.&lt;BR&gt;action = محلي را نشان مي‌دهد كه اطلاعات، براي پردازش، به آنجا ارسال خواهد شد؛ يعني آدرس يك صفحه است، كه در اينجا براي مثال، test.htm را انتخاب كرده‌ام.&lt;BR&gt;name = نام فرم. &lt;BR&gt;onSubmit = يك رويداد است. تابعي را كه در جاوا اسكريپت، نوشته‌ايد را صدا مي‌كند.&lt;BR&gt;فراموش نكنيد كه براي هر جزء، نامي بگذاريد. تا اينجاي كار، اسكلت و ظاهر فرم، ساخته شده است. &lt;BR&gt;&lt;BR&gt;خطايابي (كد جاوا)&lt;BR&gt; • از اين به بعد، به بخش خطايابي مي‌پردازيم. اول بايد در نظر بگيريم كه خطا از نظر ما چيست. &lt;BR&gt;- مثلا در يك فرم ارسال ايميل، نبايد آدرس ايميل غلط باشد.&lt;BR&gt;- يا مثلا متني كه نوشته مي‌شود، نبايد بيشتر يا كمتر از فلان حد باشد.&lt;BR&gt;- يا موردي كه بايد نوشته و مشخص شود، خالي مانده.&lt;BR&gt; پس بايد طوري برنامه نويسي كنيم كه مانع انجام اين اشتباههات بشويم. &lt;BR&gt; • در فرم ساده ما، خطا، زماني است كه اسمي نوشته نشود، و فرم خالي ارسال شود. پس بايد با كمك جاوا بنويسيم كه اگر فيلد نام، خالي بود، مانع ارسال فرم شده و پيام بدهد.&lt;BR&gt;
&lt;SCRIPT&gt;&lt;br /&gt;function funForm() &lt;br /&gt;{&lt;br /&gt;        if (Form1.Name.value == &apos;&apos;) &lt;br /&gt;        {&lt;br /&gt;            alert (&apos;نام خود را بنويسيد!&apos;);&lt;br /&gt;            Form1.Name.focus();&lt;br /&gt;            return false;&lt;br /&gt;        }&lt;br /&gt;}&lt;br /&gt;&lt;/SCRIPT&gt;
&lt;BR&gt;&lt;BR&gt;ارسال و ذخيره اطلاعات&lt;BR&gt; بعد از دريافت صحيح اطلاعات، بايد آن را به جايي كه قرار است ذخيره شود، بفرستيم. در اينترنت، به چند صورت مي‌شود اطلاعات را ذخيره نمود.&lt;BR&gt;ذخيره در كوكي: اطلاعات كوتاه و ضروري را در آن ذخيره مي‌كنند. به اميد خدا در جلسات آتي، به آن خواهيم پرداخت. &lt;BR&gt;ذخيره در پرونده‌هاي معمولي: مثلا در پرونده متني (Text). نسبت به كوكي، قادر به ذخيره اطلاعات بيشتري است؛ اما به لحاظ اينكه براي ساخت، تغيير و حذف يك پرونده يا پوشه، احتياج به مجوز از طرف سيستم شماست، و اين كار، به خاطر جلوگيري از نفوذ ويروس و خرابكاران (هكر)، به سختي انجام مي‌پذيرد، مقرون به صرفه نيست. &lt;BR&gt;ذخيره در بانك اطلاعاتي: بهترين روش ذخيره اطلاعات است؛ هم از لحاظ ذخيره حجم بالاي اطلاعات، هم ترتيب و نظم، هم خواندن راحت و سريع آنها. اساس كار بانك اطاعات، استفاده از جدول است؛ جدولي كه تشكيل شده از ستون و سطرهاي مختلف؛ مانند جداولي كه در بسياري از جاها، ديده‌ايد. &lt;BR&gt;استفاده از بانك اطلاعاتي، مناسبترين روش است كه معمولا اطلاعات فرمها، به آن ارسال مي‌شود؛ اما&lt;BR&gt;بانكها، زبان ما - جاوا اسكريپت - را نمي‌فهمند، و زبان خاص خودشان را دارند؛ يعني زبانهاي سروري كه قبلا گفته شد. &lt;BR&gt;وبلاگها و پايگهايي كه رايگان تهيه شده‌اند، اجازه اجرا اين گونه زبانها را نمي‌دهند. &lt;BR&gt; • به اميد خدا بعد از پايان درس جاوا اسكريپت، اگر دوستان علاقمندي باشند، به بحث درباره يكي از زبانهاي سروري (asp, php) خواهيم پراخت؛ حداقل تا جايي كه بتوانيد خودتان يك بانك را ساخته و اطلاعاتان را در آن ذخيره كنيد.&lt;BR&gt; • ظاهرا بحث فرم - تا آنجا كه به جاوا مربوط مي‌شده - در اينجا به پايان رسيده است. اين جلسه، هديه‌اي به دوستان عزيزي كه تقاضاي درس عملي و كاربردي را داشته‌اند. در پايان، شما را با عناصر ديگري كه ممكن است در فرم، استفاده شوند، آشنا مي‌كنم.&lt;BR&gt;&lt;BR&gt;واژه‌نامه&lt;BR&gt;Get - Post = تفاوت بين اين دو، در چگونگي ارسال اطلاعات از فرم، به اسكريپت پردازشگر است. &lt;BR&gt;اگر از روش گت، استفاده كنيد، مقدار اطلاعاتي كه مي‌توانيد ارسال كنيد، محدود است. &lt;BR&gt;با استفاده از روش get، اطلاعات به دست آمده از فرم، به عنوان بخشي از يك URL، انتقال مي‌يابد؛ اما در روش post، اطلاعات، در حقيقت به صورت نامرئي، منتقل مي‌شود. اگر براي مثال، در روش گت، كاربر، يك رمز عبور را در فيلد پسورد، بنويسد، و فرد ديگري نيز در حال مشاهده صفحه نمايش كاربر باشد، به راحتي مي‌تواند از رمز عبور كاربر، آگاه شود. به عبارت ديگر، اين روش، در سطح امنيتي پايين‌تري از روش پست مي‌باشد. &lt;BR&gt;صفحه‌اي كه حاوي فرمي با مشخصه گت است، مي‌تواند نشانه گذاري (Bookmark) شود؛ در حالي كه در روش پست، اين كار، ممكن نيست. &lt;BR&gt;&lt;BR&gt;عناصر فرم&lt;BR&gt; • هميشه پاسخها، به صورت تشريحي نيست. گاهي اوقات، تستي بوده و جوابهاي از پيش تعريف شده دارد. مثل سوال از جنسيت كاربر، يا شهر محل سكونت. در اين موارد، بايد از عناصر ديگه فرم استفاده نمود؛ مانند چك باكس، يا دكمه راديويي.&lt;BR&gt; &lt;BR&gt;  ComboBox-JumpMenu - فهرست آبشاري&lt;BR&gt;&lt;BR&gt;  ListBox - ليست باكس&lt;BR&gt;  ListBox-Multiple - ليست باكس چند انتخابي &lt;BR&gt;&lt;BR&gt; Button-Image - دكمه عكسي&lt;BR&gt;&lt;BR&gt;  File - دريافت فايل&lt;BR&gt;&lt;BR&gt;  Text - متن&lt;BR&gt;&lt;BR&gt;  Password - پسورد&lt;BR&gt;&lt;BR&gt;Hidden - متن مخفي&lt;BR&gt;&lt;BR&gt;  TextArea - متن زياد&lt;BR&gt;&lt;BR&gt;به اميد ديدار&lt;BR&gt;خدانگهدار &lt;BR&gt;&lt;BR&gt;&lt;BR&gt;</description>
<pubDate>Tue, 16 Dec 2008 21:36:18 GMT</pubDate>
<comments>http://commenting.blogfa.com/?blogid=html&amp;postid=17</comments>
<dc:creator>html</dc:creator>
<guid>http://html.blogfa.com/post-17.aspx</guid>
</item>
<item>
<title>جلسه 16 شانزده</title>
<link>http://html.blogfa.com/post-16.aspx</link>
<description>فراخوانسلام&lt;br /&gt;تغييرات:&lt;br /&gt;- در همين مقاله، تغييراتي داده شده. (پرسش و پاسخ، بازي)&lt;br /&gt;- در پرسش و پاسخ جلسه قبل، تغييراتي داده شده.&lt;br /&gt;- در طراحي اين وبلاگ، با كمك جاوا، يك تغيير ظريفي انجام شده. پيدا كنيد.&lt;br /&gt;خوشحالم كه اين شور و شوق و تحرك را در شما مي‌بينم. آرزويم اين بوده كه پايگاهي وجود داشته باشد كه مرجع و منبعي براي علاقمندان باشد. من كه فاصله دارم با اين هدف؛ ولي به شما دوستان اميدوارم. به قول پير مردا: &quot;چشم اميدم به شماست&quot;. &lt;br /&gt;پيشنهاد مي‌كنم به منظور رسيدن به اين هدف، اين جمع دوستانه و صميمي را حفظ كنيد. هر مطلب جالبي، مقاله جديد، روش آموزشي نوين، يا كد زيبايي به چشمتان خورد، به نام خودتان در اين وبلاگ، قرار بدهيد. &lt;br /&gt;به اميد خدا، يا جاي بهتر و بزرگتري پيدا مي‌كنيم؛ يا شعبه‌هايي در همين پايگاه، ايجاد مي‌كنيم كه به صورت زنجيره‌اي فعاليت كنند. مثلا: &lt;br /&gt;وبلاگ آموزشي &lt;br /&gt;وبلاگي مخصوص كد و برنامه‌هاي آماده &lt;br /&gt;وبلاگ اخبار و تازه‌هاي جاوا اسكريپت، فناوري و نرم افزراهاي كمكي &lt;br /&gt;تقريبا در هر سه مورد، كارهايي انجام داده‌ام، و بانكي از كدها، و نرم افزارهاي اين زبان را تهيه كرده‌ام. &lt;br /&gt; • روش من، همانطور كه از اول گفته‌ام، اين است كه شما به صورت خودكار دست به كار شويد؛ و به جوابتان برسيد. يك علت تاخير نوشتن مقاله جديد يا در پاسخ به سوالها، همين است؛ كه فرصت تمرين بيشتر داشته باشيد و كساني كه به هر دليلي از درس عقب مانده‌اند، خودشان را برسانند. &lt;br /&gt;داخل پرانتز: يكي از چيزهايي كه باعث نااميدي بعضي از دوستان تازه كار مي‌شود، اين است كه از ديگران عقب مانده‌اند و يا ديرتر درس را ياد مي‌گيرند. منتظر مي‌مانم تا برسند. دوستان ديگري كه از هوش و استعداد، يا فرصت بيشتري برخوردارند، مي‌توانند با مراجعه به پايگاه‌ها و كتابهايي كه معرفي شده، پيش بروند. &lt;br /&gt;به قول اون سرباز زخمي و فداكار: شما بريد؛ من اينجا مي‌مونم.&lt;br /&gt;و به قول فرمانده همون سرباز: يك فرمانده شجاع، هيچ وقت سربازش رو تنها نميذاره.&lt;br /&gt;به حرفهايي كه گفتم فكر كرده و راهنمايي‌هاي خود را از من دريغ نفرماييد.&lt;br /&gt;&lt;br /&gt;پرسش و پاسخ:&lt;br /&gt;?پرسش:&lt;br /&gt;سلام. يه سوال: اگه خواستيم مثلا با کليک روي يک دکمه يه پاراگراف جديد درست بشه چکار بايد کرد؟&lt;br /&gt;• پاسخ: &lt;br /&gt;سلام&lt;br /&gt;1- يك خواهش داشتم. سوالت را واضح بنويس؛ مثلا بگو در كجا مي‌خواهي اين كد را استفاده كني. با اين كار، مخاطب شما، بهتر منظورتان را بهتر درك مي‌كند.&lt;br /&gt;2- با تشكر از ايراني كه لطف كردند و پاسخ دادند. آفرين به شما.&lt;br /&gt;3- راه حلي كه من دارم خدمتتان مي‌نويسم. &lt;br /&gt;&lt;body&gt;&lt;br /&gt;&lt;br /&gt;&lt;input type=&quot;button&quot; value=&quot;پاراگراف&quot; onclick =&quot;funAdd()&quot; &gt;&lt;br /&gt;&lt;br /&gt;&lt;script&gt;&lt;br /&gt;function funAdd()&lt;br /&gt;{&lt;br /&gt;        document.body.innerHTML += &quot;&lt;li&gt;&lt;p&gt;پاراگراف&quot;&lt;br /&gt;}&lt;br /&gt;&lt;/script&gt; &lt;br /&gt;&lt;br /&gt;&lt;/body&gt;&lt;br /&gt;&lt;br /&gt;• براي ديدن نمونه عملي، اينجا كليك كنيد.&lt;br /&gt;&lt;br /&gt;• پاسخ: &lt;br /&gt;سلام دوست عزيز mreza! نامه شما به دستم رسيد. ظاهرا شما تمايل داريد با قدرت و كارايي اين زبان آشنا شويد. نمي‌دانم قبلا با چه زباني كار كرده‌ايد؛ اما نظر شما را به اين موضوع جلب مي‌كنم كه: عناصر و اشياء موجود در يك صفحه، ماهيت و كارايي مختلفي دارند. بعضي از آنها قابل ويرايش نيستند و به اصطلاح ReadOnly (فقط خواندني) هستند؛ و بعضي اجازه تغيير و اصلاح و يا نوشتن متن را به شما مي‌دهند. مانند جعبه متن (Textbox). توجه به اين نكته، شايد شما را در رسيدن به هدفتان، كمك كند.&lt;br /&gt;• پاسخ: &lt;br /&gt;آقا حامد سلام. نامه‌يتان به دستم رسيد. تشكر از صبر و همتتان. ببخشيد اگر جسارتي شد. صلاح مملكت خويش، خسروان دانند. تنها يك نكته. فرموديد كه متاسفانه بازديد كننده كم است. عرض مي‌كنم كه چه كمي؟ كم كمّي، يا كم كيفي؟ مطالب وبلاگ شما، تخصصي است. يك نفر بازديد كننده از چنين وبلاگي، برابري مي‌كند با 10 نفر بازديد كننده وبلاگ يا سايتي كه پر از شعر و عكس و ترانه و جك است.&lt;br /&gt;علاوه بر اينكه موافق نظرتان نيستم، و اميدوارم كه وبلاگتان، به مرور علاقمندان خاص خود را پيدا كند؛ شما را به رعايت نكاتي كه عرض كردم و همچنين تبليغ مناسب از وبلاگتان، توصيه مي‌كنم. خدانگهدار&lt;br /&gt;?پرسش:&lt;br /&gt;با سلام. شما مي‌توانيد ميلي ثانيه را با دستور زير به دست بياوريد؟&lt;br /&gt;getMilliseconds()&lt;br /&gt;• پاسخ: &lt;br /&gt;سلام. تا آنجا كه من اطلاع دارم، اين دستور هنوز ساخته نشده است. تا آن زمان، مي‌توانيد از دستور ثانيه استفاده كنيد؛ و اگر خواستيد آنرا تقسيم به ده، صد، هزار يا ميليون نماييد.&lt;br /&gt;&lt;br /&gt;بازي:&lt;br /&gt;بازيي كه قولش را داده بودم، امروز آماده كرده‌ام. اما چون اينجا، وبلاگ است و محيط وبلاگ - به قول آقا حامد - محدوديتهاي فراواني دارد، آماده سازي اين بازي، يا پروژه‌هاي عملي ديگر، طول مي‌كشد. اگر با اين مشكل آشنا باشيد و آنرا در نظر بگيريد، متوجه خواهيد شد كه با چه زحمتي و با چه ترفندهاي مختلفي، يك صفحه خارجي براي شما درست مي‌شود. &lt;br /&gt;تمام اينها، هديه‌اي به شما دوستان عزيزم&lt;br /&gt;• براي ديدن بازي، اينجا كليك كنيد. براي اولين بار، صفحه باز شده را رفرش كنيد.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;به اميد ديدار&lt;br /&gt;خدانگهدار&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
</description>
<pubDate>Tue, 16 Dec 2008 21:35:35 GMT</pubDate>
<comments>http://commenting.blogfa.com/?blogid=html&amp;postid=16</comments>
<dc:creator>html</dc:creator>
<guid>http://html.blogfa.com/post-16.aspx</guid>
</item>
</channel>
</rss>
