2012-10-25 18 views
69

Używam tego niewielkiego JavaScriptu, aby podświetlić pole, gdy użytkownik się nad nim unosi. Czy możesz mi powiedzieć, czy istnieje sposób na dodanie funkcji onclick, która będzie działała jako link i otworzy URL?Dodawanie funkcji onclick, aby przejść do adresu URL w JavaScript?

<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

Jak mogę uzyskać wartość zawartości, jest to lin kw jednej z komórek tabeli lub czy wszystkie przechodzą do tego samego adresu URL? –

+2

Masz dość dziwny identyfikator "# read_message.php"? –

Odpowiedz

116

Spróbuj

window.location = url; 

Również użyć

window.open(url); 

jeśli chcesz, aby otworzyć w nowym oknie.

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

w jQuery wysłać użytkownika do innego URL można zrobić to tak:

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

ten sposób będzie działać zbyt ale wyżej jest nowsza bardziej poprawny sposób to zrobić w tych dniach

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

Nie całkiem jestem pewien, że rozumiem pytanie, ale czy masz na myśli coś takiego?

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

tak, w zasadzie javascript jest ustawiony, aby podświetlić pola tabeli, gdy użytkownik przewija/unosi nad treścią tabeli/informacjami. Chciałbym, aby wyglądało na to, że podświetlone pole jest klikalne, więc są powiązane ze stroną. jeśli to ma sens. Przepraszam, jeśli nie robi. –

+0

rozwiązał to. po prostu dostosowałem kod ur nieco, zamiast używać # i wstawiłem tr do reprezentowania tabeli i zadziałało. dzięki –

83

Wystarczy użyć tej

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

Otwiera to łącze w tym samym oknie, podczas gdy zaakceptowana odpowiedź otwiera się w nowym oknie. Preferuję podejście tej odpowiedzi –

4

HTML

<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 })'" /> 
Powiązane problemy