2012-10-25 13 views
69

私はこの空想的な小さなJavaScriptを使用して、ユーザーがその上に置かれているフィールドを強調表示しています。リンクとして機能し、URLに行くonclick関数を追加する方法があるかどうか教えてください。JavaScriptでURLに行くonclick関数を追加しますか?

<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

を使用しますkのいずれかの表のセルにあるか、それらはすべて同じURLに行きますか? –

+2

あなたは '#read_message.php'というかなり奇妙なIDを持っていますか? –

答えて

116

window.location = url; 

を試してみて、あなたが新しいウィンドウで開きたい場合にも

window.open(url); 

を使用しています。

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

この方法はあまりにも動作しますが、上記のこれらの日にそれを行うには、より新しい、より正しい方法です:jQueryので

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

は、あなたがこのようにそれを行うことができます別のURLにユーザーを送信します

1

私はこの質問をよく理解していませんが、このような意味ですか?

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

はい、基本的には、ユーザーがスクロール/テーブルのコンテンツ/情報をスクロールするときに、javascriptがテーブルフィールドを強調表示するように設定されています。ハイライトされたフィールドがクリック可能なように見せて、ページにリンクさせたいと思っています。それがもう意味をなさないならば。ごめんなさい。 –

+0

が解決しました。テーブルを表現するためにtrを入れた#を使用するのではなく、ちょうどurコードを少し変更しました。ありがとう –

83

は、単にそれは林で、この

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

これは同じウィンドウ内のリンクを開き、受け入れられた回答は新しいウィンドウで開きます。私はこの答えのアプローチを好む –

4

HTML

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

MVC私はURL値を取得するにはどうすればよい

<input type="button" value="My Button" 
onclick="location.href='@Url.Action("MyAction", "MyController", new { id = 1 })'" /> 
関連する問題