मैं एक प्रोटोटाइप बना रहा हूं और मैं चाहता हूं कि खोज बटन एक नमूना खोज परिणाम पृष्ठ से लिंक हो।
जब मैं jQuery या सादे JS का उपयोग करके क्लिक किया जाता है, तो मैं किसी अन्य पृष्ठ पर एक बटन को पुनर्निर्देशित कैसे कर सकता हूं।
मैं एक प्रोटोटाइप बना रहा हूं और मैं चाहता हूं कि खोज बटन एक नमूना खोज परिणाम पृष्ठ से लिंक हो।
जब मैं jQuery या सादे JS का उपयोग करके क्लिक किया जाता है, तो मैं किसी अन्य पृष्ठ पर एक बटन को पुनर्निर्देशित कैसे कर सकता हूं।
जवाबों:
स्क्रिप्ट के बिना:
<form action="where-you-want-to-go"><input type="submit"></form>
बेहतर अभी तक, चूंकि आप अभी कहीं जा रहे हैं, उपयोगकर्ता को "बस कहीं जा रहे हैं" के लिए मानक इंटरफ़ेस के साथ प्रस्तुत करें:
<a href="where-you-want-to-go">ta da</a>
हालाँकि, यह संदर्भ "एक सामान्य खोज का अनुकरण करता है, जहाँ उपयोगकर्ता एक फ़ॉर्म सबमिट करता है" लगता है, जिस स्थिति में पहला विकल्प जाने का रास्ता है।
method="POST"
)।
क्या तुम्हारे कहने का मतलब यही था?
$('button selector').click(function(){
window.location.href='the_link_to_go_to.html';
})
window.location
और ऐसा नहीं करना चाहिए document.location
क्योंकि यह विहित तरीका नहीं है।
$('#someButton').click(function() {
window.location.href = '/some/new/page';
return false;
});
return false
"एंटर या रिटर्न की" मार के बिना , बस आपको नए लिंक पर पुनर्निर्देशित करने के बजाय वर्तमान यूआरएल पर ले जाना चाहिए। विशेष रूप से उपयोगी, जब आपके पास एक पाठ इनपुट नियंत्रण होता है जिसे आप एंटर / रिटर्न कुंजी हिट करते समय एक अलग यूआरएल में पोस्ट करना चाहते हैं।
अपने HTML में, आप अपने बटन में डेटा विशेषता जोड़ सकते हैं:
<button type="submit" class="mybtn" data-target="/search.html">Search</button>
फिर आप यूआरएल को बदलने के लिए jQuery का उपयोग कर सकते हैं:
$('.mybtn').on('click', function(event) {
event.preventDefault();
var url = $(this).data('target');
location.replace(url);
});
उम्मीद है की यह मदद करेगा
आप उपयोग कर सकते हैं:
location.href = "newpage.html"
बटन की ऑनक्लिक घटना में।
ये काम करना चाहिए ।।
$('#buttonID').click(function(){ window.location = 'new url'});
आप window.location का उपयोग कर सकते हैं
window.location="/newpage.php";
या आप केवल वह प्रपत्र बना सकते हैं जो खोज बटन में आपके इच्छित पृष्ठ की एक क्रिया के लिए है।
नमूना खोज परिणाम पृष्ठ से लिंक करने के लिए खोज बटन बनाने के लिए आप इस सरल जावास्क्रिप्ट कोड का उपयोग कर सकते हैं। यहां मैंने अपने होम पेज के '/' खोज को रीडायरेक्ट किया है , यदि आप Google खोज इंजन से खोजना चाहते हैं, तो आप " https://www.google.com/search " का उपयोग फ़ॉर्म कार्रवाई में कर सकते हैं ।
<form action="/search"> Enter your search text:
<input type="text" id="searchtext" name="q">
<input onclick="myFunction()" type="submit" value="Search It" />
</form>
<script> function myFunction()
{
var search = document.getElementById("searchtext").value;
window.location = '/search?q='+search;
}
</script>
YT 2012 कोड से।
<button href="https://stackoverflow.com/signin" onclick=";window.location.href=this.getAttribute('href');return false;">Sign In</button>
यह ऐसा करने का सबसे तेज़ (सबसे पठनीय, कम से कम जटिल) तरीका है, ओवेन्स काम करता है, लेकिन यह कानूनी रूप से HTML नहीं है, तकनीकी रूप से यह उत्तर jQuery नहीं है (लेकिन चूंकि jQuery पूर्व-तैयार छद्मकोड है - जिसे क्लाइंट प्लेटफॉर्म पर देशी जावास्क्रिप्ट के रूप में फिर से व्याख्या किया गया है - वहाँ वास्तव में है jQuery जैसी कोई चीज नहीं वैसे भी)
<button onclick="window.location.href='http://www.google.com';">Google</button>
और विनीत जावास्क्रिप्ट (UJS) का उपयोग करके कॉफीस्क्रिप्ट के साथ रेल 3 में:
इसमें जोड़ें assets/javascripts/my_controller.js.coffee
:
$ ->
$('#field_name').click ->
window.location.href = 'new_url'
जो पढ़ता है: जब document.ready घटना निकाल दी गई है, तो एक onclick
ईवेंट को एक DOM ऑब्जेक्ट में जोड़ें, जिसकी आईडी field_name
जावास्क्रिप्ट को निष्पादित करती हैwindow.location.href='new_url';
क्लाइंट साइड रिडायरेक्ट के बारे में यहाँ बहुत सारे प्रश्न हैं, और मैं उनमें से अधिकांश पर बात नहीं कर सकता ... यह एक अपवाद है।
पुनर्निर्देशन ग्राहक से नहीं माना जाता है ... यह सर्वर से आने वाला है। यदि आपके पास सर्वर पर कोई नियंत्रण नहीं है, तो आप निश्चित रूप से जावास्क्रिप्ट का उपयोग किसी अन्य URL को चुनने के लिए कर सकते हैं, लेकिन ... यह पुनर्निर्देशन नहीं है। पुनर्निर्देशन सर्वर पर 300 स्थिति कोड के साथ किया जाता है, या HTML में META टैग को पेश करके।
एक लिंक का उपयोग करें और इसे एक बटन की तरह स्टाइल करें:
<a href="#page2" class="ui-btn ui-shadow ui-corner-all">Click this button</a>