link/href that will not scroll to the top of the page

[Jezternz]

Okay, simple problem, probrabable simple answer.
I have <a href="#" onclick="javascript">Click Me</a>
So basicly I want an anchor to do some javascript wen its clicked, my problem is, whenever this link is pressed, because of the hash(#) the page is scrolled to the top. How can I make a link do nothing in html (ie leave the page position where it is) without it scrolling to the top of the page.

Thanks. Josh

[drhowarddrfine]

Just leave the href off, or remove the hash.

[Jezternz]

wow that simpl, I probrably shud have tried that lol, thanks. I think i have to leave the href on or I get validation errors.

Edit yeh neitehr of those work for me as
href="" sends the user back to domain.com when the actual page is domain.com/?p=news
and the removal of the href is not xhtml complient

[Markus]

wow that simpl, I probrably shud have tried that lol, thanks. I think i have to leave the href on or I get validation errors.

Edit yeh neitehr of those work for me as
href="" sends the user back to domain.com when the actual page is domain.com/?p=news
and the removal of the href is not xhtml complient

Why not use like <span onclick=..> ? Or is that not valid?

[Death Slaught]

Or you could just do this:

[HTML]<a name="placeHolder">&nbsp;</a>

<br />

<a href="http://domain.com#placeHolder" onclick="insert JavaScript here">Text to click.</a>[/HTML]


Thanks, Death

[gits]

here is one more possibility:

<a href="javascript:return false;" onclick="alert('test');">Click Me</a>

or setting this during the execution:

<a href="#" onclick="alert('test'); this.href='javascript:return false;';">Click Me</a>
 

it just replaces the hash with a javascript action that just returns false :) whatever this will be good for ... but it avoids to search for an anchor to jump to ...

kind regards

[drhowarddrfine]

the removal of the href is not xhtml complient

It is not invalid.

Authors may also create an A element that specifies no anchors, i.e., that doesn't specify href, name, or id.

.

[gits]

It is not invalid. .

then this should be the preferred solution, since it reduces the overhead of all the other suggestions :) ?

kind regards

[Jezternz]

I think I will go with this one.

here is one more possibility:
[HTML]<a href="javascript:return false;" onclick="alert('test');">Click Me</a>[/HTML]

Thanks heaps guys, much apreciated.

Edit: Although this works properly I do get a javascript error message (if i click on the little error box thingo down the bottom of ie that says "return statement outside of function".. Any other ideas? :(

[harshmaul]

I think I will go with this one.


Thanks heaps guys, much apreciated.

Edit: Although this works properly I do get a javascript error message (if i click on the little error box thingo down the bottom of ie that says "return statement outside of function".. Any other ideas? :(

<a href="javascript:void" onClick="do some javascript magic">clcik here</a>

[Jezternz]

<a href="javascript:void" onClick="do some javascript magic">clcik here</a>

again thanks but still error, it shows "syntax error" :(
You would think there would be a simple answer for this, but none that work correctly so far.

Edit: This doesnt give errors for some reason even using return

<a href="#" onclick="retun dothis()">link</a>

where I just added "return false;" on the end of the function dothis

I apologize for any time I have wasted, thanks heaps guys.

[Chiva]

Hey, don't know if still need it but here you have for future references:

<a href="javascript: void(0)">