Adding an onclick function to go to url in JavaScript?
JavascriptJqueryHyperlinkJavascript Problem Overview
I am using this fancy little JavaScript to highlight a field as the user hovers over it. Could you please tell me if there is a way of adding an onclick function which will act as a link and go to a URL?
<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>
Javascript Solutions
Solution 1 - Javascript
Try
window.location = url;
Also use
window.open(url);
if you want to open in a new window.
Solution 2 - Javascript
Simply use this
onclick="location.href='pageurl.html';"
Solution 3 - Javascript
In jquery to send a user to a different URL you can do it like this:
$("a#thing_to_click").on('click', function(){
window.location = "http://www.google.com/";
});
this way will work too but the above is the newer more correct way to do it these days
$("a#thing_to_click").click(function(e){
e.preventDefault();
window.location = "http://www.google.com/";
});
Solution 4 - Javascript
function URL() {
location.href = 'http://your.url.here';
}
Solution 5 - Javascript
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 })'" />
Solution 6 - Javascript
If you would like to open link in a new tab, you can:
$("a#thing_to_click").on('click',function(){
window.open('https://yoururl.com', '_blank');
});
Solution 7 - Javascript
In case you're dealing with <a> tag, and you want to interrupt going to the default href you should use this instead.
Go to default url (yahoo):
<a href="https://yahoo.com" onclick="location.href='https://google.com';">
Go to new url (google) onclick:
<a href="https://yahoo.com" onclick="this.href='https://google.com';">
By using this you're interrupting the current browser onclick event and changing href before continuing to default behaviour of <a href='...
Solution 8 - Javascript
Not completely sure I understand the question, but do you mean something like this?
$('#something').click(function() {
document.location = 'http://somewhere.com/';
} );
Solution 9 - Javascript
try
location = url;
function url() {
location = 'https://example.com';
}
<input type="button" value="Inline"
onclick="location='https://example.com'" />
<input type="button" value="URL()"
onclick="url()" />