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

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



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

دوره مجازی جاوااسکریپت (جلسه 28): پروژه - طراحی و پیاده سازی پلاگین Tooltip

10 1779 ۱۹ آبان ۹۴
در جلسه امروز به طراحی و پیاده سازی دومین پروژه جامع دوره جاوااسکریپت و جی کوئری خواهیم پرداخت. پروژه این جلسه طراحی یک پلاگین برای ایجاد قابلیت tooltip در صفحات وب هست. با استفاده از این پلاگین شما می تونید نحوه نمایش title تگ ها در صفحات html رو تغیر داده و خیلی زیباتر و شکیل تر کنید. تصویر زیر دقیقا نشون میده این پروژه چیکار میکنه :
tooltipPic

نمایش عنوان به صورت تولتیپ در مقابل نمایش پیشفرض مرورگر

مطالب مطرح شده در این جلسه عبارتند از :
  • پروژه تولتیپ (tooltip) - نمایش عنوان تگ ها به شکلی زیبا
  • تشریح پروژه این جلسه و نحوه کار آن
  • تشریح ساختار و کدهای html و css پروژه این جلسه
  • نحوه استفاده از پروژه این جلسه
  • آموزش نحوه تعین عرض تولتیپ ها در حالت کلی
  • آموزش نحوه اعمال تنظیمات خاص مربوط به هر تولتیپ (تعین عرض، پس زمینه و ...)
  • خواندن عرض تولتیپ از خصوصیت data-ttw تگ
  • نحوه چک کردن وجود یک خصوصیت در یک تگ html
  • نحوه استفاده از متد و رویداد hover برای انجام عملیت در هنگام ورود و خروج موس روی یک تگ
  • نحوه حذف و ذخیره سازی موقت ویژگی title از تگ فعال هنگام نمایش تولتیپ
  • نحوه محاسبه فاصله از بالا و چپ تولتیپ و قراردادن عنوان در مکان مناسب
  • مرور نکته های مهم ارائه شده در این جلسه
این مطلب یک جلسه از دوره آموزش جامع و پروژه محور جاوااسکریپت و جی کوئری (پایه تا پیشرفته) است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : پس از استقبال فوق العاده شما عزیزان از دوره های PHP ، طراحی وب و فتوشاپ سون لرن، اینک دوره کامل و جامع جاوا اسکریپت و کتابخانه محبوب آن، جی کوئری را با هزینه ای معادل 25% کلاس های حضوری برای شما برگزار خواهیم کرد. در این دوره با هزینه ای بسیار اندک نسبت به کلاس های حضوری موجود، آموزش صفر تا صد و از پایه تا پیشرفته javascript و jQuery را برای شما تهیه و تولید خواهیم کرد. این دوره یکی از جذاب ترین دوره هایی خواهد بود که سون لرن قصد برگزاری آن را دارد. در طول دوره با انجام ده ها پروژه عملی، کاربردی و جذاب، شما را با قدرت بلامنازع جاوااسکریپت و جادوی آن در طراحی صفحات وب آشنا خواهیم کرد. حتما دموی دوره را از صفحه ثبت نام آن مشاهده بفرمایید !
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

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

  • ‏‏
    amir yazdi(۲۰ آبان ۱۳۹۴)

    سلام
    چرا از
    به جای
    استفاده نکردین؟

  • ‏‏
    amir yazdi(۲۰ آبان ۱۳۹۴)

    و چرا از

    به جای

    استفاده نکردین؟

    • ‏‏
      لقمان آوند(۲۰ آبان ۱۳۹۴)

      دوست عزیز برای انجام بعضی کارها روش های مختلفی وجود داره. هر دو روش ذکر شده توسط شما هم یکسانند و یه عملکرد دارند. اینجا خواستم ببینید که لزوما نیازی نیست همه جا از سلکتورها استفاده کنید. میشه روش های دیگه رو هم به کار برد !

  • ‏‏

    نمیدونم چرا واسه من درست کار نمیکنه! روی هر کدوم از تگ های لینک مربوطه میرم فقط یک title رو نمایش میده
    ببنید (به محتوای درون باکس ایجادی دقت کنید!)
    https://jsfiddle.net/w693e9xq/

  • ‏‏

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

  • ‏‏

    آقای آوند نمیخاین جواب منو بدین؟

  • نکته : برای پاسخگویی سریعتر و بهتر، بخش نظرات این مطلب مختص پرسش و پاسخ های کاربران ثبت نامی در دوره ی دوره آموزش جامع و پروژه محور جاوااسکریپت و جی کوئری (پایه تا پیشرفته) است .
    اگر قبلا در این دوره ثبت نام کرده اید پس از ورود به سایت می توانید تمامی پرسش و پاسخ ها و نظرات مطرح شده ی این مطلب را مشاهده و اگر سوالی دارید در همینجا مطرح کنید.

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram