آموزش Javascript (مقدماتی) - صفحه 3

boplo · **پاسخ : آموزش Javascript (مقدماتی) -** 06-14-2008, 01:50 PM

ممنون.
من خیلی اینترنت رو واسه JS بالا پایین کردم ولی هیچی پیدا نکردم. اگه سایتی مثل php.net واسه این هم بود عالی بود ولی متاسفانه همچین خبری نیست.
آژاکس منبع و آموزش زیاد داره ولی جاوا اسکریپت منبع منسجم و حرفه ای و اختصاصی نداره. من جایی رو پیدا نکردم که بشه لیست توابع اون رو مشاهده کرد.

Geek · **پاسخ : آموزش Javascript (مقدماتی) -** 06-14-2008, 06:50 PM

اینم رفرنس:
JavaScript - MDC

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

boplo · **پاسخ : آموزش Javascript (مقدماتی) -** 06-20-2008, 01:23 AM

بسیار ممنون از مرجع خوبی که معرفی کردید.
موزیلا چه جای توپی درست کرده!

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

درمورد کار با فریم ورک ها به بخش آموزش خودشون برم کافیه؟

Geek · **پاسخ : آموزش Javascript (مقدماتی) -** 06-20-2008, 03:06 PM

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

امیرکاظم · **پاسخ : آموزش Javascript (مقدماتی) -** 08-24-2008, 12:43 PM

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

boplo · **پاسخ : آموزش Javascript (مقدماتی) -** 09-05-2008, 01:13 PM

سلام،
من برگشتم

من همون موقع رفتم یه دوری با فریم ورکهای معروف زدم، دیدم چقدر ساده و آسون هستند! مخصوصا jQuery که احتیاج به دونستن چیز دیگه ای نداره.

حالا اومدم چند تا سوال ازتون بپرسم. من میخوام با جاوا اسکریپت

1. محتوای یک بخش رو بخونم مثلا در کد زیر عبارت content رو بازیابی کنم

کد HTML:

<div id="something">content</div>

2. محتوایی رو در یک بخش چاپ کنم(بجای مقدار قبلی و به آخر مقدار قبلی). مثلا در کد زیر، عبارت newContent رو در بخش اول که خالیه چاپ کنم و به آخر (یا اول) بخش دوم هم اضافه کنم (البته اضافه کردن رو میشه از طریق خوندن و دوباره نوشتن هم ایجاد کرد)

کد HTML:

<div id="first"></div>
<div id="second">oldContent -</div>

3. و در آخر سوال اولم رو روی فرم انجام بدم یعنی محتوایی که کاربر در فیلد تایپ می کنه رو بعد از submit (یا حتی در زمان تایپ) بازیابی کنم.

این کارا با فریم ورکها بی نهایت ساده است ولی واسه یه آژاکس کوچولو موچولو فراخوانی یک library حداقل چهل پنجاه کیلوبایتی یکم زور داره و صفحه رو سنگین می کنه.

ممنون میشم کمک کنید.

boplo · 05:45 PM

سلام دوباره،
من رفتم با یکم تلاش جواب سوالای خودم رو پیدا کردم

نقل قول:

نوشته اصلی توسط boplo

1. محتوای یک بخش رو بخونم مثلا در کد زیر عبارت

نقل قول:

نوشته اصلی توسط boplo

content رو بازیابی کنم

کد HTML:

<dimyFormv id="something">content</div>

