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

انتخاب عناصر تک فرزند “only-child” ممکنه این جمله رو متوجه نشید: “اگه عنصری ، تنها عنصرِ عنصر والدِ خودش باشه ، انتخاب میشود” پس بیشتر توضیح میدم: اگه داخل عنصر والد ، 2 تا عنصر فرزند داشته باشیم: <ul><li></li><li></li></ul> یعنی ul پدر ، 2تا فرزند li داره ، ولی اگر فقط یک فرزند داشته باشد: <ul><li></li></ul>  سلکتور only-child در جی کوئری ، فقط عناصری را انتخاب میکند که هیچ عنصر مشابهی ، قبل یا بعد آنها وجود نداشته باشد. در کد زیر ، فقط li هایی که تک فرزند باشند ، border آبی میگیرند. $("ul li:only-child").css("border", "3px solid blue"); انتخاب first-child یا فرزند اول first-child عنصر فرزند اول را از بین تعدادی عنصر انتخاب میکند. تقریبا شبیه first کار میکند. کد زیر اولین پاراگراف داخل تگ div را انتخاب میکند و border قرمز به آن میدهد . $("div p:first-child").css("border":"1px solid red"); , عناصر تک فرزند, فرزند اول ...ادامه مطلب

انتخاب first-child یا فرزند اول first-child عنصر فرزند اول را از بین تعدادی عنصر انتخاب میکند. کد زیر اولین پاراگراف داخل تگ div را انتخاب میکند  و border قرمز را به آن میدهد .                                      $("div p:first-child").css("border":"1px solid red"); انتخاب عنصر آخر “Last” عنصر آخر را از بین تعدادی عنصر انتخاب میکند.کد زیر آخرین پاراگراف را انتخاب میکند و border سبز را به آن میدهد . $("p:last").css("border":"1px solid green"); انتخاب last-child یا فرزند آخر first-child عنصر فرزند اول را از بین تعدادی عنصر انتخاب میکند. تقریبا شبیه Last کار میکند.کد زیر آخرین پاراگراف داخل تگ div را انتخاب میکند و border قرمز را به آن میدهد . $("div p:last-child").css("border":"1px solid green"); انتخاب فرزند n ام nth-child فرزند n ام را از بین تعدادی عنصر انتخاب میکند. کد زیر سومین پاراگراف داخل تگ div را انتخاب میکند و رنگ متنش را آبی میکند. $("div p:nth-child(3)").css("color":"blue"); انتخاب عنصر دارای خصوصیت با این انتخابگر میشود عناصری را انتخاب کرد که Attribute های خاصی دارند.مثلا با کد زیر همه عکس‌هایی که خصوصیت Alt داشته باشند را انتخاب میکند و  border قرمز را به آن میدهد . $('img[alt]').css("border":"4px solid red"); منفی کردن انتخابگر با not هنگامی که میخواهیم نتیجه را برعکس کنیم از این انتخابگر استفاده میکنیم ، کد زیر  به چک باکس های تیک خورده border سه پیکسلی میدهد. $("input:checked").css({"border":"3px black solid"}); کد زیر  به چک باکس های تیک خورده border سه پیکسلی میدهد ، که با اضافه کردن :not ، چک باکس های تیک نخورده رو انتخاب میکنیم: $("input:not(:checked)").css({"border":",فرزند اول, عنصر آخر,فرزند آخر,فرزند n ام,عنصر دارای خصوصیت,منفی کردن انتخابگر, عناصر بزرگتر, ...ادامه مطلب

سلکتور همونطور که از اسمش پیداست برای انتخاب کردن المنت ها (جهت اعمال کد روی اون‌ها) در جی کوئری بکار میرود. برای انتخاب یه عنصر 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, ...ادامه مطلب

با قواعد دستوری جیکوئری شما میتوانید  عناصر HTML را انتخاب کنید و عملیات مورد نظر خود را بر روی آنها انجام  دهید. ساختار اصلی یک دستور جیکوئری :  $(selector).action()  :$  برای دسترسی به جیکوئری  به کار میرود.    : selector برای جستجوی عناصر HTML  به کار میرود.    :action()عملی را که که بر روی عنصر بایستی  انجام شود مشخص میکند برای یک ID خاص دستور فوق استفاده میکنیم : $("#IDname").hide() برای یک تگ خاص دستور فوق استفاده میکنیم  : $(div).hide(). برای مخفی کردن المنت جاری از دستور فوق استفاده میکنیم :  $(this).hide() برای یک کلاس خاص دستور فوق استفاده میکنیم :  $(".classname").hide()      ,قواعد دستوری جیکوئری ...ادامه مطلب

جی کوئری چیست ؟ یک چارچوب جاوا اسکریپت است که هدف آن آسان ساختن استفاده از  جاوا اسکریپت در صفحات طراحی وب سایت شماست. jQuery یک کتابخانه از جاوا اسکریپت است که پیمایش اسناد اچ تی ام ال ، رسیدگی به رویدادها، متحرک سازی و تعاملات ای جکس (AJAX) را به منظور توسعه سریع وب تسهیل می کند. jQuery به گونه ای طراحی شده است تا روشی را که با آن جاوا اسکریپت را می نویسید تغییر دهد.شما می توانید جی کوئری را به صورت یک لایه انتزاعی توصیف کنید زیرا قابلیت های بسیاری را که می باید در خطوط بیشماری از کد جاوا اسکریپت می نوشتید گرفته و آنها را در توابعی (functions) که می توانید تنها در یک خط کد فراخوانی کنید پنهان می کنند. جی کوئری جایگزینی برای جاوا اسکریپت نیست و با این که برخی میانبرهای نحوی نوشتاری را در اختیارتان می گذارد اما کدی که هنگام استفاده از جی کوئری خواهید نوشت هنوز هم جاوا اسکریپت می باشد. , ...ادامه مطلب

   تکنولوژی Jquery که از فرزندان Java Script می باشد و طراحی سایت را متحول نموده است. جی کوئری توسط جان رزیگ ساخته شده است و توسط تیم جیکوئری در سایت Jquery.com در حال به روز رسانی می باشد یکی از پایه طراحی وب سایت های امروزی را میتوان  Jquery نامید. تمامی کدهای جیکوئری را میتوان بوسیله ی جاوااسکریپت بازنویسی کرد. ولی تفاوت این زبان :: Write less, Do more :: است. شعار جیکوئری خلاصه ی تفاوت جیکوئری و جاوا اسکریپت است. یعنی با کمترین نوشتن، بیشترین کارها را میتوان با Jquery انجام داد. آموزش Jquery اگر بصورت حرفه ای انجام گیرد، میتواند بزرگترین تفاوت یکی طراح سایت بسیار حرفه ای با دیگران باشد. در مقالات جی کوئری ما که در ادامه می آید، تمامی دستورات جیکوئری، آموزش داده شده اند ولی جیکوئری دائما در حال به روز شدن است، و ورژن های جدیدی از آن ارائه میگردد که ممکن است در سلسله آموزش های Jquery به آنها نپرداخته باشیم ولی در آینده ای نزدیک آنها را نیز مورد بررسی قرار میدهیم.  ,آموزش جی کوئری ...ادامه مطلب

دستور 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یکی از زبان های مهم برنامه نویسی وب و تحت کاربرمی باشد.         تفاوت دستورات اچ تی ام ال و جاوا  • بعد از نوشتن اولین دستور برنامه نویسی، بهتر است با مفهوم این دستورات آشنا شویم. همانطور که ملاحظه کردید، میان یک دستور جاوا با اچ‌تی‌ام‌‌ال، تفاوت است. اچ‌تی‌ام‌ال، یک صفحه ساده و ثابت را به ما می‌دهد؛ و جاوا، یک صفحه متحرک و هوشمند. با اچ‌تی‌ام‌ال، بدنه و اسکلت یک صفحه (متن، عکس، جدول و فرم) را می‌سازیم و با جاوا به این بدن و اسکلت، روح می‌دمیم و آنرا زنده می‌کنیم؛ تا آن حد که نسبت به هر عملی، واکنش و عکس العمل مناسبی را نشان می‌دهد. مثال: یک فرم ارسال نامه را تصور کنید. اگر مثلا نام خود یا آدرس گیرنده را اشتباهاً ننویسید، برنامه، با پیامی این موضوع را به شما یادآوری می‌کند. یعنی اینکه متوجه عمل شما شده و یک واکنش مناسب، نشان می‌دهد. در این جلسه با این مقوله، یعنی هوشمند بودن جاوا، آشنا می‌شویم.  ,جاوا اسکرپت چیست ...ادامه مطلب

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

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

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