How do you I stop my links like this:
<a href="#" onClick="submitComment()">
From jumping to the top of the page after the click?
views:
333answers:
3
A:
You could use this alternative syntax instead:
<a href="javascript:submitComment()">
Dan Diplo
2009-07-19 16:18:22
Don't do this. Javascript belongs in the onclick handlers, not the href.
Daniel Roseman
2009-07-19 16:24:24
Tell that to the people who wrote StackOverflow! Look at the page source. But you are right, it's not best practice in most cases, but does solve the problem never-the-less.
Dan Diplo
2009-07-19 16:57:30
@Dan, I can't see any usage of the javascript: pseudo protocol within an HREF attribute within the SO source...
J-P
2009-07-19 17:58:50
+7
A:
<a href="#" onClick="submitComment(); return false;">
Or with jQuery:
$("a#myLink").bind("click", function(e){
e.preventDefault(); /* prevents default behavior */
submitComment();
});
Jonathan Sampson
2009-07-19 16:18:48
Correct. However, @ian, JavaScript attributes in html are generally frowned upon.
Justin Johnson
2009-07-19 23:11:20
Javascript should be used as an enhancement rather than a prerequisit to functionality. it would make more sense to use an input type=submit button and to use JQuery validate (assuming your using js to pre-validate) and ensuring you have serverside checks to ensure data is validated on being sent. This way you provide the best of both worlds without using anchor tags.Also in XHTML onClick should read onclick as in XML all attributes are lowercase :o)
Chris M
2009-07-20 10:36:58
+2
A:
Add a return false. I believe that without that the page will reload.
<a href="#" onClick="submitComment(); return false;">
Chris Brandsma
2009-07-19 16:19:18
no, just scroll to empty anchor, that placed at the top of the page
Sergey Kovalenko
2009-07-19 18:20:38