0

سبد خرید شما خالی است.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی حرفه ای سایت اصفهان, بهینه سازی سایت , بازاریابی و تبلیغات اینترنتی 09133886881 احمدپور

آرشیو برچسب ها

متد before در جی کوئری

متد Before در جی کوئری جی کوئری یک کتابخانه ی جاوا اسکریپت سریع، کوچک و بسیار غنی می باشد. جی کوئری یک چارچوب از جاوا اسکریپت است که هدف آن آسان ساختن استفاده از کد های جاوا اسکریپت در طراحی سایت می باشد. با متد ها و قواعد دستوری جی کوئری که در آموزش های قبلی به آن ها اشاره شد می توانید عناصر Html را انتخاب کنید و عملیات مورد نظر خود را بر روی آن ها انجام دهید. در این آموزش تیم طراحی سایت اصفهان وب یار قصد دارد شما را با متد Before در جی کوئری آشنا کنیم. به وسیله ی متد Before در جی کوئری می توانید محتوای مورد نظر خود را قبل از عناصر انتخاب شده در صفحه ی Html قرار دهید. طریقه ی استفاده از متد Before در جی کوئری به صورت زیر است. $(selector).before(content,function(index)) selector :  مشخص کننده ی عنصری است که می خواهید محتویات مورد نظرتان قبل از آن وارد شود. Content  :  مشخص کننده ی محتویاتی است که می خواهید قبل از عنصر مورد نظر خود درج کنید.   به مثال های زیر توجه کنید: <!DOCTYPE html> <html> <head> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js”></script> <script> $(document).ready(function(){ $(“button”).click(function(){ $(“p”).before(“<p>Hello world!</p>”); }); }); </script> </head> <body> <button>Insert content before each p element</button> <p>This is a paragraph.</p> <p>This is a paragraph.</p> </body> </html> در این مثال با استفاده […]

آموزش متد clone() در جی کوئری

آموزش جی کوئری – متد ()clone اگر برنامه نویس باشید و یا حتی با برنامه نویسی آشنایی اندکی داشته باشید حتما درک خواهید کرد که نوشتن قطعه کدی تکراری کسل کننده خواهد بود و شدت آن زمانی زیاد میشود که عنصر مورد نظری که قصد کپی کردن آن را دارید رویداد ها و پارامترهایی را به همراه داشته باشد. اما بهتر است بدانید جی کوئری برای حل این مشکل متدی به نام ()clone دارد. متاسفانه وقتی درباره متد ()clone سرچ میکردم به سایت های آموزشی برخورد کردم که درباره متد ()clone به اشتباه توضیح داده بودن .از این رو تیم طراحی سایت وب یار تصمیم دارد تا درسری آموزشی جی کوئری به آموزش متد ()clone بپردازد.با تیم طراحی سایت اصفهان وب یار همراه باشید . متد ()clone : متد ()clone برای ایجاد یک کپی از عناصر همگرا استفاده می شود.به زبان ساده تر متد ()clone برای کپی یا اضافه کردن عناصر همگرا HTML در ابتدای عنصر انتخاب شده استفاده می شود. متد ()clone از پارامترهای بولین برای کپی کردن یا  کپی نکردن رویدادها و داده های همراه با عنصر همگرا استفاده می کند. ساختار این متد به صورت زیر است : $(selector).clone(true|false); Selector : تعیین کننده  عنصری است که می خواهیم از آن کپی ایجاد کنیم . false  : مشخص می کند که متصدیان رویداد نباید کپی شوند.به عبارتی دیگر […]

آموزش قواعد دستوری جی کوئری

دستورات زنجیره ای در جی کوئری: در جلسات قبلی درباره قواعد دستوری جی کوئری صحبت کردیم اما گاهی در نوشتن کدهای جی کوئری نیاز داریم تا برای یک عنصر چندین متد متفاوت به کار ببریم . اگر شما بخواهد متدها را به صورت جداگانه بنویسید و هر بار عنصر مورد نظر را دوباره فراخوانی کنید باعث می شود مرورگر هر بار به صورت جداگانه عمل شناسایی عنصر را انجام دهد که در کاهش سرعت سایت شما موثر است . از این رو قصد داریم تا در این جلسه از آموزش گام به گام جی کوئری قاعده دستوری ایجاد دستورات زنجیره ای را به شما آموزش دهیم .پس با تیم طراحی سایت اصفهان وب یار همراه باشید . دستورات زنجیره ای (پشت سر هم) در جی کوئری : تا کنون در کدنویسی ها دستورات jQuery را یکی بعد از دیگری نوشته اید. اما تکنیکی به نام “زنجیره ای کردن” یا “chaining” وجود دارد که به ما اجازه می دهد تا تنها با یک دستور، چندین متد را روی یک عنصر مشخص، اجرا کنیم . این عمل باعث می‌شود چندین کد فقط در یک سطر قرار گیرد و در نتیجه علاوه بر افزایش سرعت سایت شما که در ابتدا به آن اشاره کردیم ، کد شما نیز بسیار مختصر گردد. استفاده از دستورات زنجیره ای در جی کوئری به ما اجازه می دهد تا تنها با […]

آموزش گام به گام جی کوئری : گاهی طراحان سایت برای طراحی سایت نیاز دارند تا اطلاعاتی را از یک عنصر حذف کرده و یا بلعکس اطلاعاتی را به آن عنصر اضافه کرده و به صفحه بازگردانند. طراحان سایت برای انجام این گونه کارها در جی کوئری از متد data و متد removedata استفاده می کنند. تیم طراحی سایت وبیار قصد دارد در این جلسه از آموزش گام به گام جی کوئری در رابطه با متد data و متد removedata برای شما همراهان عزیز وب یار صحبت کند. با تیم طراحی سایت اصفهان وب یار همراه باشید.   متد data : به طراحان سایت کمک میکند تا اطلاعاتی را به عنصر مورد نظر خود اضافه کرده و یا اینکه اطلاعات آن را خوانده و به صفحه بازگردانند .که برای انجام هر یک از این دو کار syntax جدا گانه ای در نظر گرفته شده است.    الف ) خواندن و برگرداندن اطلاعات یک عنصر با استفاده از متد data : به وسیله متد data می توان اطلاعات موجود در یک عنصر HTML را خوانده و به صفحه باز گرداند. شکل کلی استفاده از متد data در این حالت به صورت زیر می باشد  : $( selector ).data ( name ) selector  : این پارامتر تعیین کننده id عنصری است که می خواهیم اطلاعات آن را خوانده و به صفحه باز گردانیم .  name  […]

متد noconflict در جی کوئری

آموزش جی کوئری: گاهی در طراحی سایت نیاز داریم علاوه بر جی کوئری از دیگر کتابخانه های جاوا اسکریپت ، مانند:  JavaScript MVC ، Cappuccino ، Sammy ، Backbone ، MooTools  Knockout ، Google Web Toolkit ، Google Closure ، Ember ، Batman ، Ext JS استفاده نماییم . اما خوب است بدانید برخی از این کتابخانه های JavaScript  مانند کتابخانه جی کوئری از علامت $ بعنوان میانبر استفاده می کنند . که در صورت استفاده همزمان از این کتابخانه ها (دارای علامت $) ممکن است در اجرای برنامه به مشکل برخورد کنید و کدهای شما درست کار نکنند. از این رو در این جلسه از آموزش گام به گام  جی کوئری قصد داریم تا شما را با متد noconflict در جی کوئری آشنا سازیم . پس با تیم طراحی سایت اصفهان وب یار همراه باشید. متد noconflict در جی کوئری : این متد به شما کمک میکند تا درصورت استفاده همزمان از فریم ورک های دیگر جاوا اسکریپت (دارای علامت $) همراه با کتابخانه جی کوئری دچار مشکل نشوید. به عبارت دیگر متد noconflict در جی کوئری علامت $ را برای استفاده دیگر کتابخانه های جاوا اسکریپت  آزاد می کند.   با استفاده از متد noconflict در جی کوئری : دیگر نیاز به بکار بردن علامت $ در کدهای jQuery نبوده و می توانید آن را حذف نمایید. البته از نام […]

متدoffset در جی کوئری

آموزش جی کوئری: گاهی در صفحات وب نیاز داریم تا مختصات یک عنصر را نسبت به مبدا سند html بدست آوریم و از آن برای مشخص کردن موقعیت عناصر صفحه وب، نظیر دکمه  go to top  استفاده نماییم . ازاین رو درجلسه دهم از آموزش گام به گام جی کوئری قصد داریم تا شما را با متد offset و نحوه استفاده از آن آشنا سازیم . با تیم طراحی سایت اصفهان وب یار همراه باشید.   متد offset : معنای تخصصی واژه  offset، فاصله از مبدأ، فاصله ی میان یک مکان و مکان دیگر در حافظه ی کامپیوتر می باشد . متد offset در جی کوئری میتواند بر روی عنصر انتخاب شده به دو صورت زیر عمل کند : مختصات آفست عنصر انتخاب شده را نسبت به سند html تنظیم می کند. مختصات آفست (top , left) عنصر انتخاب شده را نسبت به سند بازمی گرداند. ساختار متد offset برای تنظیم مختصات افست : $(selector).offset({top:value,left:value}) ; {top:value,left:value} : در هنگام تنظیم افست ، استفاده از این پارامتر اجباری است . این مختصات بالا و چپ در پیکسل را مشخص می کند.   ساختار متد offset برای بازگرداندن مختصات افست: $(selector).offset(); ساختار متد offset برای تنظیم مقادیر مختصات با استفاده از یک تابع: $(selector).offset(function(index,currentoffset)); (Function (index,currentoffset: این یک پارامتر اختیاری است.  این یک تابع را مشخص می کند که یک شیء حاوی مختصات […]