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

- visibility ۴ mode_comment

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

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

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

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

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

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

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

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

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

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

یا علی

Source

comment دیدگاه کاربران
سعید

سلام
اون ترفند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>

محمد اسفندیاری

به این صورت:

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.