عبارت زیر شامل محتوای این بخش یعنی کلمه content هست:
document.getElementById(something').innetHTML

نقل قول:

نوشته اصلی توسط boplo

2. محتوایی رو در یک بخش چاپ کنم(بجای مقدار قبلی و به آخر مقدار قبلی). مثلا در کد زیر، عبارت newContent رو در بخش اول که خالیه چاپ کنم و به آخر (یا اول) بخش دوم هم اضافه کنم (البته اضافه کردن رو میشه از طریق خوندن و دوباره نوشتن هم ایجاد کرد)

کد HTML:

<div id="first"></div>
<div id="second">oldContent -</div>

عبارت زیر کلمه newContent رو در بخش اول چاپ می کنه:
; 'document.getElementById('first').innetHTML = 'newContent

و عبارت زیر هم newContent رو به بخش دوم اضافه می کنه:
; 'document.getElementById('second').innetHTML += 'newContent

نقل قول:

نوشته اصلی توسط boplo

3. و در آخر سوال اولم رو روی فرم انجام بدم یعنی محتوایی که کاربر در فیلد تایپ می کنه رو بعد از submit (یا حتی در زمان تایپ) بازیابی کنم.

عبارت زیر محتوی مقدار یک فیلد با نام (مشخصه name فیلد) myField در یک فرم با نام (مشخصه name فیلد) myForm هست:
;document.myForm.myField.value

برای بازیابی این اطلاعات در هنگام submit شدن فرم، باید کدها رو (به شکل تابع) با مشخصه ()onsubmit که به تگ FORM اضافه میشه اجرا کرد.
و برای بازیابی اطلاعات فرم به هنگام تایپ، باید کدها رو با مشخصه ()onkeyup که به تگ INPUT اضافه میشه اجرا کرد.

حالا سوال جدید دارم:
چطور می تونم کلاس CSS یک بخش رو عوض کنم یا مقداردهی کنم یعنی مثلا یک کلاس CSS رو به یک div انتساب بدم.
همینطور چطور می تونم یک خصوصیت جدید رو موقع اجرای صفحه اجرا کنم. مثلا می خوام
;"loading.style.display = "none
رو با لود صفحه اجرا کنم یعنی loading بصورت طبیعی نمایش داده نشه یا توسط سایر کدها نمایش داده بشه.

ممنون

Geek · **پاسخ : آموزش Javascript (مقدماتی) -** 09-05-2008, 05:59 PM

اگر بخواهید کدی بنویسید که به هر مرورگری کار کند، قابل استفاده مجدد باشد و کار با آن آسان، حجم آن از فریم ورکهای موجود بیشتر خواهد شد. ضمنا موتولز امکان ساخت دانلود بر اساس نیاز شما را میدهد که مثلا برای Request که امکانات آژاکس را در اختیار شما قرار میدهد تنها 18 کیلوبایت است که از حجم یک عکس بدرد بخور هم کمتر است.

اینحا را ببینید جهت آشنایی با عملکرد:
MooTools Docs - Request/Request

و اینجا دانلود مورد نظرتان را بسازید:
MooTools - MooTools 1.2 Core Builder
کافیست تنها پکیج Request را انتخاب کنید.

boplo · **پاسخ : آموزش Javascript (مقدماتی) -** 09-07-2008, 11:48 AM

بله، امکانات فریم ورکها فوق العاده هستند ولی راستش من دنبال راه مستقیم اونها هستم (بدون استفاده از فریم ورک)

درست مثل فریم ورکها که به جزییات و بخشهای یک المنت دسترسی دارند، با جاوا اسکریپت چطور می تونم این ذسترسی رو داشته باشم؟ مثلا در تگ IMG مقدار src یا class و ... رو در دست بگیرم.

boplo · **پاسخ : آموزش Javascript (مقدماتی) -** 09-07-2008, 02:28 PM

دو تا لینک خوب واسه آموزش جاوا اسکریپت پیدا کردم:
JavaScript Kit- DOM (Document Object Model) Reference
و
JavaScript Kit- JavaScript Reference

راه حل دسترسی به اجزای تگ تو این لینکها هست.

واسه اجرای یک کد بعد از لود شدن صفحه روش زیر رو باید اجرا کرد:

کد HTML:

window.onload = functionName;
function functionName() {
document.getElementsByTagName('input')[0].focus();"
}
یا اینجوری
<body onload="document.getElementsByTagName('input')[0].focus();" >

در کل ممنون!