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

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

جاوا اسکریپت | طراحی سایت در کرج | طراحی وب سایت در کرج | هلدینگ کیان تجارت فاوا

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

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

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

بگذارید بگوییم فرم 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”);

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
جاوا اسکریپت | طراحی سایت کرج | طراحیوب سایت در کرج | هلدینگ کیا تجارت فاوا

نرم افزار جاوا اسکریپت – IDEs

نرم افزار جاوا اسکریپت – IDEs

 

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

 

IDE ها

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

انتظار میرود که برنامهنویسان جاوا اسکریپت به طور سنتی به صورت دستی کدگذاری کنند یا شاید (اگر آنها خوش شانس بودند) دارای نحو برجسته (که اغلب به درستی کار نکند).

این در چند سال گذشته با تعدادی از محیط های تکاملی توسعه (IDEs) با کیفیت بالا یا حداقل پشتیبانی از جاوا اسکریپت تغییر کرده است.

 

Aptana

شاید نخستین IDE بزرگ که به طور خاص برای توسعه دهندگان جاوا اسکریپت طراحی شده باشد، Aptana تبدیل به یک عنصر با بسیاری از توسعه دهندگان تمام نوارها شده است. پشتیبانی جاوا اسکریپت Aptana فراتر از رنگ آمیزی نحو است و شامل پشتیبانی چندین یا چند چارچوب جاوا اسکریپت (از جمله Dojo، jQuery، YUI، MochiKit و بسیاری دیگر) است.

Aptana یکی از IDE های قبلی بود که برای «تکمیل کد» برای کتابخانه های جاوا اسکریپت پشتیبانی می شد.

با تایپ کردن فقط بخشی از عملیات جاوا اسکریپت و ضربه زدن به کلید، IDE به شما گزینه های مختلفی را در مورد چگونگی تکمیل کد نشان می دهد (صرفه جویی در تایپ کردن و به طور بالقوه ساعت های اشکال زدایی به دلیل یک اشتباه کلید اشتباه!)

 

گرفتگی

 

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

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

 

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

(توجه داشته باشید Aptana و Eclipse همچنین پشتیبانی از زبانهای چندگانه سرور را پشتیبانی می کنند، اگر چه تنها Aptana و NetBeans تجربه هایی را برای خارج از جاوا تجربه می کنند.

NetBeans مبتنی بر Eclipse نیست، بلکه برنامه خاص خودش است. برای کسانی که سبک های بصری Eclipse را دوست ندارند، ممکن است NetBeans یک تغییر خوشایند باشد.

 

مایکروسافت ویژوال استودیو

 

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

در حالی که پشتیبانی گسترده ای برای زبان های دیگر مانند PHP هنوز ارائه نمی دهد، توسعه دهندگان که در حال حاضر در محیط MS کار می کنند، به دنبال آن هستند تا امکان پشتیبانی جی کوئری در ویژوال استودیو را برای تکمیل کد و در حین توسعه مستندات درون خطی کمک کنند.

 

 

Tagged
جاوا اسکریپنت | طراحی سایت کرج | طراحی وب سایت کرج | هلدینگ کیان تجارت فاوا

الگوهای طراحی جاوا اسکریپت

الگوهای طراحی جاوا اسکریپت

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

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

روش های مختلفی در جهان جاوا اسکریپت وجود دارد. الگوهای مهم مورد استفاده در JavaScript در زیر توضیح داده شده است.

Singleton

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

این به طور معمول با ارائه یک سازنده پیش فرض ارائه نمی شود در عوض یک روش بتنی در کلاس برای بازگشت به شیء کلاس مربوطه ارائه می شود.

الگوی کارخانه

اگر مطمئن نیستید که چه شیء کلاس قبل از اجرا باید تولید شود، مانند اشیاء XMLHttp برای نیاز AJAX. این اشیاء بر اساس مرورگر ایجاد می شوند یعنی یعنی Internet Explorer یا موزیلا.

الگوی کارخانه در این وضعیت استفاده می شود. الگوی کارخانه از یک شی (تابع) استفاده می کند که شی مورد نظر را طبق الزامات باز می گرداند، توسعه دهنده نباید در مورد مشکلات اساسی نگران باشد.

   الگو آداپتور

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

الگو طراحی نما

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

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

در جاوا اسکریپت، تعدادی از حوادث و اجزای وجود دارد که طراحی نمایه یک نقطه واحد را ایجاد می کند و جزئیات توزیع مسئولیت رسیدگی به رویداد را پنهان می کند.

الگو طراحی ناظر

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

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

Tagged

کاربرد و مزایای جی کوئری

کاربرد و مزایای جی کوئری

jQuery یک کتابخانه جاوا اسکریپت است که اساسا بسته بندی را فراهم می کند. این اساسا API هایی را نشان می دهد که می توانند برای انجام وظایف باور نکردنی در UI فراخوانی شوند. با کمک jQuery، می توان موارد زیر را به صورت یکپارچه به دست آورد

:

  • دستکاری عناصر DOM
  • ایجاد HTML در پرواز
  • رویداد های مرتبط و آنها را با استفاده از کد آنها را فعال کنید
  • ارسال درخواستهای ajax به سرور.

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

دو راه برای جی کوئری در وب سایت وجود دارد:

  • دانلود کتابخانه جی کوئری ازcom
  • شامل جی کوئری از

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

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

  • انتخاب #id: از ویژگی id برای انتخاب یک عنصر HTML استفاده می کند. به عنوان مثال، $ (“# id”)
  • class selector: این عنصر را با یک کلاس CSS مشخص می کند. به عنوان مثال، $ (“. کلاس”)
  • انتخابگر برچسب: تمام عناصر دارای یک تگ مشخص مانند.، $ (“a”) تمام تگ های لنگر را پیدا می کند.

توابع: چندین توابع یا API وجود دارد که ویژگی های هیجان انگیزی را ارائه می دهند. تعداد کمی از آنها به شرح زیر است:

  • hide () – یک عنصر را پنهان می کند
  • show () – یک عنصر را نشان می دهد
  • HTML () – HTML یک عنصر را تعیین می کند
  • append () – HTML در انتهای عنصر اضافه می کند
  • prepend () – HTML را در ابتدای عنصر قرار می دهد

رویداد اتصال و راه اندازی: jQuery را می توان مورد استفاده برای اتصال رویدادها به عناصر HTML و همچنین برای راه اندازی این حوادث.

یک رویداد کلیک می تواند به یک دکمه با استفاده از $ (“دکمه”) محدود شود. bind (“click”، handler) که “handler” یک تابع است که باید بر روی کلیک دکمه مربوطه کلیک شود. رویداد کلیک می تواند با استفاده از قطعه کد زیر انجام شود: $ (“button”). trigger (“click”).

درخواست آژاکس: درخواست های Ajax می تواند با استفاده از jQuery ارسال شود که یک درخواست POST یا GET را برای سرور انجام می دهد و به نوبه خود داده ها را از سرور دریافت می کند.

پلاگینها: جامعه جی کوئری همچنین دارای چند افزونه است که به عنوان یک جزء قابل استفاده مجدد قابل استفاده است که می تواند در وب سایت ها استفاده شود. تعداد اندکی از آنها عبارتند از:

  • گفتگوی UI
  • آکاردئون
  • زبانه ها
  • تکمیل خودکار

 

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

جاوا و جاوا اسکریپت

جاوا و جاوا اسکریپت

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

جاوا یک زبان برنامه نویسی عمومی است که توسط Sun Microsystems به عنوان راهی برای اجازه دادن به برنامه نویسان “نوشتن یک بار، اجرا در هر نقطه”.

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

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

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

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

کتابخانه استاندارد جاوا اسکریپت بسیار کوچکتر است و معمولا به کار با کد HTML در صفحه وب مرتبط است.

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

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

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

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

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

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

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

 

Tagged