::: در حال بارگیری لطفا صبر کنید :::Loading , please wait ...

انجمن کدستانMoisrex

MoisrexMoisrex.rozblog.com
زمان جاریtime : شنبه 16 تیر 1403 - 6:05 بعد از ظهر
نام کاربریusername : پسوردpassword : یاor عضویتregister | رمز عبور را فراموش کردمForgot your password?
شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .
12»
آموزش ساخت ابزار وبمستر با جاوااسکریپت قسمت سوم!!!
تعداد بازدیدvisits : 1212
p30site آفلاین



ارسال هاAnswers : 552
عضویتRegistration date : 25 /4 /1391
حمایت کردهThanks : 87
حمایت شدهThanked : 213
آموزش ساخت ابزار وبمستر با جاوااسکریپت قسمت سوم!!!

در این قسمت از آموزش میخوام به شما تابع document.getelementbyId از جاوااسکریپت رو برای شما توضیح بدم!!

این تابع وسیله ای برای گرفتن اشیاء صفحات وب میباشد!!به عنوان مثال شما وقتی میخواهید یک ابزار ایجاد کنید این تابع خیلی به دردتان خواهد خورد!!

مثال:

کد:
<script language="javascript" type="text/javascript">window.onload = p30site;function p30site(){document.getElementById("test").innerHTML = 'سلام اسم من محسن هست و مدیر p30site.rozblog.com هستم';}</script><div id="test" style="background-color:#ececec;border:1px silver solid;color:#000000;direction:rtl;height:30px;"></div>

تذکر : فعلا بحث ما درباره کد "document.getElementById" میباشد!!و در آموزش های بعدی بقیه همین کد را به شما توضیح خواهم داد!!

نکته : حتما این کد را در نرم افزار اجرا کنید تا نتیجه رو ببینید!!

توضیح : همان طور که میبینید ما یک تگ div با آیدی test ایجاد کردیم و با استفاده از تابع document.getElementById در جاوااسکریپت این تابع رو فراخوانی کردیم تا متن مورد نظر ما در تگ div به نمایش در بیاد!!

یک مثال پیچیده تر :

کد:
<script language="javascript" type="text/javascript"> function p30site(){document.getElementById("test").innerHTML = 'سلام اسم من محسن هست و مدیر p30site.rozblog.com هستم';}</script> <div id="test" style="background-color:#ececec;border:1px silver solid;color:#000000;direction:rtl;height:30px;"></div><input type="button" value="تست کد" onclick="p30site()"/>

منبع : http://p30site.rozblog.com/

چهارشنبه 13 شهریور 1392 - 10:22
وب کاربرUser's blog ارسال پیامsend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شدهThanks : سپاس هاThanks (1) : abzar-web -
abzar-web آنلاین آفلاین
[avatar_answerabzar-web]
[starsabzar-web]
[rankingabzar-web]

ارسال‌هاAsnwers : [Count_Allabzar-web]
عضویتRegistration date : [registerdateabzar-web]
محل زندگیLiving position : [cityabzar-web]
سنAge : [age_answerabzar-web]
شناسه یاهوYahoo ID : [yahooabzar-web]
تعداد اخطارWarnings : [warningabzar-web]
حمایت کردهthanks : [thanksabzar-web]
حمایت شدهThanked : [thanksabzar-web]
پاسخAnswer 1 : آموزش ساخت ابزار وبمستر با جاوااسکریپت قسمت سوم!!!

لطفا کد نتیجه رو هم بزار و+ دمویی که از اموزش گذاشتی

[emzaabzar-web]
چهارشنبه 13 شهریور 1392 - 11:19
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
p30site آفلاین



ارسال‌هاAsnwers : 552
عضویتRegistration date : 25 /4 /1391
حمایت کردهthanks : 87
حمایت شدهThanked : 213
پاسخAnswer 2 : آموزش ساخت ابزار وبمستر با جاوااسکریپت قسمت سوم!!!

نقل قول از mastercod

لطفا کد نتیجه رو هم بزار و+ دمویی که از اموزش گذاشتی

اگه میخوای یاد بگیری باید خودت توی نرم افزار کد رو بزاری و نتیجه رو ببینی!!بعد از نتیجه یه نگاه به کد بندازی ببینی من چکار کردم!!

