• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

ترفندهای پیشرفته jQuery (قسمت هفتم)

4 718 ۲۷ شهریور ۹۴

در این قسمت با ادامه ترفندهای پیشرفته jQuery در خدمت شما هستیم.
jquery trickshot

موضوع اول : دستکاری در DOM

ترفند 13 : کدهای CSS رو قابل ویرایش کنید

این ترفند جالب باعث میشه که کدهای CSS که بصورت inline هستند و مخفی هستند ، بصورت block در بیان و همچنین قابل ویرایش بشن و شما بتونین کدهای CSS اعمال شده به صفحه رو ببینید و بتونین بصورت زنده اونارو ویرایش کنید و تغییر رو در همون لحظه ببینید!! برای مثال فرض کنید که کدهای CSS زیر در تگ style در قسمت head سایت قرار داده شده:

برای اینکه کدهای بالا رو ببینید و همچنین بتونین اونا رو ویرایش کنید ، میتونین از روش زیر استفاده کنید:

با استفاده از این ترفند خواهید دید که میتونین کدها رو تغییر بدین و در همون لحظه هم تغییرات رو مشاهده کنید. بهتره که برای تست کردن از مرورگر firefox استفاده کنید ، مثل اینکه اخیرا Chrome به این ترفند گیر داده و نمیزاره که کدها رو تغییر بدین.

ترفند 14 : جلوگیری از انتخاب شدن متن

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

امیدوارم از این مطلب خوشتون اومده باشه.

موفق و پیروز باشید

یا علی

Source

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 4 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏

    سلام
    اون ترفند13 کار نکرد

    • ‏‏
      محمد اسفندیاری(۲۹ شهریور ۱۳۹۴)

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

      • ‏‏

        فک کنم من نمی تونم کدها رو درس بنویسم
        اینطوریه؟
        <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js”></script>
        <script type=”text/javascript” src=”http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js”></script>
        <style type=”text/css” id=”regular-style-block”>
        html{background-color:#000;position:relative;}
        body{font:14px/1.3 ‘Segoe UI’, Arial, sans-serif;color:#fff}
        </style>
        <script>
        $(document).ready(function(){
        $(‘#regular-style-block’).css({‘display':’block’, ‘white-space':’pre’})
        .attr(‘contentEditable’,true);
        })
        </script>

        • ‏‏
          محمد اسفندیاری(۲۹ شهریور ۱۳۹۴)

          به این صورت:

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

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

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram