anchor

I'm using a static bar at the top of my site, about 20px high. When I click an anchor link(for those who don't know, the navigation on wikipedia works like that. Click a title and the browser goes down to it) part of the text disappears behind that top bar. Is there any way to stop this from happening? I'm not in a position where I can use an iFrame. Onlything I can think of is make it scroll back a bit each time, but is there another way? Some CSS setting to manipulate the body or something? Christoph To fix this with CSS you can add a padding to the Elements you want to jump to: Example

jQuery hyperlinks - href value? text][1] I am running in to a problem using jquery and a click event attached to an anchor element. [1]: jQuery hyperlinks - href value? "This" SO question seems to be a duplicate, and the accepted answer doesn't seem to solve the problem. Sorry if this is bad SO etiquette. In my .ready() function I have: jQuery("#id_of_anchor").click(function(event) { //start function when any update link is clicked Function_that_does_ajax(); }); and my anchor looks like this: <a href="#" id="id_of_anchor"> link text </a> but when the link is clicked, the ajax function is

I would like to know what is the difference between javascript:; and javascript:void(0); if I use them in href attribure for a anchor (link) <a href="javascript:;" onclick="DoSomething();">Link</a> <a href="javascript:void(0);" onclick="DoSomething();">Link</a> I see them acting the same on all browsers but what is the technical difference? Regards, Magdy One runs JavaScript that has no statements, the other runs JavaScript that evaluates the statement 0 and then returns undefined . Neither should be used. I agree with David that neither should be used. The javascript pseudo-protocol can put

I am using the following code to scroll to anchor points with jQuery: $(document).ready(function() { function filterPath(string) { return string .replace(/^\//,'') .replace(/(index|default).[a-zA-Z]{3,4}$/,'') .replace(/\/$/,''); } var locationPath = filterPath(location.pathname); var scrollElem = scrollableElement('html', 'body'); $('a[href*=#]').each(function() { var thisPath = filterPath(this.pathname) || locationPath; if ( locationPath == thisPath && (location.hostname == this.hostname || !this.hostname) && this.hash.replace(/#/,'') ) { var $target = $(this.hash), target = this.hash; if

I almost never get to play with client-side stuff, and this presumably simple task is kicking my butt :) I have some links. OnClick I want to prevent the default action, capture its href url, submit an ajax GET to that url, and simply alert() with the results ... but I can't even get past the starting line :) Example anchors for play-time: <a class="asynch_link" href="good/1.html">Click Here</a> <a class="asynch_link" href="good/2.html">Click Here</a> Now, I've played with a few suggestions for similar requests on SO, but the links still cause the browser to navigate to the href url. Even with

What is the differences between a {...} and a:link{...} ? Are there different usages, and benefits between them? According to W3C a:link is for not visited, a:visited is for visited, and just a applies to both. a covers all the bases. a:link is used only if the link in un- visited , un- hover ed, and in- active . So, use a for things like font-family (if you want links to come up in a different font), then use link for the standard formatting, and visited , hover and active for 'special effects'. EDIT: After reading Sander's W3C link , I can see that I didn't have it quite right. a:link will

I have to disable the color change of an anchor tag when visited. I did this: a:visited{ color: gray } (The link is gray in color before visited.) But this is a way where I explicitly state the color after the link is visited, which is again a color change. How can I disable the color change of an anchor tag when visited without doing any explicit color changes? Rich Bradshaw You can't. You can only style the visited state. For other people who find this, make sure that you have them in the right order: a {color:#FF0000;} /* Unvisited link */ a:visited {color:#00FF00;} /* Visited link */ a