درگاه کاربری
فعالیت اخیـر دستـه بنـدی کاوش هوشمنـد پشتیبـانی سایت دربـاره دینـون

Show و Hide تگ با id داینامیک با استفاده از آدرس صفحه

1 جـواب و 25 بازدیـد

امیرخسرو دادمهرامیرخسرو دادمهر1400/05/27

سلام
چطور با جاوا اسکریپت ، یه تگ خاص مثلاً تگ div رو که با id داینامیک ساخته شده ، از طریق آدرس نمایش بدیم یا هیدن کنیم؟
مثلاً توی صفحه Div با ای دی Gol رو داریم.
حالا میخوایم اگر آدرس زیر وارد شد، Div نمایش داده بشه.

 Site.com/Page#Gol 

و اگه آدرس زیر وارد شد، Div مخفی بشه.

 Site.com/Page 


0

پرسشگر امیرخسرو دادمهر
امیرخسرو دادمهر

امیرخسرو دادمهر

45 امتیازاطلاعات بیشتـر ...

پاسخ سـوال به ترتیب رضایت

پاسخگو میثم شریفی
میثم شریفی

میثم شریفی

250 امتیاز صفحه شخصیپرسش سـوال
رضایت 100 درصد توسط 1 نفر

میثم شریفیمیثم شریفی1400/05/27

سلام. شما باید از دستور window.location.hash استفاده کنید.
در حالت عادی اگر در آدرس صفحه عبارت # وارد بشه ، صفحه به صورت مستقیم به تگی که ID اون در آدرس وارد شده ، اسکرول میشه.
حالا اگه بخوایم با # در آدرس صفحه یکی از Div ها رو نمایش بدیم یا مخفی کنیم، باید شبیه مثال زیر عمل کنیم.
قبل از هر چیز کتابخانه JQuery رو توی head پروژه ایمپورت کنید.

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<style>
body{ background: #ADFF2F; margin: 0px; min-height: 800px}
#Gol{ display: none; background: #FFFF00; height: 150px; font-size: 40pt; text-align: center;}
</style>
</head>
<body>
<div id="Gol">Tag Gol</div>
<script>
if(window.location.hash){var hash = window.location.hash;$(hash).show();}
$(window).on('hashchange',function(){var hash = window.location.hash;$(hash).show();});
</script>
</body>
</html>

امیرخسرو دادمهرامیرخسرو دادمهر1400/05/27

عالی بود. ممنون که سریع جواب دادین.



دینـون ؛ پلتفرم انتشار علم و دانش در ایران SiteMap.xml پشتیبانی واتساپقوانین و مقرراتلیست کارشناسان تمامی حقوق مادی و معنوی محفوظ است.