طراحی سایت و تجارت آنلاین آواتم

سلکتور همونطور که از اسمش پیداست برای انتخاب کردن المنت ها (جهت اعمال کد روی اون‌ها) در جی کوئری بکار میرود. برای انتخاب یه عنصر HTML به صورت مستقیم میتوانیم آن را  فراخوانی کنیم. انتخاب همه عناصر (*) $(*).hide() با کد زیر میتوانید همه عناصر صفحه را فراخوانی کنید.در این مثال همه عناصر با کلیک شدن ، hide میشوند. $(document).ready(function(){ $("*").click(function(){ $(this).hide(); }); });   انتخاب عناصر در حال حرکت (animated) با کد زیر میتوانیم عناصری را که درحال حرکت هستند را انتخاب کنیم: $("div:animated").hide() انتخاب عناصر با خصوصیت دلخواه برای انتخاب عناصر بر اساس خصوصیت ها از کد زیر استفاده میکنیم. کد زیر لینک هایی که خاصیت href آنها با عبارت http شروع شود را hide میکند. $('a[href^="http"]').hide()     انتخاب دکمه ها کد زیر به همه button ها حاشیه 3 پیکسلی میدهد . در این کد نحوه اعمال یک کد CSS به یک عنصر را می ببینید. $(":button").css({"border":"3px black solid"}); انتخاب چک‌باکس ها  کد زیر به همه چک‌باکس ها  حاشیه 3 پیکسلی میدهد . $(":checkbox").css({"border":"3px black solid"}); انتخاب Input های از نوع File برای انتخاب Input هایی که خصوصیت type آن‌ ها مقدار file دارد و برای انتخاب یک فایل جهت آپلود در سایت استفاده میشوند : $("input:file").css({border:"3px black solid"}); انتخاب عنصرهای check شده این سلکتور checkbox ها و radio هایی را  که تیک خورده اند (انتخاب شده اند) را انتخاب میکند. $("input:checked").css({"border":"3px black solid"}); در کد زیر با انتخاب هر دکمه رادیویی موجود در صفحه ، مقدار value آن ، در یک عنصر جدید که کلاس .log دارد ، نمایش داده میشود : $("input").click(function(){ $(".log").html( $(":checked").val() + " is checked!" ); }); انتخاب عناصر فرزند درست مثل CSS میتوانیم در jQuery هم ، عناصر فرزند رو فراخوانی کنیم : $("ul.class1 > li&quo, ...ادامه مطلب

دستور if if  از دو قسمت شرط)شروط) و دستورات تشکیل شده. دستور if به دو صورت زیر به کار می روند. (شرط)if {دستورات ۱} }else دستورات ۲ { (شرط)if {دستورات} در نوع اول شرط داخل پرانتز بررسی می شود و اگر شرط برقرار باشد دستورات داخل کروشه انجام می شود، در غیر این صورت جاوا شرط if رو رها کرده و به سایر دستورات می پردازد.از نوع دوم هنگامی استفاده می شود که بخواهیم در صورت درست نبودن شرط نیز دستوری دیگر انجام شود. یعنی در این دستور شرط بررسی می شود و اگر درست بود دستورات۱ اجرا می گردددر غیر این صورت دستورات۲ اجرا می شوند. می خواهیم صفحه ای ایجادکنیم که پس از ورود کاربر به آن صفحه، کادری به او نمایش دهیم و از او بپرسیم ” آیا شما مایلید رنگ صفحه را تغییر دهید؟ ” و با انتخاب دکمه ok توسط کاربر، رنگ زمینه صفحه تغییر کند و با انتخاب cancel رنگ زمینه به همان صورت سفید باقی بماند. 1 <script> 2 var c=confirm("do you want change background color? ")   3 if (c==true) 4 { ;"   window.document.bgColor=" lavender}   5 else {  document.bgColor="white" }; 6 </script> توضیحات: دستور confirm یک کادرپیام با دو دکمه ok و cancel را نمایش می دهد که با انتخاب ok مق,دستورشرطی,دستور if,اشیا در جاوا اسکریپت, ...ادامه مطلب

کدهای جاوا اسکریپت یک ترتیبی از دستورات جاوا اسکریپت است. هر دستور جاوا اسکریپت به ترتیبی که نوشته شده اند بوسیله مرورگرها قابل اجرمی باشد. این مثال یک عنوان و دو پاراگراف را در صفحه وب می نویسد <script type="text/javascript">       document.write("<h1>This is a header</h1>");       document.write("<p>This is a paragraph</p>");       document.write("<p>This is another paragraph</p>"); </script> تعریف متغییر: - انواع متغیر در جاواسکریپت: دو نوع متغیر داریم : 1) ابتدایی  2) اشیا متغیرهای ابتدایی: به دسته های زیر تقسیم میشوند:  String و Number و Boolean و null و undefined از null زمانی استفاده کنید که بخواهید عامدانه بگویید که تا به حال مقداری برای متغیر مورد نظر تعریف نشده است. مثل var varNovalueYet = null و از undefined زمانی استفاده -سایر متغیر هایی که می شناسیم همگی object یا شی هستند که عبارتند از Object و Array و Function تعریف شی: -         به روش زیر یک ی ایجاد میکنیم var person1 = new Object; person1.firstName = "John"; person1.lastName = "Doe"; alert( person1.firstName + " " + person1.lastName ); syntax: var person2 = { firstName: "Jane", lastName: "Doe" }; alert( person2.firstName + " " + person2.lastName );,کدهای جاوا اسکریپت ...ادامه مطلب

یک دستور جاوا اسکریپت JavaScript یک فرمان به مرورگر است . هدف این دستورات این است که به مرورگر بگویید که چه کاری باید انجام دهد. این دستور جاوا اسکریپت JavaScript به مرورگر می گوید که "Hello " را بر روی صفحه وب نشان دهد: document.write("Hello"); ,دستورات جاوا اسکریپت ...ادامه مطلب

جاوا اسکرپت چیست؟ جاوا اسکرپت یک زبان اسکرپت نویسی تحت وب است که برای افزایش پویایی صفحات HTML استفاده می شود. از این زبان می توان برای ارزیابی اعتبار فرمهای HTML قبل از ارسال به سرور، ایجاد انواع منو ها، شناسایی مرورگر کاربران و بسیاری کارهای دیگر استفاده کرد. زبان های برنامه نویسی تحت وب  به دو دسته تحت کاربر  و تحت سرور  تقسیم بندی می شوند. زبان های تحت کاربر زبان هایی هستند که بوسیله مرورگر و فقط بر روی کامپیوترهای مشتری اجرا می شوند. در واقع برای اجرای این گونه زبان ها به سرورها نیازی نیست. زبان هایی همچون JAVASCRIPT و CSS ،HTMLاز این دست هستند.در مقابل این زبان ها ، زبان های تحت سرور وجود دارند که برای اجرا نیاز به سرور ها داشته ، اینگونه زبان ها امکان برقراری ارتباط با پایگاه داده  را دارند. زبان هایی همچونASP،PHPو   JSPاز این دست هستند. زبانJavaScriptیکی از زبان های مهم برنامه نویسی وب و تحت کاربرمی باشد.         تفاوت دستورات اچ تی ام ال و جاوا  • بعد از نوشتن اولین دستور برنامه نویسی، بهتر است با مفهوم این دستورات آشنا شویم. همانطور که ملاحظه کردید، میان یک دستور جاوا با اچ‌تی‌ام‌‌ال، تفاوت است. اچ‌تی‌ام‌ال، یک صفحه ساده و ثابت را به ما می‌دهد؛ و جاوا، یک صفحه متحرک و هوشمند. با اچ‌تی‌ام‌ال، بدنه و اسکلت یک صفحه (متن، عکس، جدول و فرم) را می‌سازیم و با جاوا به این بدن و اسکلت، روح می‌دمیم و آنرا زنده می‌کنیم؛ تا آن حد که نسبت به هر عملی، واکنش و عکس العمل مناسبی را نشان می‌دهد. مثال: یک فرم ارسال نامه را تصور کنید. اگر مثلا نام خود یا آدرس گیرنده را اشتباهاً ننویسید، برنامه، با پیامی این موضوع را به شما یادآوری می‌کند. یعنی اینکه متوجه عمل شما شده و یک واکنش مناسب، نشان می‌دهد. در این جلسه با این مقوله، یعنی هوشمند بودن جاوا، آشنا می‌شویم.  ,جاوا اسکرپت چیست ...ادامه مطلب