چهارشنبه 13 شهریور 1392 - 11:26
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
abzar-web آنلاین آفلاین
[avatar_answerabzar-web]
[starsabzar-web]
[rankingabzar-web]

ارسال‌هاAsnwers : [Count_Allabzar-web]
عضویتRegistration date : [registerdateabzar-web]
محل زندگیLiving position : [cityabzar-web]
سنAge : [age_answerabzar-web]
شناسه یاهوYahoo ID : [yahooabzar-web]
تعداد اخطارWarnings : [warningabzar-web]
حمایت کردهthanks : [thanksabzar-web]
حمایت شدهThanked : [thanksabzar-web]
پاسخAnswer 3 : آموزش ساخت ابزار وبمستر با جاوااسکریپت قسمت سوم!!!

اینا که چیزی نیست که من بخوام یاد بگیرم از مبتدی هم مبتدی تر هست

من پیشنهاد به خودت دادم گفتم نتیجه نهایی رو بزار اینجوری اموزشت بهتر میشه

[emzaabzar-web]
چهارشنبه 13 شهریور 1392 - 11:29
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : erfanlink -
p30site آفلاین



ارسال‌هاAsnwers : 552
عضویتRegistration date : 25 /4 /1391
حمایت کردهthanks : 87
حمایت شدهThanked : 213
پاسخAnswer 4 : آموزش ساخت ابزار وبمستر با جاوااسکریپت قسمت سوم!!!

نقل قول از mastercod

اینا که چیزی نیست که من بخوام یاد بگیرم از مبتدی هم مبتدی تر هست

من پیشنهاد به خودت دادم گفتم نتیجه نهایی رو بزار اینجوری اموزشت بهتر میشه

نتیجه نهایی رو با کلیک رویه دمو میتونن ببینن!!

چهارشنبه 13 شهریور 1392 - 11:36
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
abzar-web آنلاین آفلاین
[avatar_answerabzar-web]
[starsabzar-web]
[rankingabzar-web]

ارسال‌هاAsnwers : [Count_Allabzar-web]
عضویتRegistration date : [registerdateabzar-web]
محل زندگیLiving position : [cityabzar-web]
سنAge : [age_answerabzar-web]
شناسه یاهوYahoo ID : [yahooabzar-web]
تعداد اخطارWarnings : [warningabzar-web]
حمایت کردهthanks : [thanksabzar-web]
حمایت شدهThanked : [thanksabzar-web]
پاسخAnswer 5 : آموزش ساخت ابزار وبمستر با جاوااسکریپت قسمت سوم!!!

نقل قول از p30site

نقل قول از mastercod

اینا که چیزی نیست که من بخوام یاد بگیرم از مبتدی هم مبتدی تر هست

من پیشنهاد به خودت دادم گفتم نتیجه نهایی رو بزار اینجوری اموزشت بهتر میشه

نتیجه نهایی رو با کلیک رویه دمو میتونن ببینن!!
خوب مشکل همینه دمو برای بعضی از مروگرا کار میکنه برای بعضی کار نمیکنه

حالا کار سختی هست یه صفحه جداگانه بزنی و هم توضیح بدی هم نتیجه رو بزاری؟

بحث نکن اختیار داری

[emzaabzar-web]
چهارشنبه 13 شهریور 1392 - 11:40
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
t-rex آفلاین



ارسال‌هاAsnwers : 1775
عضویتRegistration date : 21 /3 /1392
تعداد اخطارWarnings : 3
حمایت کردهthanks : 482
حمایت شدهThanked : 1585
پاسخAnswer 6 : آموزش ساخت ابزار وبمستر با جاوااسکریپت قسمت سوم!!!

خوبن

یه تایپک بزن تمام تابع ها رو بگو

چهارشنبه 13 شهریور 1392 - 11:44
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
ehsanerfani آفلاین



ارسال‌هاAsnwers : 157
عضویتRegistration date : 26 /2 /1392
حمایت کردهthanks : 27
حمایت شدهThanked : 205
پاسخAnswer 7 : آموزش ساخت ابزار وبمستر با جاوااسکریپت قسمت سوم!!!

نقل قول از p30site

