কীভাবে jQuery বা কেবল জাভাস্ক্রিপ্ট ব্যবহার করে কোনও বোতামকে অন্য পৃষ্ঠায় পুনঃনির্দেশ করা যায়

Question 1

আমি একটি প্রোটোটাইপ তৈরি করছি এবং আমি অনুসন্ধান বোতামটি একটি নমুনা অনুসন্ধান ফলাফল পৃষ্ঠায় লিঙ্ক করতে চাই।

আমি যখন কোনও বোতামটি অন্য পৃষ্ঠায় পুনঃনির্দেশিত করব তখন এটি jQuery বা সাধারণ জেএস ব্যবহার করে ক্লিক করা হবে।

Question 2

লিপি ছাড়াই:

<form action="where-you-want-to-go"><input type="submit"></form>

আরও ভাল, যেহেতু আপনি কেবল কোথাও যাচ্ছেন, ব্যবহারকারীকে "কেবল কোথাও যাচ্ছেন" এর জন্য স্ট্যান্ডার্ড ইন্টারফেসের সাথে উপস্থাপন করুন:

<a href="where-you-want-to-go">ta da</a>

যদিও, প্রসঙ্গটি "ব্যবহারকারী একটি ফর্ম জমা দেয় সেখানে একটি সাধারণ অনুসন্ধান সিমুলেট করুন" বলে মনে হচ্ছে, এক্ষেত্রে প্রথম বিকল্পটি যাওয়ার উপায়।

Question 3

এর মানে কি?

$('button selector').click(function(){
   window.location.href='the_link_to_go_to.html';
})

Question 4

$('#someButton').click(function() {
    window.location.href = '/some/new/page';
    return false;
});

Question 5

আপনার এইচটিএমএলে, আপনি আপনার বোতামটিতে ডেটা অ্যাট্রিবিউট যুক্ত করতে পারেন:

<button type="submit" class="mybtn" data-target="/search.html">Search</button>

তারপরে আপনি url পরিবর্তন করতে jQuery ব্যবহার করতে পারেন:

$('.mybtn').on('click', function(event) {
    event.preventDefault(); 
    var url = $(this).data('target');
    location.replace(url);
});

আশাকরি এটা সাহায্য করবে

Question 6

সাধারণ জাভাস্ক্রিপ্ট সহ:

<input type="button" onclick="window.location = 'path-here';">

Question 7

তুমি ব্যবহার করতে পার:

  location.href = "newpage.html"

বোতামটির অন্লিক ইভেন্টে।

Question 8

জাভাস্ক্রিপ্টের দরকার নেই, কেবল একটি লিঙ্কে এটি মোড়ানো

<a href="http://www.google.com"><button type="button">button</button></a>

Question 9

এই কাজ করা উচিত ..

$('#buttonID').click(function(){ window.location = 'new url'});

Question 10

আপনি উইন্ডো.লোকশন ব্যবহার করতে পারেন

window.location="/newpage.php";

অথবা আপনি অনুসন্ধান ফর্মটি যে ফর্মটি চান তাতে পৃষ্ঠার একটি ক্রিয়া রয়েছে তা আপনি কেবল তৈরি করতে পারেন।

Question 11

একটি নমুনা অনুসন্ধান ফলাফল পৃষ্ঠায় লিঙ্ক করতে অনুসন্ধান বোতামটি তৈরি করতে আপনি এই সাধারণ জাভাস্ক্রিপ্ট কোডটি ব্যবহার করতে পারেন। এখানে আমি আমার হোম পৃষ্ঠার '/ অনুসন্ধান' এ পুনঃনির্দেশ করেছি, আপনি যদি গুগল অনুসন্ধান ইঞ্জিন থেকে অনুসন্ধান করতে চান তবে আপনি ফর্ম ক্রিয়ায় " https://www.google.com/search " ব্যবহার করতে পারেন ।

<form action="/search"> Enter your search text: 
<input type="text" id="searchtext" name="q"> &nbsp;
<input onclick="myFunction()" type="submit" value="Search It" />
</form> 
<script> function myFunction() 
{ 
var search = document.getElementById("searchtext").value; 
window.location = '/search?q='+search; 
} 
</script>

Question 12

YT 2012 কোড থেকে।

<button href="https://stackoverflow.com/signin" onclick=";window.location.href=this.getAttribute('href');return false;">Sign In</button>

Question 13

এটি করার সবচেয়ে দ্রুত (সবচেয়ে পঠনযোগ্য, কমপক্ষে জটিল) উপায়, ওউন্স কাজ করে তবে এটি আইনী এইচটিএমএল নয়, প্রযুক্তিগতভাবে এই উত্তরটি jQuery নয় (তবে যেহেতু jQuery একটি প্রাক-প্রস্তুত সিউডোকোড) - ক্লায়েন্ট প্ল্যাটফর্মে স্থানীয় জাভাস্ক্রিপ্ট হিসাবে পুনরায় ব্যাখ্যা করা হয়েছে - সত্যিই হয় jQuery এর যেমন জিনিস যাহাই হউক না কেন)

 <button onclick="window.location.href='http://www.google.com';">Google</button>

Question 14

এবং রেল 3 এ কন্ট্রিস্ক্রিপ্ট সহ অবরোহক জাভাস্ক্রিপ্ট (ইউজেএস) ব্যবহার করে:

এতে যুক্ত করুন assets/javascripts/my_controller.js.coffee:

$ ->
  $('#field_name').click ->
    window.location.href = 'new_url'

যা পড়ে: যখন ডকুমেন্ট.আডির ইভেন্টটি গুলি onclickচালিয়ে গেছে, তখন কোনও ডিওএম অবজেক্টে একটি ইভেন্ট যুক্ত করুন যার আইডি field_nameযা জাভাস্ক্রিপ্ট চালায়window.location.href='new_url';

Question 15

ক্লায়েন্টের দিক পুনর্নির্দেশ সম্পর্কে এখানে প্রচুর প্রশ্ন রয়েছে এবং আমি তাদের বেশিরভাগকেই ছাড়তে পারি না ... এটি একটি ব্যতিক্রম।

পুনর্নির্দেশ ক্লায়েন্টের কাছ থেকে আসার কথা নয় ... এটি সার্ভার থেকে আসার কথা। যদি আপনার সার্ভারের কোনও নিয়ন্ত্রণ না থাকে তবে আপনি যেতে অবশ্যই অন্য একটি URL চয়ন করতে জাভাস্ক্রিপ্ট ব্যবহার করতে পারেন, তবে… এটি পুনর্নির্দেশ নয়। পুনর্নির্দেশটি সার্ভারে 300 টি স্ট্যাটাস কোডের সাথে বা এইচটিএমএলে মেটা ট্যাগটি চালিত করে করা হয়।

Question 16

একটি লিঙ্ক ব্যবহার করুন এবং এটি বোতামের মতো স্টাইল করুন:

<a href="#page2" class="ui-btn ui-shadow ui-corner-all">Click this button</a>