طراحی وب سایت در کرج
026-34204893
09101013858

بایگانی برچسب‌ها : جی کوئری

jQuery | طراحی سایت در کرج | طراحی وب سایت در کرج | کیان تجارت فاوا

صرفه جویی در وقت با پلاگین های JQuery

صرفه جویی در وقت با پلاگین های JQuery

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

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

شما باید بدانید که همه این افزونه ها آسان نیستند. اگر شما نمی توانید از افزونه جی کوئری که انتخاب می کنید استفاده کنید، پس از اتمام زمان صرف وقت خواهد شد. باید توجه داشته باشید که با استفاده از هر کدام از اینها، باید بدانید که چگونه از آنها استفاده کنید.

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

اگر آنها به درستی نوشته نشده اند که بسیاری از آنها وجود نداشته باشند، یا مجبورید یک فرد دیگر را پیدا کنید یا ساعتها صرف کنید تا بتوانید آن را بیابید.

هنگامی که شما از طریق تمام اسکریپت های jQuery جستجو می کنید، باید بدانید که همه آنها حتی قابل استفاده نیستند. شما ممکن است بدانید چرا این است.

این به این دلیل است که اکثریت گسترده ای از این افراد توسط افرادی که مدت زمان لازم را نداشته اند تا مطمئن شوند که افزونه آنها درست کار می کند قبل از تصمیم گیری در مورد آن، نوشته شده است.

شما می توانید بسیار ناامید شوید اگر به پلاگین جی کوئری برسید که فکر می کنید برای سایت شما کار خواهد کرد و شما زمان زیادی را صرف تلاش برای کشف کردن نحوه استفاده از آن می کنید تا متوجه شوید که زمان خود را هدر داده اید

اگر زمان خود را می گیرید و می دانید که چه چیزی را باید در پلاگین جی کوئری جستجو کنید، پس می توانید زمان زیادی را صرف جستجو کنید. شما نباید نگران وقت خود را صرف پلاگین کنید که به نظر می رسد کار نمی کند.

اگر غیر قابل استفاده باشد، مهم نیست چند دفعه دستورالعملها را بخوانید و مهم نیست که چقدر نوشته شده اند، نمیتوانید آن را به درستی کار کنید.

Tagged
جی کوئری | طراحی سایت در کرج | طراحی وب سایت در کرج | کیان تجارت فاوا

اهمیت اضافه کردن یک نمایش اسلایدی جی کوئری

اهمیت اضافه کردن یک نمایش اسلایدی جی کوئری

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

سیل سایت ها و وبلاگ ها شما را مجبور می کند تا یک استراتژی خاص را برای ارتباط با بازدیدکنندگان خود پیگیری کنید و صفحه وب خود را افزایش دهید.

بهینه سازی موتور جستجو در میان ارزشمند ترین راه حل برای به دست آوردن کاربران و موتورهای جستجو، توجه به اضافه کردن یک نمایش اسلایدی جی کوئری در صفحه وب شما است.

بسیاری از سبک های طرح بندی تصاویر به صورت جی کوئری وجود دارد. هر اسلاید جی کوئری ویژگی های خاص خود، ابعاد و گزینه های اصلاحی را ارائه می دهد.

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

آنها هنگامی که به عنوان یک نمایش اسلاید جوملا یا نمایش اسلایدی Drupal اضافه می شوند، همان قابلیت را دارند. در هر صورت، چیزی که باید انجام دهید، نصب ماژول است که با روش وب سایت شما منطبق است.

ایجاد یک نمایش اسلایدی جی کوئری ممکن است به عنوان ارعاب ظاهر شود، به ویژه برای افرادی که دارای مهارت های فنی و یا بودجه سخاوتمندانه نیستند، که ممکن است برای جهل فنی خود هزینه کنند.

خبر خوب این است که ارائه دهندگان ارائه پوسته های نمایش اسلایدی جوملا، پوسته های اسلایدی در دروپال و دیگر پوسته های اسلایدهای جی کوئری را در اختیار شما قرار می دهند که شما می توانید به راحتی آنها را جاسازی کنید.

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

تولید فایل های رسانه ای سطح بالا و جذاب، این جایی است که شما باید از طرف خلاق خود استفاده کنید یا کسی را پرداخت کنید تا این کار را برای شما انجام دهد.

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

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

یک روش اضافی برای بهبود تبدیل صفحات وب شما، با نمایش یک نمایش اسلایدی Drupal به عنوان مثال، استفاده از نمایش اسلایدی به تازگی افزوده شده jQuery برای محتوای مکمل است.

اکثر بازدیدکنندگان صبر نکردن برای مشاهده بلوک های متن طولانی ندارند. یک نمایش اسلاید ویدئویی به خوبی ساختار یافته به شما امکان می دهد تا منافع خود را به شیوه ای هیجان انگیز انتقال دهید.