در این قسمت از آموزش میخوام به شما تابع document.getelementbyId از جاوااسکریپت رو برای شما توضیح بدم!!

این تابع وسیله ای برای گرفتن اشیاء صفحات وب میباشد!!به عنوان مثال شما وقتی میخواهید یک ابزار ایجاد کنید این تابع خیلی به دردتان خواهد خورد!!

مثال:

کد:
<script language="javascript" type="text/javascript">window.onload = p30site;function p30site(){document.getElementById("test").innerHTML = 'سلام اسم من محسن هست و مدیر p30site.rozblog.com هستم';}</script><div id="test" style="background-color:#ececec;border:1px silver solid;color:#000000;direction:rtl;height:30px;"></div>

تذکر : فعلا بحث ما درباره کد "document.getElementById" میباشد!!و در آموزش های بعدی بقیه همین کد را به شما توضیح خواهم داد!!

نکته : حتما این کد را در نرم افزار اجرا کنید تا نتیجه رو ببینید!!

توضیح : همان طور که میبینید ما یک تگ div با آیدی test ایجاد کردیم و با استفاده از تابع document.getElementById در جاوااسکریپت این تابع رو فراخوانی کردیم تا متن مورد نظر ما در تگ div به نمایش در بیاد!!

یک مثال پیچیده تر :

کد:
<script language="javascript" type="text/javascript">window.onload = p30site;function p30site(){document.getElementById("test").innerHTML = 'سلام اسم من محسن هست و مدیر p30site.rozblog.com هستم';}</script><div id="test" style="background-color:#ececec;border:1px silver solid;color:#000000;direction:rtl;height:30px;"></div>

منبع : http://p30site.rozblog.com/

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

چهارشنبه 13 شهریور 1392 - 12:34
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
p30site آفلاین



ارسال‌هاAsnwers : 552
عضویتRegistration date : 25 /4 /1391
حمایت کردهthanks : 87
حمایت شدهThanked : 213
پاسخAnswer 8 : آموزش ساخت ابزار وبمستر با جاوااسکریپت قسمت سوم!!!

نقل قول از ehsanerfani

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

وقتی آموزش ها تموم شد توی یه تاپیک جامع همه رو میزارم!!

چهارشنبه 13 شهریور 1392 - 12:42
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
abzar-web آنلاین آفلاین
[avatar_answerabzar-web]
[starsabzar-web]
[rankingabzar-web]

ارسال‌هاAsnwers : [Count_Allabzar-web]
عضویتRegistration date : [registerdateabzar-web]
محل زندگیLiving position : [cityabzar-web]
سنAge : [age_answerabzar-web]
شناسه یاهوYahoo ID : [yahooabzar-web]
تعداد اخطارWarnings : [warningabzar-web]
حمایت کردهthanks : [thanksabzar-web]
حمایت شدهThanked : [thanksabzar-web]
پاسخAnswer 9 : آموزش ساخت ابزار وبمستر با جاوااسکریپت قسمت سوم!!!

اینجوری میشه اسپم بازار

دوست عزیزمون پیشنهاد خوبی دادن

این تاپیک رو بزن مهم میکنمش

[emzaabzar-web]
چهارشنبه 13 شهریور 1392 - 13:44
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
alireza111 آفلاین



ارسال‌هاAsnwers : 3294
عضویتRegistration date : 25 /10 /1391
حمایت کردهthanks : 831
حمایت شدهThanked : 1853
پاسخAnswer 10 : آموزش ساخت ابزار وبمستر با جاوااسکریپت قسمت سوم!!!

دمو میدی؟

چهارشنبه 13 شهریور 1392 - 15:12
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
12»



moisrex
درباره ماAbout us لینک های ماOur links کلمات کلیدیKeywords
انجمن تخصصی کدستان ، ساخته شده توسط فردی با نام مستعار Moisrex می باشد.This forum designed by a person who called Moisrex.

ایمیلE-mail : Moisrex @ Gmail.com
کدستان,انجمن کدستان,کدنویسی,انجمن پشتیبانی,فروم,رزبلاگ,آموزش کدنویسی,درخواست کد
تمامی حقوق این انجمن مربوط به همین انجمن می باشد | طراحی قالبCopyright (c) By Moisrex , All rights reserved | Desiger : Moisrex