working with a - links in JS

Today I'm pretty happy for finding a solution to a problem I've worked around for months.
Creating nice a-links using JS.

The problem:

Writing
<a onclick="somefunction();">clickme</a>

does not give the right CSS because it seems that in order to get the proper css for a-elements, we need the HREF attribute. But if we use the HREF attribute:

<a href="#" onclick="somefunction();">clickme</a>

.. clicking on the link, will trigger the HREF attribute, and hence, in this case the page will jump to the top(or in some cases it seems pretty random) because of the #-anchor

The solution:
Return false; at the end of the onclick function

<a href="#" onclick="somefunction(); return false;">clickme</a>

The link will get the right css, and the link will not be followed after the onclick.

Good bye old solution: onmouseover="fakeLink(this);" :-)

My first post

For about 2.5 years ago I started working on a web-development project that in my opinion has the ability to start a new trend of how people can interact and work together on the internet.

The system we are creating is a merge between social networking concepts and project management concepts.

We started off as a tiny project within a major research center in Norway, and today we are currently 4 employees and are about to launch our first Beta system.

My part of this system is to handle XML from backend systems and turn them into highly interactive and visual components on a webpage.

In this blog, I will write about challenges with Ajax, front-end related technologies and tools, Javascripting, XML, and browser challenges.