افزودن قابلیت پرینت به صفحات وب سایت

افزودن قابلیت پرینت به صفحات وب سایت
دکمه چاپ صفحات وب سایت یکی از قابلیت هایی است که بر حسب نیاز و نوع محتوا می تواند به وب سایت شما افزوده شود. شاید برخی از کاربران از نحوه پرینت گرفتن توسط امکانات پیش فرض مرورگر خود بی اطلاع باشند و نتوانند محل دکمه Print (کلید میانبر Ctrl+P) را به راحتی پیدا کنند و یا اینکه دکمه چاپ پیش فرض در مرورگر علاوه بر متن اصلی مورد نظر آنها، عناصر غیر ضروری دیگری مانند منوها، تبلیغات و غیره را در نسخه پرینت نشان میدهد. در این شرایط وجود یک دکمه پرینت که محتوای اصلی صفحه را تمیز و مرتب برای چاپ در اختیار آنها قرار دهد، کاربر را از سردرگمی و یا کارهای زمانبر نجات خواهد داد. در این آموزش چگونگی انجام اینکار توسط کدهای CSS و جاوااسکریپت نشان خواهم داد. [بیشتر]

استایل دهی چک باکس، دکمه رایویی و لیست های انتخابی

استایل دهی چک باکس، دکمه رایویی و لیست های انتخابی
در این آموزش قصد داریم با استایل دهی و سفارشی سازی عناصر مورد استفاده در صفحات وب مانند دکمه های رادیویی (Radio Button) ، جعبه انتخاب (Checkbox) و یا لیست های پائین افتادنی (Select List) ، فرم های زیبا و متفاوتی را ایجاد کنیم. اینکار به سادگی توسط کد جاوااسکریپت تولید شده توسط Ryan Fait و یک قطعه تصویر انجام می دهیم. همچنین با یکبار انجام موارد آموزش، استایل اعمال شده در تمامی فرم های صفحات مختلف وبسایت نمایان خواهد شد. در مورد نمایش در مرورگرهای مختلف باید بگویم میتوانید با خیال آسود از این روش استفاده کنید؛ چراکه تمامی مرورگرهای فایرفاکس، کروم، سافاری، اپرا و +IE7 از آن پشتیبانی میکنند و چنانچه به هر دلیلی مانند غیر فعال بودن جاوااسکریپت مرورگر، این استایل ها اعمال نشوند، حالت معمول عناصر نمایش داده خواهد شد. [بیشتر]

کد جاوااسکریپت برای مخفی و ظاهر کردن عناصر سایت

کد جاوااسکریپت برای مخفی و ظاهر کردن عناصر سایت
توسط این تکه کد می توانید عنصر و یا مجموعه ای از عناصر HTML که در صفحه وب شما وجود دارد را با کلیک روی یک دکمه یا لینک مخفی و مجددا نمایان کنید. اینکار به صورتtoggle انجام میشود. به این معنی که اگر عنصر مخفی بود نمایان شود و اگر نمایان بود مخفی شود. اگر می خواهید دسته ای از عناصر را مخفی و ظاهر کنید باید آنها را داخل یک عنصر نگهدارنده مانند div قرار داده و با استفاده از خصیصه id مربوط به عنصر نگهدارنده، این کد را بر روی آن اعمال کنید. [بیشتر]

ساخت دکمه برگشت به بالای سایت همراه انیمیشن

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

منو جاوااسکریپت با افکت های بصری و انیمیشن

منو جاوااسکریپت با افکت های بصری و انیمیشن
TinyDropdown2 یک منوی ساخته شده با جاوااسکریپت است که با وجود حجم بسیار کم و سبک برای وب سایت ها ، جلوه های بصری زیبایی را نیز در خود جای داده است . حجم کلی این منو فقط 1.7kb است که با استفاده از امکان gzip میتوانید آنرا به حجم 0.75kb کاهش دهید . این منو کاملا" پایا و مستحکم در برابر مرورگرها و حالت های مختلف و با سرعت مناسب توسعه داده شده است و امکاناتی مانند باز و بسته شدن به صورت انیمیشن ، تنظیم سرعت ، تنظیم زمان تاخیر جمع شدن ، محو شدن و ... را در اختیار شما قرار میدهد . از نظر ظاهری کدهای CSS آن کاملا" قابل انعطاف نوشته شده است و میتوانید با کمی تغییر ، منوی مناسب با وب سایت های خود را بسازید . حتی می توانید در صورت دلخواه با تغییراتی آنرا به حالت عمودی نیز در آورید . [بیشتر]