problem: href="#" sends request to server 2

[AkinikA]

Hi All,

I have a link with href="#".
The purpose of this link is to do an action on click.
Actual behavior: it sends a request to server and the page is refreshed..

This link is located inside HTML form, in a big complicated page.
I know that it can be solved by changing to href="javascript:void()", but href is generated automatically[/color red] by a 3rd party tool, and I cannot update it[/color red]

....
<a href="#" onclick="alert('123');">123</a>
....

Please advice why it happens, and how I can solve it

 

[feherke]

Hi

Can you modify the [tt]onclick[/tt] attribute's value ?

<a href="#" onclick="alert('123');[red]return false[/red]">123</a>

Feherke.

http://rootshell.be/~feherke/

 

[AP81]

With JavaScript you should be able to get all the forms child elements, find the <a> tag then alter the onclick event.

e.g.

var childNodes = document.forms[0].childNodes;
for (i = 0; i < childNodes.length; i++) {
  if (childNodes[i].nodeType == 'a') {
    childNodes[i].onclick = childNodes[i].onclick + ' return false; '
    break;
  }
}

I haven't tested this, so it may need a tweak. Bear in mind that this finds the first <a> tag in the first form and modifies it, so you'll need to customise it to your needs.

 

[feherke]

Hi

Just a few words.

[ul]
[li]no need to process all [tt]Node[/tt]s, with [tt]getElementsByTagName('a')[/tt] you can filter out your target set of elements from the beginning[/li]
[li][tt]nodeType[/tt] is a numeric property of the [tt]Node[/tt], indicating its... well, type[/li]
[li]if you confused it with [tt]nodeName[/tt], then your code will work, but only for XHTML, as in HTML the element's name is returned in uppercase[/li]
[li]you are handling the [tt]onclick[/tt] as a string, but that is a function[/li]
[li]no need for [tt]break[/tt] as last instruction of a loop[/li]
[/ul]


Feherke.

http://rootshell.be/~feherke/

 

[AkinikA]

Thank you for you ideas, I will try this.

Do you know this problem occurs?
On most sites href="#" has no effect, and in mine it sends request to a server..
Do you know why it could be?

 

[AP81]

Because it is inside a form