- وبلاگ من - https://weblog.mjm3d.ir -
پرش به قسمت مشخصی از صفحه
Posted By محمد جواد مسعودیان On اسفند ۲, ۱۳۸۹ @ ۱:۱۰ ب.ظ In اچ تی ام ال | 5 Comments
سلام …
بازم بعد ۱۰۰ سال اومدم یه پستی بزنم، ببخشید دیگه دست خودم نیست، تقصیر این درساست، مگه به آدم فرصت نفس کشیدن هم میدن، اصلاً، به هیچ وجه.
خوب ولش کن، این حرفا که واسه ما نون و آب، … چی می گن بهش، … نون و دوغ، نون و یه چیزی ، خلاصه، دیدم وبلاگم داره یکم کم رنگ میشه، گفتم دوباره یه رنگی بهش بزنم.
توی بخشهای وبلاگم یه گشتی زدم، دیدم این بخش برنامه نویسی HTML رو کم داره، زد به کلم که یه پستی واسش بزنم، خودتون میدونین دیگه، HTML مثه اسکلت سایت میمونه.
نمیدونم بعضی از سایت ها رو دیدین که یه لینک میزارن ته صفحشون، که روش نوشته بالا یا یکم با کلاس ترش Top، خوب این لینکی که بهش دادن چیکار می کنه، جادو که نمیکنه یهو می پره بالای صفحه، نه از کد جاوا اسکریپت هم استفاده نشده،
اگه خوب به لینکش نگاه کنید میفهمین که یه کاراکتر این شکلی (#) ، نمیدونم چی بش میگن، فکر کنم میگن مربع، استفاده شده، اگه بعد این مربعه، یه کلمهای یا یه حرفی بنویسین میگرده دنبال یه تگ HTML که بهش خاصیت Id با همین کلمه یا حرف رو داده باشین،
متوجه شدین، نه !! ، خوب حقیقتاً خودمم متوجه نشدم.
اینجا شلوغ میشه، بیایین (دنباله) تا با یه مثال معروف واستون توضیحش بدم …
بزارین یه مثال بزنم.
مثلاً یه تگ پاراگراف دارین به شکل زیر، که خاصیت Id اون رو حتماً باید بهش بدیم.
1 |
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"><p</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"top"</span><span style="color: #000000; font-weight: bold;">></span></span> قسمت بالای صفحه <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></p></span></span> |
اینو بالای صفحه قرار بدین، و یه تیکه کد زیری رو هم بزارین ته سایتتون که باید به صورت یه لینک باشه.
1 |
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"><a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">"#top"</span><span style="color: #000000; font-weight: bold;">></span></span> پرش به بالا <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></a></span></span> |
یعنی دقیقاً این دو تا معادل همن: id = #
حالا متوجه شدین، خدا رو شکر …
* اگه لینک نظرات همین پست رو که همین زیره، یه نگاهی بندازین، می بینین که اولاً مسیر لینکش تغییر کرده و ته لینک هم به این شکله #comments
من توی صفحه ادامه مطلب هر پست، قسمتی که نظرات شروع میشن، یه تگ div به شکل زیر گذاشتم :
1 |
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"><div</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"comments"</span><span style="color: #000000; font-weight: bold;">></span></span> |
یعنی شما زمانی که روی لینک نظرات کلیک میکنید، پاس داده میشین به صفحه ادامه مطلب و مکانی که دقیقاً مشخص کردین.
تموم، سخت بود، نه !!
Article printed from وبلاگ من: https://weblog.mjm3d.ir
URL to article: http://weblog.mjm3d.ir/1389/12/02/jump_part_page_id/
URLs in this post:
[1] درباره : #ts-fab-bio-below
[2] آخرین نوشته ها: #ts-fab-latest-posts-below
[3] Image: http://facebook.com/mjm3d
[4] Image: http://plus.google.com/2007mjm?rel=author
[5] Image: http://plus.google.com/2007mjm
[6] نمایش همه : https://weblog.mjm3d.ir/author/admin/
[7] پرش به قسمت مشخصی از صفحه: http://weblog.mjm3d.ir/1389/12/02/jump_part_page_id/
Click here to print.
Copyright © 2014 وبلاگ من. All rights reserved.
5 Comments To "پرش به قسمت مشخصی از صفحه"
#1 Comment By نبی On اسفند ۶, ۱۳۸۹ @ ۳:۵۲ ق.ظ
آفرین.
اون مربع، علامت نامبر هست (number)
به این روش میگن تگ یا برچسب گذاری.
#2 Comment By محمد جواد (admin) On اسفند ۶, ۱۳۸۹ @ ۲:۴۸ ب.ظ
سلام نبی جون
تشکر میکنم از راهنماییت.
#3 Comment By مازیار On اسفند ۱۳, ۱۳۸۹ @ ۸:۳۱ ب.ظ
It’s good
#4 Comment By reza On مهر ۱, ۱۳۹۰ @ ۱۱:۱۷ ب.ظ
سلام اگه میشه تبدیلفرونت پیج (اچ تی ام ال)به جوملا روبزار
#5 Comment By Ali On فروردین ۲۲, ۱۳۹۳ @ ۲:۰۹ ق.ظ
مطلب خیلی جالب و مفیدی بود. مخصوصاْ مثال های آخر خیلی خوب بودن.