2012-08-01 13 views
7

मेरे पास एक बटन है जो उपयोगकर्ता को दूसरे पृष्ठ पर नेविगेट करता है। (यह बटन होना लिंक नहीं होना चाहिए)। मैं पेज को नए टैब में खोलना चाहता हूं (या यहां तक ​​कि नई विंडो!)। क्या मुझे जावास्क्रिप्ट का उपयोग करना है? या कोई और रास्ता है! मैं आपकी मदद की सराहना करूंगा।बटन पर एक नया टैब कैसे खोलें रेल में क्लिक करें?

चीयर्स।

+0

बस जानना चाहते हैं, आपको बटन होने की आवश्यकता क्यों है और आप बटन का उपयोग करके साइट पर नेविगेट कैसे करते हैं? – index

+0

ठीक है, यह एक तरह का वैयक्तिकृत बटन है जो मेरे कॉलेजों का उपयोग करता है। <बटन डेटा-टॉगल = "मोडल" url = "<% = course_session.url%>" href = "# dlg _ <% = course_session.id%>" बटन : नेविगेशन कुछ इस तरह है – Venus

+0

क्या यह समझ में आता है ?! – Venus

उत्तर

13

रेल में `target =" _ blank "उपयोग करने का सुझाव जवाब पर विस्तार करने के लिए ...

आप button_to सहायक का उपयोग कर रहे हैं, तो यह स्वचालित रूप से रेल द्वारा किसी प्रपत्र में लपेटा जाता है। यह form टैग है जिसे इस विशेषता की आवश्यकता है। यह प्राप्त करने के लिए, एचटीएमएल विकल्पों में से हैश पर एक मूल्य के रूप में इसे पारित उदाहरण के लिए:

button_to t(:translated_text), foo_path(foo.id), class: 'btn btn-primary', form: {target: '_blank'} 

class: और form:html_options हैश के तत्व हैं। form: विकल्प विशेष है क्योंकि यह उन रेलवे को बताता है जिन्हें आप HTML विकल्प को form टैग पर पास करना चाहते हैं, बजाय बटन के input टैग के बजाय।

0

यह एक HTML सवाल है। आप के बजाय लिंक के बटन का उपयोग करना चाहते हैं, तो आप फार्म के लिए लक्ष्य विशेषता को यहां बताए गए प्रदान कर सकते हैं: http://www.w3schools.com/tags/att_form_target.asp

+0

आपकी मदद के लिए धन्यवाद बेंटो। – Venus

0
$('#btn').click(function(){ 
    window.open('pageName'); 

})

0

target="_blank" तुम क्या चाहते है, लेकिन यह केवल रूपों पर काम करता है और लिंक।

आप आसानी से सीएसएस के साथ एक बटन की तरह दिखने के लिए एक लिंक शैली बना सकते हैं, जो आपके बाद के बाद प्राप्त करने का सबसे साफ तरीका होगा।

जब तक आपका बटन किसी रूप में न हो, तब आप अपने फॉर्म में target="_blank" जोड़ सकते हैं और इसे काम करना चाहिए।

0

जावास्क्रिप्ट, इस आपके सभी बटन href विशषता

$("button[href]").click(function() { 
    window.open($(this).attr('href')); 
}); 

है यह वास्तव में एक नई विंडो खोलता है, लेकिन मैं जब ब्राउज़र यह नए टैब में खोलने के लिए मजबूर करता लगता है चयन करता है, यह एक नए टैब में खुल जाएगा ।

चीयर्स!

संबंधित मुद्दे