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

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



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

نمایش توضیح لینک در Status Bar

10234 ۲۰ شهریور ۸۷

تو پستهای اخیر بیشتر سعی کردم که یه سری از مطالب سایت قبلی (irLearn.com) رو انتقال بدم به اینجا ، واسه همین شاید مطالب واستون تکراری بوده باشه . از این بابت عذر می خوام  .  ولی امروز یه کد جاوا اسکریپت جدید براتون می زارم به اضافه ی توضیح اون .
خوب شاید تو بعضی از سایت ها دیده باشید که وقتی موس رو رو لینکی می برید به جای اینکه آدرس لینک در استاتوس بار (اون پایین سمت چپ مرورگر)  ظاهر بشه یه سری توضیحات در مورد لینک نمایش داده میشه . این کار رو با یک کد ساده ی جاوا اسکریپت انجام میدن .

کد لینک دادن که به شکل زیره :

<a href="Link Adress">Link Name</a>

  کد جاوااسکریپت مورد نظر هم به صورت زیر نوشته می شه :

<script language="JavaScript">
         function s_show(massage) {self.status = massage}
         function s_clear () {self.status = ""}
</script>

همونطور که می بینید تو این کد دوتا تابع تعریف شده . تابع اول یعنی  تابع s_show متنی رو  به عنوان ورودی دریافت می کنه و در استاتوس بار نمایش میده . تابع s_clear هم ورودی نداره و کارش اینه که متن نمایش داده شده در استاتوس بار رو پاک می کنه . حالا ما می تونیم این دوتا تابع رو بر روی یک لینک اعمال کنیم . به این صورت که بگیم وقتی موس روی لینک رفت متنی رو در استاتوس بار نمایش بده و وقتی کنار بره متن پاک بشه .

پس لینک مورد نظر به صورت زیر میشه :

<a href="Link Adress" onMouseOver="s_show(' Description About Link ');return true" onMouseOut="s_clear()" >Link Name</a>

:: onMouseOver دستوری هست که برای انجام عملیاتی وقتی که موس روی چیزی میره استفاده میشه . در اینجا عملیات مورد نظر اجرای تابع s_show هست که متن Description About Link رو با رفتن موس روی لینک در StatusBar نمایش میده .

:: به همین ترتیب onMouseOut با کنار رفتن موس از روی لینک تابع s_clear رو اجرا می کنه و توضیح از نوار استاتوس بار پاک میشه .

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

1) شما اول باید کد جاوا اسکریپت بالا رو توی قالب وبلاگ یا سایت یا صفحه ی مورد نظرتون قرار بدید .  (این کد رو فقط یک بار توی وبتون قرار بدید . برای همه ی لینکها کافیه )
2) سپس به لینک هاتون که می خواید توضیح اونها در استاتوس بار نمایش داده بشه
دستور :

onMouseOver="s_show(' توضیح لینک ');return true" onMouseOut="s_clear()"

  رو اضافه می کنید .

مثال : می خوایم یه لینکی از سایت 7Learn.com توی صفحه بزاریم که با رفتن موس روی اون لینک ، متن "سایتی در زمینه ی آموزش وب و طراحی" ، در استاتوس بار نمایش داده بشه .

:: اول کد جاوا اسکریپت رو توی صفحه می زاریم یا مطمئن میشیم که توی صفحه هست .

:: کد لینک مورد نظر به شکل زیره :

<a href="http://7Learn.com" onMouseOver="s_show(' سایتی در زمینه ی آموزش وب و طراحی ');return true" onMouseOut="s_clear()" >7Learn</a>

