رفتن به قسمتی از صفحه با کلیک

[mr.ht 0]

سلام دوستان من می خوام یه دکمه ای در بالای صفحه ایجاد کنم که وقتی روش کلیک میکنم به یه قسمت خاص توی صفحم بره مثلاً وقتی روی لینک کلیک میکنم بری به قسمت نطرات در همون صفحه (ببخشید عنوان صفحه رو اشتباه زدم)

ویرایش شده مرداد 93 توسط mr.ht

[One 77]

شما یک id برای اون بخش قرار میدید.

<div id="example"></div>

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

<a href="http://site.com/post/#example">Button</a>

[Farid 2281]

سلام

http://codepen.io/faridghasemi/pen/oFned

[mr.ht 0]

خیلی ممنون چیزی نیست که توی این انجمن بگی کسی نتونه جواب بده بابا دست خوش دمت همتون گرم

[imanfakhar 26231]

قوانین رابخونید

1. زمان انتظار برای پاسخگویی 24 ساعته که به شما ظرف کمتر از نیم ساعت پاسخ داده شده

2. سطح آشنایی خودتون رو (حداقل برای برنامه نویسی) تغییر بدید

در حالت پیشفرض آی دی بخش نظرات comments است و هر لینکی به #comments به قسمت نظرات می رسد

[Y-a--s--e-R 31]

سلام بر دوستان

ببخشید این موردی که آقای mr.ht فرمودن رو اگه بخوایم واسه مطالب پیاده سازی کنیم ، چه جوری میشه این کارو کرد ؟

مثلا میخوایم در یک مطلب ، با کلیک روی قسمتی از مطلب ، به یک قسمت مشخصی در همون مطلب بریم .

برای پیاده سازیش چه کارهایی باید انجام داد ؟

[imanfakhar 26231]

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

[Y-a--s--e-R 31]

به لینک رفتم ولی یک صفحه ی مشکی دیدم که کد توش نوشته شده بود و یه قسمت داشت که نوشته بود loading ، ولی اصلا لود نشد که نتیجه کار معلوم بشه .

البته بنده منظورم تو ویرایشگر وردپرس ، بخش افزودن نوشته بود ( طوریکه بشه کاری کرد که وقتی کاربری داره یک مطلب رو میخونه ، با کلیک روی قسمتی از مطلب ، به قسمت دیگری از همون مطلب جهش کنه )

ممنون میشم اگه کسی راه حل رو میدونه اعلام کنه .

[hamidwi 479]

به لینک رفتم ولی یک صفحه ی مشکی دیدم که کد توش نوشته شده بود و یه قسمت داشت که نوشته بود loading ، ولی اصلا لود نشد که نتیجه کار معلوم بشه .

البته بنده منظورم تو ویرایشگر وردپرس ، بخش افزودن نوشته بود ( طوریکه بشه کاری کرد که وقتی کاربری داره یک مطلب رو میخونه ، با کلیک روی قسمتی از مطلب ، به قسمت دیگری از همون مطلب جهش کنه )

ممنون میشم اگه کسی راه حل رو میدونه اعلام کنه .

دقیقا پاسخ شما در پست 2 و 3 داده شده باید کمی بیشتر دقت کنید.

شما به هر قسمتی از صفحه که می خواید جابجا بشید باید آی دی تگ اون قسمت رو (این تگ حتی می تونه یک تگ <p> باشه) همراه یک علامت شارپ # قبل از اون به انتهای آدرس اون صفحه اضافه کنید همین.

ویرایش شده شهریور 93 توسط hamidwi

[Y-a--s--e-R 31]

نمیدونم چرا نمیشه .

با مثال میشه توضیح بدید ؟ فکر کنم مراحل رو درست نمیرم .

اول اینکه بگید اگه بخوایم از این روش استفاده کنیم ، باید ویرایشگر صفحه ی افزودن نوشته ، روی دیداری باشه یا متن ؟

و بعد اینکه بر فرض یک جمله داریم با عنوان زیر :

بهترین افزونه وردرس :

و بعد چند تا افزونه زیرش میاریم که میخوایم با کلیک روی نوشته ی " بهترین افزونه وردرس : " به نوشته ی " آخرین افزونه " جهش کنیم .

افزونه ی 1

افزونه ی 2

افزونه ی 3

افزونه ی 4

افزونه ی 5

آخرین افزونه

اگه میشه به صورت عملی بفرمایید چه جوری همین مورد رو باید انجام داد ؟

[imanfakhar 26231]

روی html

و بعد چند تا افزونه زیرش میاریم که میخوایم با کلیک روی نوشته ی " <a href="#last">بهترین افزونه وردرس</a> : " به نوشته ی " آخرین افزونه " جهش کنیم .
افزونه ی 1
افزونه ی 2
افزونه ی 3
افزونه ی 4
افزونه ی 5
آخرین افزونه<a id="last"></a>

[Y-a--s--e-R 31]

ممنون کد کار کرد .

به عنوان سؤال نهایی ، اگه همین کارو بخوایم واسه یک صفحه ی دیگه انجام بدیم چه جوری میشه این کد ؟

مثلا بخوایم با کلیک روی یک عنوان از این صفحه ، به قسمت خاصی از یک صفحه ی دیگه بریم .

کد بالا به چه شکل در میاد ؟

ممنون اگه این مشکل رو هم حل کنید . ( چون هر دو صورت لازمه )

[imanfakhar 26231]

و بعد چند تا افزونه زیرش میاریم که میخوایم با کلیک روی نوشته ی " <a href="http://yoursite.com/page-example/#last">بهترین افزونه وردرس</a> : " به نوشته ی " آخرین افزونه " جهش کنیم .
افزونه ی 1
افزونه ی 2
افزونه ی 3
افزونه ی 4
افزونه ی 5
آخرین افزونه