آموزش ساخت یک فریم ورک ساده با جاوا اسکریپت تعداد بازدیدvisits : 1103
|
|||||||||
amireza1
![]() ![]() ![]()
|
آموزش ساخت یک فریم ورک ساده با جاوا اسکریپت به نام خدا آموزش ساخت متن تایپی با جاوا اسکریپت سلام دوستان من پریروز یه آموزش درباره ساخت یک کتابخانه خیلی ساده مثل جیکوئری رو تو اینترنت دیدم گفتم به شما هم آموزش بدم این لینکش :https://scotch.io/tutorials/building-your-own-javascript-modal-plugin در این لینک آموزش ساخت باکس دیالوگ با استایل زیبا هستش که یکم پیچیدس من با آموزش اون یه چیز ساده نوشتم که اطلاعات رو از شما میگیره و متن شما رو تایپی میکنه چون یکم من بد اموزش میدم تصمیم گرفتم خط به خط آموزش بدمش این کل کد هستش : https://rozup.ir/up/blacktools/Pictures/Untitled3.htm ctrl u بزنید من خط به خط توضیح میدمش از خط 6 به بعد : 7 : در این خط برای کدمون یه فانکشن بدون نام ایجاد کردیم تا کد هارو بین اون بزاریم و در آخر اون رو فراخوانی کردیمش کد: (function() { 8: در این خط یک فانکشن به نام tip ساختیم تا بعدا اطلاعات رو از اون طریق به کدمون بدیم کد: this.tip = function(op) { 9 : مقدار اون متنی رو که میخواییم تایپیش کنیم رو در یک متغیر ریختیم کد: var text= document.getElementById(op.id).innerText; 10 : متن ها رو با فاصله از هم جدا کردیم و در متغیر sp ریختیم کد:
12 : اون متنی رو که چشمک میزنه رو تعیین کردیم کد: document.getElementById('oc').innerText=''+op.oc+'' 14 : استایل متن چشمک زن رو تعیین کردیم کد: document.getElementById(op.id).style.cssText=''+op.style+'' 16 : متن که میخواییم تایپ بشه رو خالی کردیم کد: document.getElementById(op.id).innerHTML='' 17 : یه متغیر تعریف کردیم برای اینکه با تایپ حر کلمه یک مقدار به این عدد اضافه میشه و ما میتونیم متنی که میخواییم بعدش تایپ بشه رو پیدا کنیم کد: i=-1; 18 : یه تابع ایجاد کردیم و اون تابع هر زمانی که تعیین کردیم یکبار متن رو تایپ میکنه /مثلا ما تعیین میکنیم که هر 100 میلی ثانیه یک کلمه رو تایپ کنه یا .. کد: var timer=setInterval(function(){ 19 : با تایپ هر کلمه یک مقدار به متغیر i اضافه کردیم کد: i++; 21 :یک شرط گذاشتیم که اگر مقدار متغیر i مساوی با تعداد کلماتی که قراره تایپ بشه شد متغیر i رو صفر کنه و متن های تایپ شده رو پاک کنه و از اول تایپ بشه کد: if(i>sp.length-1){i=0; document.getElementById(op.id).innerHTML='' }else{} 22 : تعیین کردیم که هر 100 میلی ثانیه یک بار رنگ اون کلمه چشمک زن رو سیاه یا سفید کنه کد: setInterval(function(){ s='white+black'; s=s.split("+")[Math.floor(Math.random() *2)]; document.getElementById('oc').style.color=''+s+'' ;},100); 24 : هر بار یک کلمه رو تایپ میکنه با تگ span کد: document.getElementById(op.id).innerHTML+='<span>'+sp+'</span>'; 26 : بین هر کلمه یک فاصله میندازه کد: document.getElementById(op.id).innerHTML+=' ' و در آخر برای اینکه بتونیم یک متن تایپی بسازیم کد: var t=new tip({ اول یه تابع ساختیم بعدش برای تعیین اینکه چه ممتنی تایپی بشه ایدی اون کلمه ها رو دادیم و بعد متن چشمک زن رو نوشتیم و برای تعیین سرعت تایپ هر کلمه اون زمان رو بصورت میلی ثانیه نوشتیم و بعد استایل متن چشمک زن رو نوشتیم و در اخر از دوستان معذرت میخوام که انقدر بد توضیح دادم |
||||||||
دوشنبه 22 دی 1393 - 18:21 |
|
![]() |
سپاس هاThanks (3) : smaeal - 00mostafa00 - tempes - |
rezasg78
![]() ![]() ![]()
|
پاسخAnswer 1 : آموزش ساخت یک فریم ورک ساده با جاوا اسکریپت please show me an example. کیف کردی چی نوشتم؟؟
|
||||||||
دوشنبه 22 دی 1393 - 18:58 |
|
amireza1
![]() ![]() ![]()
|
پاسخAnswer 2 : آموزش ساخت یک فریم ورک ساده با جاوا اسکریپت please speack pershian |
||||||||
دوشنبه 22 دی 1393 - 19:12 |
|
smaeal
![]() ![]() ![]()
|
پاسخAnswer 3 : آموزش ساخت یک فریم ورک ساده با جاوا اسکریپت ممنون |
||||||||
دوشنبه 22 دی 1393 - 19:17 |
|
farnam
![]() ![]() ![]()
|
پاسخAnswer 4 : آموزش ساخت یک فریم ورک ساده با جاوا اسکریپت ممنون با تشکر یادت باشه که بهترین دوستت همیشه میتونه بهترین ادم در همه شرایط باشه پس قدرشو بدون
------------------------------------------------------------------------------------------------------------------------ دوست های خوبم: محمد، اسماعیل، آقای قیاسی، اقبال، امیر محسن، محمد آر بوی، علیرضا، نوید، مویزبست |
||||||||
دوشنبه 22 دی 1393 - 19:20 |
|
smaeal
![]() ![]() ![]()
|
پاسخAnswer 5 : آموزش ساخت یک فریم ورک ساده با جاوا اسکریپت ولی دمو برای من کار نکرد... |
||||||||
دوشنبه 22 دی 1393 - 21:02 |
|
smaeal
![]() ![]() ![]()
|
پاسخAnswer 6 : آموزش ساخت یک فریم ورک ساده با جاوا اسکریپت ولی دمو برای من کار نکرد... |
||||||||
دوشنبه 22 دی 1393 - 21:02 |
|
amireza1
![]() ![]() ![]()
|
پاسخAnswer 7 : آموزش ساخت یک فریم ورک ساده با جاوا اسکریپت واقعا کم کم داره حالم از این فایر فاکس بهم میخوره نصف بیشتر کد های جاوا اسکریپت رو نمیخونه........ |
||||||||
دوشنبه 22 دی 1393 - 21:59 |
|
smaeal
![]() ![]() ![]()
|
پاسخAnswer 8 : آموزش ساخت یک فریم ورک ساده با جاوا اسکریپت نه بابا...نمیدونم تو چطوری مینویسی... آخه تا اونجا که من دیدم و میدونم فایرفاکسه که توی زمینه جاوااسکریپت از بقیه بالاتره... نمیدونم تو چیکار میکنی..من اونور نیستم که...وگرنه میزدم شت و پتت میکردم... |
||||||||
سه شنبه 23 دی 1393 - 07:10 |
|
![]() |
سپاس هاThanks (1) : masterhk - |
masterhk
![]() ![]() ![]()
|
پاسخAnswer 9 : آموزش ساخت یک فریم ورک ساده با جاوا اسکریپتنقل قول از smaealوالا... نمونه ش هم که خودم دیدم اینه که میشه برای پارامترهای توابع، مقدار پیش فرض تعریف کرد؛ امکانی که قراره به نسخه بعدی جاوااسکریپت اضافه بشه! |
||||||||
سه شنبه 23 دی 1393 - 10:33 |
|
![]() |
سپاس هاThanks (1) : smaeal - |
00mostafa00
![]() ![]() ![]()
|
پاسخAnswer 10 : آموزش ساخت یک فریم ورک ساده با جاوا اسکریپت ممنون |
||||||||
سه شنبه 23 دی 1393 - 10:45 |
|