موفق باشید .

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

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

  • ‏‏

    سلام
    خوشحالم که دوباره سایتتون راه افتاده .
    میخواستم ازتون بخوام هاست پی سی گیمز رو هم در لیست هاست های رایگانتون بزارین . آدرسش اینه : www.p30games.net
    یه سوال هم داشتم ؟ میشه بگید توی WMP11 چطور میشه از فیلم عکس گرفت ؟
    همین طور یه خواهش دارم . اگه میشه یه قالب وردپرس مثل قالب خودتون توی وب بزارین .

  • ‏‏
    مقداد باوفا(۶ خرداد ۱۳۸۸)

    فیلم های آموزش جاوا اسکریپت

  • ‏‏

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


    پاسخ نویسنده(حمزه فیضیان) :
    درود بر شما. ما و همکاران از سوال کردن خسته نمیشیم برای همین اینجاییم که جواب بدیم در حد توان! شما فقط لطف کنید سوالتون رو در پستهای جدید بگذارید تا دیگران هم استفاده کنن بهتره ولی هر چقدر دوس داشتید سوال کنید و ما تا جایی که بلد باشیم جواب میدیم. در مورد اینکه نوشتید پکیج جوملا و پی اچ پی خریدید باید بگم خیلی کار خوبی کردید. php زبان برنامه نویسی وبه که همکنون بهترین زبان برنامه نویسی اینکاره! جوملا یه نوع css هستش که با اون بدون هیچگونه دانش برنامه نویسی میتونید سایتتون رو راه بندازید! که البته بجز جوملا باید بگم دیتا لایف انجین – نیوک مشهد – و… هم هستن برای اینکار شما بایستی هاست و دومین تهیه کنید که توی اینترنت سرچ کنید براتون هویدا میشه. شما نیاز به مقداری هسات (در حدود 200 مگابایت) برای شروع و یک دامنه ازاد .com و یا .net و یا .ir و … دارید که جمعا فکر کنم بیست هزارتومن سالیانه بشه! اینکه گفتید از کجا شرو.ع کنید توصیه میکنم اول از همه برید و html و css و جاوا اسکریپت یاد بگیرید (البته نه در حد حرفه بلکه در حد اینکه بلد باشید کار کنید تا حدودی) تا بدون مشکل بتونید از php استفاده کنید. البته توصیه بهترم اینه تو شهرتون اگه کلاس آموزشی هست ثبت نام کنید که خیلی عالیه مثل ما سالها نشینید تو خونه و یاد بگیرید!!!! در مورد بلاگفا باید بگم که اصلا فضا نیست یعنی یه محیطه که تحت بلاگفاست و سایت چیز مجزایی از وبلاگه اگه بیشتر توضیح خواستید بگید تا چند تا مقاله براتون ارسال کنم. فقط آدرس ایمیلتونم بزارید. و خواهشا سوالای بعدیتون رو حتما بپرسید و تعارف نکیند (فقط در پستهای جدید سوال کنید ممنون میشم) منظورم از پست جدید یعنی همین دو ساله شدن وبلاگ که جدیدترین و تیتر اول بلاگمونه! موفق باشید دوست عزیز.

  • ‏‏

    salam
    vaghteton bekhair
    bebakhshin dar morede gharar dadan eicone kenare adres
    mishe ye mesal vasash bezanin
    man har kari mikonam nemishe
    manzoreton az adrese upload icon chie
    age beshe ye mesal bezanin merc
    khaili zarorie

  • ‏‏

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

    • ‏‏
      لقمان آوند(۷ شهریور ۱۳۹۰)

      سلام دوست عزیز
      این امکان رو باید سرویس دهنده ی وبلاگدهی تون (بلاگفا) ارائه بده . آیا وبلاگی رو تو بلاگفا دیدید که چنین اکانی رو اضافه کرده باشه ؟

  • ‏‏
    نوشیروانی(۲۸ اسفند ۱۳۹۰)

    سلام وخسته نباشید خدمت شما -من یه چند وقتیه دنیال یه
    نمایش متن که خودم بتونم تغییرش بدم وبه صورت خاصی نثل این وب می خوام میشه راهنمایی کنید !!!!! ممنون شما منتظر جواب تون هستم
    ادرس وبی که نمایش متنی داره اینه !!

    http://www.nit.ac.ir/Index.aspx

    • ‏‏
      لقمان آوند(۷ فروردین ۱۳۹۱)

      سلام
      من الان چنین کدی در اختیار ندارم و وقتم هم کمه و نظراتی که باید جواب بدم زیاد . شما در گوگل با واژه های javascript text effects یه جستجو بکنید و 3 نتیجه ی اول رو ببینید . افکت های خوبی اونجا موجوده . چیزی که می خوای رو اینجا می تونی پیدا کنی . بخون محتویات صفحه رو .

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram