একটি ওয়েব পৃষ্ঠার নির্দিষ্ট অংশের সাথে লিঙ্ক করা

Question 1

আমি নিয়ন্ত্রণ করি না এমন অন্য ওয়েবসাইটের লম্বা ওয়েবপৃষ্ঠার একটি অংশে কীভাবে আমি লিঙ্ক তৈরি করব?

আমি ভেবেছিলাম আপনি আমার লিঙ্কের শেষে # পার্টফেজ পৃষ্ঠা ব্যবহার করতে পারেন। কোনও পরামর্শ?

Question 2

শুধু পরিশেষে যোগ একটি #আইডি দ্বারা অনুসরণ <a>(ক মত বা অন্যান্য HTML ট্যাগটি, ট্যাগ <section>) যে আপনার সাথে যোগাযোগ করার চেষ্টা করছেন। উদাহরণস্বরূপ, যদি আপনি এই এইচটিএমএলে শিরোনামের সাথে লিঙ্ক করার চেষ্টা করছেন:

<p>This is some content.</p>
<h2><a id="target">Some Header</a></h2>
<p>This is some more content.</p>

আপনি লিঙ্কটি ব্যবহার করতে পারেন <a href="http://url.to.site/index.html#target">Link</a>।

Question 3

নিম্নলিখিত ফর্ম্যাটটি ব্যবহার করে একটি "জাম্প লিঙ্ক" তৈরি করুন:

http://www.somesite.com/somepage#anchor

যেখানে অ্যাঙ্কর সেই উপাদানটির আইডি যেখানে আপনি সেই পৃষ্ঠায় লিঙ্ক করতে চান। আপনি যে উপাদানটি লিঙ্ক করতে চান তার আইডি সন্ধান করতে ব্রাউজার বিকাশ সরঞ্জাম / দৃশ্য উত্স ব্যবহার করুন।

যদি উপাদানটির কোনও আইডি না থাকে এবং আপনি সেই সাইটটি নিয়ন্ত্রণ করেন না তবে আপনি এটি করতে পারবেন না।

Question 4

কেবলমাত্র যদি সেই সাইটটি পৃষ্ঠায় নোঙ্গর ঘোষণা করে তবে তা সম্ভব। এটি কোনও ট্যাগকে একটি নাম বা আইডি বৈশিষ্ট্য দিয়ে তৈরি করা হয় , সুতরাং আপনি যেখানে লিঙ্ক করতে চান তার নিকটবর্তী যেকোন ব্যক্তির সন্ধান করুন।

এবং তারপরে সিনট্যাক্সটি হবে

<a href="page.html#anchor">text</a>

Question 5

যদি লক্ষ্য পৃষ্ঠাটি একই ডোমেনে থাকে (যেমন আপনার পৃষ্ঠার সাথে একই উত্স ভাগ করে ) এবং আপনি নতুন ট্যাব তৈরি করতে আপত্তি করেন না (1), আপনি (আব) কিছু জাভাস্ক্রিপ্ট ব্যবহার করতে পারেন :

<a href="javascript:void(window.open('./target.html').onload=function(){this.document.querySelector('p:nth-child(10)').scrollIntoView()})">see tenth paragraph on another page</a>

ট্রিভিয়া:

var w = window.open('some URL of the same origin');
w.onload = function(){
  // do whatever you want with `this.document`, like
  this.document.querySelecotor('footer').scrollIntoView()
}

এই ধরনের 'শোষণ' এর কার্যকারী উদাহরণ আপনি এখনই চেষ্টা করতে পারেন:

javascript:(function(url,sel,w,el){w=window.open(url);w.addEventListener('load',function(){w.setTimeout(function(){el=w.document.querySelector(sel);el.scrollIntoView();el.style.backgroundColor='red'},1000)})})('/programming/45014240/link-to-a-specific-spot-on-a-page-i-cant-edit','footer')

যদি আপনি এটি অবস্থান বারে প্রবেশ করেন (মনে রাখবেন যে javascript:ক্লিপবোর্ড থেকে পেস্ট করার সময় ক্রোম উপসর্গটি সরিয়ে দেয় ) বা এটিকে একটি করে তোলেhref এই পৃষ্ঠাটির যে কোনও লিঙ্কের মূল্য হিসাবে তৈরি করে (বিকাশকারী সরঞ্জামগুলি ব্যবহার করে), আপনি ক্লিক করে অন্য একটি (সদৃশ) এসও প্রশ্ন পৃষ্ঠাতে স্ক্রল পাবেন পাদলেখ এবং পাদচরণ লাল আঁকা। (অজেক্স-লোডযুক্ত সামগ্রীর লোডের পরে নিচে চাপ দেওয়া ধাপে বিলম্ব হ'ল)

মন্তব্য

বর্তমান ক্রোম এবং ফায়ারফক্সে পরীক্ষিত, সাধারণত এটি কাজ করা উচিত কারণ এটি সংজ্ঞায়িত মানক আচরণের উপর ভিত্তি করে।
এখানে এসওতে ইন্টারেক্টিভ স্নিপেটে চিত্রিত করা যায় না, কারণ তারা পৃষ্ঠাটি উত্স অনুসারে বিচ্ছিন্ন।
MDN: উইন্ডো.ওপেন ()
(1) ঘটনাটি window.open(url,'_self')ভেঙে যাচ্ছে বলে মনে হচ্ছে load; মূলত আচরণকে window.openসাধারণ a href=""ক্লিক নেভিগেশনের মতো আচরণ করে তোলে ; এখনও আরও গবেষণা হয়নি।

Question 6

প্রথম লক্ষ্যটি এইচটিএমএল কোড বা ক্রোম বিকাশকারী সরঞ্জামগুলির মধ্যে পাওয়া ব্লকআইডিকে বোঝায় যা আপনি লিঙ্ক করার চেষ্টা করছেন। প্রতিটি কোড আলাদা এবং আপনার উল্লেখ করার চেষ্টা করা আইডিটি খুঁজতে আপনাকে কিছু খনন করতে হবে। এটির মতো এমন কিছু দেখতে পাওয়া উচিত div class="page-container drawer-page-content" id"PageContainer"যে এটি কোনও সম্পূর্ণ পাঠ্য বা চিত্র নয়, পুরো রেফারেন্সড বিভাগের ফর্ম্যাট। এটি করার জন্য আপনাকে একই কোডের টুকরোটি খুঁজে পেতে হবে তবে আপনার লক্ষ্য ব্লকের সাথে সম্পর্কিত। উদাহরণস্বরূপ dv id="your-block-id"যাইহোক আমি কেবল এই থ্রেডটি পড়ছিলাম এবং আমার মনে একটি ধারণা এসেছিল, আপনি যদি একজন শপাইফ ব্যবহারকারী হন এবং এটি করতে চান তবে বলা হয়েছে এটি একই জিনিস pretty কিন্তু পরিবর্তে

> http://url.to.site/index.html#target

আপনি লাগাতে হবে

> http://storedomain.com/target

উদাহরণস্বরূপ, আমি একটি নিউজলেটার সাইনআপ নেতৃস্থানীয় এবং কেনাকাটা আমার হোম পেজে ব্লক তাই আমি সন্নিবেশ লিঙ্ক সহ একটি দাবিত্যাগ পৃষ্ঠা স্থাপনের করছি https://mystore-classifier.com/#shopify-section-1528945200235আমার হাইপারলিঙ্ক জন্য। অনুগ্রহ করে নোট করুন যে-শ্রেণিবদ্ধকারীটি আমার অভ্যন্তরীণ ব্যবহারের জন্য এবং এটি আপনার জন্য প্রযোজ্য নয়। এটি ঠিক তাই আমি আমার দোকানে নজর রাখতে পারি। আপনি যদি নিজের হোমপৃষ্ঠা ব্যতীত অন্য কোনও কিছুতে লিঙ্ক করতে চান তবে আপনি রাখবেন

> http://mystore-classifier.com/pagename/#BlockID

আমি আশা করি কেউ এটি দরকারী পেয়েছেন, আমার ব্যাখ্যাতে যদি কিছু ভুল হয় তবে দয়া করে আমাকে জানান যেহেতু আমি কোনও HTML প্রোগ্রামার নই আমার ভাষা সি #!

Question 7

আসন্ন ক্রোম "পাঠ্যে স্ক্রোল" বৈশিষ্ট্যটি হ'ল আপনি যা খুঁজছেন তা হ'ল ...

https://github.com/bokand/ScrollToTextFraament

আপনি মূলত #targetText=URL এর শেষে যুক্ত করুন এবং ব্রাউজারটি লক্ষ্য পাঠ্যে স্ক্রোল করে পৃষ্ঠাটি লোড হওয়ার পরে এটি হাইলাইট করবে।

এটি আমার ডেস্কে ক্রোমের সংস্করণে চলছে, তবে বর্তমানে এটি ম্যানুয়ালি সক্ষম করতে হবে। সম্ভবত এটি ক্রোম তৈরিতে অন্যান্য ডিফল্টরূপে সক্ষম হবে এবং অন্যান্য ব্রাউজারগুলি অনুসরণ করবে, সুতরাং এখনই আপনার লিঙ্কগুলিতে যুক্ত করা ঠিক আছে এবং এটি তখন কাজ শুরু করবে।