PDA

View Full Version : anchor در html


png_92
چهارشنبه 18 شهریور 1394, 13:55 عصر
سلام
من میخوام تو وب سایتم از لنگر برای پرش به بخش خاصی استفاده کنم ولی میخوام این پرش از هر صفحه ای که هستم انجام بشه (با استفاده از منو ). کارم اینطوریه که یک منو دارم که تو همه صفحات هست.در یک گزینه از منو چندین آپشن وجود داره که همه آنها در یک صفحه قرار دارند و من میخوام با کلیک روی هر آپشن به بخش مرتبط بپرم. ولی من میخوام این کارو وقتیکه تو یک صفحه دیگر هستم هم انجام دهم.
این کدرو ببینید: <a href="a.html">go to relevant section</a> این کد تو بخش منو از صفحه b.html منه ولی باید به جای a.html بپرم به بخش خاصی از a.html
چطور میتونم این کارو انجام بدم؟؟؟؟؟
siros1983
چهارشنبه 18 شهریور 1394, 14:25 عصر
فکر کنم منظورتون bookmark باشه


یه کد ساده نوشتم


<body>
<a href="#book1" target="_blank">Go to Book Mark 1</a>
<a href="#book2">Go to Book Mark 2</a><br />This is test <br /> This is test <br /> This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />
This is test <br /> This is test <br /> This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br /> This is test <br /> This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />
<b style="font-size:20px;" id="book1">This Is BookMark 1</b><br />This is test <br />This is test <br />This is test <br />This is test <br /> This is test <br /> This is test <br /> This is test <br /> This is test <br />This is test <br />This is test <br />This is test <br /> This is test <br /> This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br /> This is test <br /> This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />
<b style="font-size:20px;" id="book2">This Is BookMark 2</b><br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />This is test <br />
</body>
png_92
پنج شنبه 19 شهریور 1394, 08:59 صبح
متوجه شدم... کافیه بعد از a.html از # استفاده کنید. اسمی هم که بعد از # میاد در واقع nameی هست که به تگ a در صفحه a.html دادیم. اینطوری :



<a href="a.html#
relevant section
">go to relevant section</a
png_92
پنج شنبه 19 شهریور 1394, 09:04 صبح
متوجه شدم... کافیه بعد از a.html از # استفاده کنید
اسمی هم که بعد از # میاد در واقع nameی هست که به تگ a در صفحه a.html دادیم. اینطوری :

<a href="a.html#relevant section">go to relevant section</a>