CODEWITHSUNDEEP
javascriptprototypejsunobtrusive-javascript
enyo
enyo

Reputation: 16706

Disable link with the prototype observe method

I want to create a link like this:

<a href="http://example.com">text</a>

and replace the behavior so that the link downloads the content with Ajax instead when clicking.

It is important for me not to replace the href attribute (so copying the link still works).

One solution would be to do:

$('link').onclick = function() { return false; };

but I would like to use the .observe method. But this doesn't work:

$('link').observe('click', function() { return false; });

(which is quite logical).

Any ideas on how I could achieve this?

Thanks.

Upvotes: 10

Views: 6292

Answers (2)

Fabien M&#233;nager
Fabien M&#233;nager

Reputation: 140195

$('link').observe('click', function(e) { Event.stop(e); });

or 

$('link').observe('click', function(e) { e.stop(); });

or 

$('link').observe('click', Event.stop);

Upvotes: 4

August Lilleaas
August Lilleaas

Reputation: 54603

You have to use the event object to achieve this with prototype.

$('link').observe('click', function(event) { event.stop() });

Upvotes: 11

Related Questions