ansaurus

Question

getting the contents of a function in an `onclick` attribute in my html with jQuery

Answer 1

+2 A:

You can set onclick by using $("#foo").click = ''; You can change href by changing the attribute, using .attr(key, value); http://docs.jquery.com/Attributes, and http://docs.jquery.com/Tutorials%3AEdit%5Fin%5FPlace%5Fwith%5FAjax

so

$('#foo').click = '';
$('#foo').attr('href', 'whateveryousetitto');

Russell Steen 2009-11-05 19:30:54

Answer 2

+2 A:

document.getElementById('notify').onclick = function() {location.href='index.php?foo=bar&zoobazz=moo';return false;};

ss 2009-11-05 19:31:41

I know this is going to work, but the the user asked for a jQuery solution...

GmonC 2009-11-05 19:34:14

Answer 3

+2 A:

Does

$("#notify").click(function() { $("#notify").attr("onclick", "location.href='index.php?foo=bar&zoobazz=moo';"); return false;})

not do what you need it to do?

markj9 2009-11-05 19:31:49

We'll the problem is the onclick attribute is output by the server, so I need to get its value, and manipulate it as well.

Joseph Silvashy 2009-11-05 21:22:24

Answer 4

+1 A:

I may be reading too much into the question, but I think OP is asking how to get the event code so that it can be manipulated, not just replaced. When specifying "index.php?foo=bar", I don't think the value of bar is known. If this was a known value, then why read the onclick value at all?

Frank DeRosa 2009-11-05 19:52:43

Yes, this is exactly what I want to know. I am well aware of how to use attr(), thanks for clarifying +1

Joseph Silvashy 2009-11-05 21:24:09

Answer 5

+1 A:

alert($('#notify').click);

?

Ropstah 2009-11-05 19:56:09

Answer 6

+3 A:

If I understand your question correctly, you want to actually see what the onclick event is doing and append to it, not just replace it. I tried this in chrome and it works, but it's pretty much a hack. Basically, when you get a reference to the "click" or "onclick" event function (using either jQuery or pure JS), then you can to a ".toString()" on it to convert the function into a string. Then you just strip off the "function" definition using some trickery and you're left with what you need - "location.href='.......".

Then just append your additional parameters. Hopefully this leads you in the right direction.

<html> 
<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;
<script type="text/javascript">
$(function(){
    var $target = $("#notify");
    var funcBody = $target.attr("onclick").toString().split("\n")[1].split(";")[0];
    $target.attr("onclick","").attr("href", funcBody);
});
</script>
</head>
<body>
<a id="notify" onclick="location.href='index.php?foo=bar';return false;" href="javascript:;">Notify!</a>
</body>
</html>

WesleyJohnson 2009-11-05 22:46:40

Answer 7

+3 A:

This will give you the function in a string

$("#notify").attr("onclick").toString()

Grep the URL after that

Richard Millan 2009-11-05 22:55:36

Wow, this is exactly what I posted with a fully functioning example. I guess it pays to be concise and to the point. ;)

WesleyJohnson 2009-11-05 23:59:07

ansaurus

tags:

views:

answers:

getting the contents of a function in an `onclick` attribute in my html with jQuery

related questions