بازیکنان Slideshow جوملا فقط روی دیدگاه بازدیدکنندگان تاثیر نمی گذارد، اما آنها نیز احتمالا SEO شما را افزایش خواهند داد.

موتورهای جستجو عناوین و توضیحات اسلایدهای جی کوئری را بخوانند؛ تعدادی از آنهایی که مهم هستند، حتی به دلیل افزایش تقاضا برای این کلمات کلیدی، حتی یک بخش جستجو متمایز برای تصاویر، صوتی، فیلم ها و پادکست ها ایجاد کرده اند.

نمایش اسلاید تصاویر یا ویدئو می تواند تجدید نظر به هر صفحه وب را اضافه کند. لازم نیست که ویترین هنرمند یا فروشگاه نمایش تجارت الکترونیک از اشیاء باشد. این ممکن است احساس شخصی، درک گسترده ای از محتوای نوشته شده و یا فقط یخ را با یک تصویر سرگرم کننده و یا ویدئو شکستن.

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

 

Tagged
عنصر | طراحی سایت در کرج | طراحی وب سایت در کرج | کیان تجارت فاوا

جعبه های انتخاب شده را با جی کوئری انتخاب و تنظیم کنید

جعبه های انتخاب شده را با جی کوئری انتخاب و تنظیم کنید

در موارد متعددی، من برای استفاده از گزینه چک باکس مبتنی بر شبکه استفاده کردم. من مطمئن هستم که همه آنها را دیده اید، کادر انتخاب را در بالای شبکه انتخاب می کنید، و کادرهای همه بچه ها یا بسته به وضعیت والد خود را چک کرده یا علامت گذاری شده اند.

من اخیرا یک پروژه داشتم که این قابلیت بسیار موثر بود، بنابراین تصمیم گرفتم آن را برای شما بنویسم.

بگذارید بگوییم فرم HTML زیر را داریم.

بعضی از نام ها

اردک دونالد

المر فود

این کاملا یک فرم ساده است. فقط یک سلول از سلول ها در یک فرم پیچیده شده است.

ما همچنین در آنجا قرار می دهیم که ما برای نشان دادن کاربر چندین مورد انتخاب می کنیم (فقط در صورتی که نمیتوان آنها را حساب کرد).

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

بیایید ببینید که جاوا اسکریپت چگونه خواهد بود.

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

$(“input[name=ItemKey]”).click( function() {

if ( $(this).is(“:checked”) ){

// update all table cells in the current row with a class to indicate selection

// these could probably be chained.. let me know if you can do this better $(this).parent().addClass(“selected”);

$(this).parent().siblings().addClass(“selected”);

} else {

// remove the class to stop showing the row is selected

$(this).parent().removeClass(“selected”).addClass(“plain”);

$(this).parent().siblings().removeClass(“selected”).addClass(“plain”);

}

// update the label indicator of total selected items

ChangeSelectedLabel();

});

// check if all or no checkboxes were set as checked by server-side script

SetToggleCheckBoxFromChildren();

بنابراین آنچه در اینجا اتفاق می افتد این است که رویداد کلیک کلاس ها را به سلول ها اعمال می کند تا کاربر را نشان دهد که ردیف انتخاب شده است.

برای انجام این کار، عنصر اصلی کادر انتخاب انتخاب می کنیم. سپس همه بچه های این عنصر را دریافت می کنیم (که باید کل ردیف باشد) و کلاس را به آن سلول ها اختصاص می دهیم. شما می توانید این کلاس را در یک شیوه قرار دهید و آن را فرمت کنید هر چند دوست دارید.

به طور مشابه، اگر کادر انتخاب بر روی رویداد کلیک برداشته شود، این کلاس را حذف میکنیم، به طوری که تمام سلولها در ردیف به سبک پیش فرض بازگشتهاند. این به طور کامل بستگی دارد که چگونه میز خود را سبک کنید.

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

