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>
This question is related to
javascript
jquery
hyperlink
Try
window.location = url;
Also use
window.open(url);
if you want to open in a new window.
Not completely sure I understand the question, but do you mean something like this?
$('#something').click(function() {
document.location = 'http://somewhere.com/';
} );
function URL() {
location.href = 'http://your.url.here';
}
Simply use this
onclick="location.href='pageurl.html';"
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/";
});
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 })'" />
try
location = url;
function url() {_x000D_
location = 'https://example.com';_x000D_
}
_x000D_
<input type="button" value="Inline" _x000D_
onclick="location='https://example.com'" />_x000D_
_x000D_
<input type="button" value="URL()" _x000D_
onclick="url()" />
_x000D_
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');
});
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='...
Source: Stackoverflow.com