2012-10-25 11 views
69

मैं इस फैंसी छोटी जावास्क्रिप्ट का उपयोग उस क्षेत्र को हाइलाइट करने के लिए कर रहा हूं क्योंकि उपयोगकर्ता इसके ऊपर होवर करता है। क्या आप कृपया मुझे बता सकते हैं कि ऑनक्लिक फ़ंक्शन जोड़ने का कोई तरीका है जो एक लिंक के रूप में कार्य करेगा और यूआरएल पर जायेगा?जावास्क्रिप्ट में यूआरएल पर जाने के लिए एक ऑनक्लिक फ़ंक्शन जोड़ना?

<script> 
     $(function() { 
      $('tr').hover(function() { 
       $(this).css('background-color', '#eee'); 
       $(this).contents('td').css({'border': '0px solid red', 'border-left': 'none', 'border-right': 'none'}); 
       $(this).contents('td:first').css('border-left', '0px solid red'); 
       $(this).contents('td:last').css('border-right', '0px solid red'); 
      }, 
      function() { 
       $(this).css('background-color', '#FFFFFF'); 
       $(this).contents('td').css('border', 'none'); 
       $('a#read_message.php').click(function(){ URL(); }); 
      }); 
     }); 
     </script> 
+0

मैं url मान कैसे प्राप्त कर सकता का उपयोग यह एक लिन है के तालिका कक्षों में से एक में या क्या वे सभी एक ही यूआरएल –

+2

पर जाते हैं आपके पास # read_message.php 'है, तो आपके पास एक अजीब आईडी है? –

उत्तर

116

window.location = url; 

इसके अलावा का उपयोग

window.open(url); 

यदि आप एक नई विंडो में खोलने के लिए चाहते हैं की कोशिश करो।

10
function URL() { 
    location.href = 'http://your.url.here'; 
} 
20

jQuery में एक अलग URL पर भेज देते करने के लिए आप इसे इस प्रकार कर सकते हैं:

$("a#thing_to_click").on('click', function(){ 
    window.location = "http://www.google.com/";  
}); 

इस तरह से भी काम करेगा लेकिन इसके बाद के संस्करण में यह इन दिनों ऐसा करने के लिए नए और अधिक सही तरीका क्या है

$("a#thing_to_click").click(function(e){ 
     e.preventDefault(); 
     window.location = "http://www.google.com/";  
}); 
1

पूरी तरह से सुनिश्चित नहीं है कि मैं सवाल समझता हूं, लेकिन क्या आपका ऐसा कुछ मतलब है?

$('#something').click(function() { 
    document.location = 'http://somewhere.com/'; 
}); 
+0

हां, मूल रूप से जावास्क्रिप्ट तालिका फ़ील्ड को हाइलाइट करने के लिए सेट किया गया है क्योंकि उपयोगकर्ता सामग्री/जानकारी के आधार पर उपयोगकर्ता स्क्रॉल/होवर करता है। मैं इसे हाइलाइट किए गए फ़ील्ड की तरह दिखाना चाहता हूं क्लिक करने योग्य है ताकि वे किसी पृष्ठ से जुड़े हों। अगर यह और अधिक समझ में आता है। क्षमा करें अगर यह नहीं करता है। –

+0

इसे हल किया। # का उपयोग करने के बजाय बस थोड़ा कोड अनुकूलित किया # मैं तालिका का प्रतिनिधित्व करने के लिए tr डाल दिया और यह काम किया। धन्यवाद –

83

सीधे शब्दों में, इस

onclick="location.href='pageurl.html';" 
+5

यह एक ही विंडो के भीतर लिंक खोलता है, जबकि स्वीकृत उत्तर एक नई विंडो में खुलता है। मैं इस जवाब के दृष्टिकोण को पसंद करता हूं –

4

एचटीएमएल

<input type="button" value="My Button" 
onclick="location.href = 'https://myurl'" /> 

MVC

<input type="button" value="My Button" 
onclick="location.href='@Url.Action("MyAction", "MyController", new { id = 1 })'" /> 
संबंधित मुद्दे