function ChangeSelectedLabel() {

var count = $(“input[name=ItemKey]:checked”).length;

$(“#selectedCountLabel”).text(count + ” items selected”);

SetToggleCheckBoxFromChildren();

}

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

سپس فاصله “selectedCountLabel” با متن دلخواه به روز می شود. سپس ما یک تابع فراخوانی برای تابع SetToggleCheckBoxFromChildren می کنیم. بیایید به آن نگاه کنیم.

function SetToggleCheckBoxFromChildren() {

var TotalDeselectedItems = $(“input[name=ItemKey]:not(:checked)”).length;

if (TotalDeselectedItems == 0) {

$(“#selectallcheckboxes”).prop(“checked”, true);

} else {

$(“#selectallcheckboxes”).prop(“checked”, false);

}

}

 

 

خوب، بنابراین این تابع تنظیم وضعیت جعبه والدین را تنظیم می کند. می دانید، یکی در بالای جدول. ممکن است زمانی که اسکریپت سمت سرور صفحه را پر می کند که همه کادرهای جعبه را چک می کند.

در این وضعیت، ما می خواهیم اسکریپت سمت سرویس گیرنده گزینه چک کردن پدر و مادر را به حالت “چک” تنظیم کنیم. اگر ما این کار را نکنیم، گزینه انتخاب را انتخاب می کنیم. ممکن است متوجه شوید که این تابع در اولین بلوک اسکریپت نیز نامیده شده است.

این تابع متوجه می شود که آیا چکیده هایی وجود دارد که بررسی نشده اند (به یاد داشته باشید، از نام ما برای فیلتر کردن محدوده استفاده کنید). اگر آنها وجود نداشته باشند، کادر تأیید پدر و مادر را بررسی کنید.

 

 

Tagged
jQuery | طراحی سایت در کرج | طراحی وب سایت در کرج | کیان تجارت فاوا

بهترین ویژگی های JQuery

بهترین ویژگی های JQuery

جی کوئری جدید و بهبود یافته.

jQuery شامل کد جاوا اسکریپت به یک سطح کاملا جدید است. اگر شما از جاوا اسکریپت استفاده می کنید احتمالا از jQuery شنیده اید. نمونه های بزرگ نقشه های گوگل، فیس بوک و توییتر است.

چه چیزی باعث جی کوئری می شود؟

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

جاوا اسکریپت خالق jQuery است، به عنوان jQuery در JavaScript نوشته شده است. دو تغییر کاملا متفاوت از کد جی کوئری، فایل غیر فشرده و فایل مینی وجود دارد.

رایگان برای دانلود

JQuery در دسترس برای دانلود و برای استفاده رایگان است. همچنین پلاگین های موجود برای کتابخانه شما در دسترس هستند.

بهترین گزینه های jQuery

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

ایجاد انیمیشن: شما می توانید نتایج کشویی و محو شدن نتایج ایجاد کنید.

ایجاد یک نمایش اسلاید: ایجاد یک عکس یا نمایش اسلاید تصویر یکی از بزرگترین ویژگی های است.

Drop-Downs: انعطاف پذیری برای ایجاد منوهای کشویی چند سطحی با انیمیشن ها.

دستکاری DOM: شما می توانید اضافه کنید، سفارش را تغییر دهید یا محتوا را بر روی یک صفحه وب با یک اسکریپت ساده بردارید.

MySQL Queries: شما می توانید Query MySQL را به پایگاه داده بدون نیاز به بارگذاری مجدد صفحه ارسال کنید.

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

کشیدن و رها کردن: ایجاد کشیدن و رها کردن رابط کاربری سرگرم کننده و هیجان به کاربران وب سایت شما است.

خلاصه

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

Tagged
jQuery/ jQuery یک کتابخانه جاوا اسکریپت است که از ابزارهای آماده استفاده می شود - به این معنی که جاوا اسکریپت از قبل نوشته شده است

معرفی jQuery

معرفی jQuery

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

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

شما خواهید دید که چگونه با تغییر ظاهر، سبک، دید، متن و حتی HTML خود، مجموعه ای از عناصر پیچیده را مدیریت کنید.

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

jQuery برای اثرات بصری آن است که شامل دستمال مخصوص به صورت تصویری است که در آن یک ورق رنگی بر روی یک عنصر محو می شود و در آن عنصر و پس زمینه آن از بین می رود. در اینجا شما خواهید دید که شما می توانید با این نوع از اثرات را انجام دهید.

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

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

این کتابخانه پر از ویژگیهایی است که شما هرگز نمیتوانید آن را بخواهید. هنگامی که در مورد آنها می دانید، آنها به طرز چشمگیری می توانند چگونگی روبرو شدن با مشکلات شما را برای حل آن تغییر دهند.

ویدجت های جی کوئری که کنترل های مردمی هستند که می توانید در صفحات وب خود مانند تقویم ها، کنترل های آکاردئون (که به شما اجازه می دهد صفحات اضافی محتویات خود را باز کنید)، لغزنده ها، زبانه ها و بسیاری موارد دیگر استفاده کنید.

ویدجت های جی کوئری به نظر جلا، حرفه ای و جی کوئری آنها را در مورد هر هدفی که می توانید در هر صفحهای وب فکر کنید، فراهم می کند.

در نهایت، البته، آژاکس است. ویژگی های جی کوئری به چند دسته ساده و ساده تقسیم می شوند: قابلیت اصلی، انتخاب، دستکاری، تراست، CSS، ویژگی ها، رویدادها، جلوه ها، آژاکس و خدمات.

 

Tagged