Hi,
How can I have a parameter to one JS function be Function Name with parameters to call another function?
something like:
onClick="Clicked(this, 'SomeFunction('test')'"
Regards
views:
90answers:
5
A:
What you have would work, although, you'd need to use the javascript eval function to evaluate the value once in the function:
function Clicked(obj, functionText)
{
// do something with object....
eval(functionText);
}
Otherwise, if there's no parameter, you can always pass the function itself:
onClick="Clicked(this, SomeFunction)"
and implement like this:
function Clicked(obj, func)
{
// do something with object...
func();
}
David Morton
2010-03-17 19:30:40
Note that it would be very amateurish to use `eval` for something like this. `eval` has it's use(s?), this isn't one of them.
Andy E
2010-03-17 19:33:50
+9
A:
onClick = "Clicked(this, function () {SomeFunction('test')});"
function Clicked (obj, functionToFire)
{
functionToFire();
}
Kevin
2010-03-17 19:30:53
ok inside of the Clicked function how do I call the SomeFunction using the var passed to Clicked function?
OutOFTouch
2010-03-17 19:49:53
Assuming SomeFunction already exists, this will call it right and not create an anonymous function? I am getting an exception ; is missing, do I need to add a semicolon just before the closing }?
OutOFTouch
2010-03-17 20:05:52
@OutOFTouch Can you post your code around that? You don't "need" to add a semi colon, but it is good practice.
Kevin
2010-03-17 20:08:38
I am generating this script from server code, I accidentally included an extra open paren, removed that and it doesn't throw any errors. I was just trying to get the syntax correct now I will try calling the method from the other method like you showed above.
OutOFTouch
2010-03-17 20:17:53
Your answer works, but I went with Kamarey's answer since I also want to validate that the function exists before calling it. I am not sure which answer to mark as the answer?
OutOFTouch
2010-03-17 21:38:06
I wish I could mark both answers correct as I need to also use Kevins answer, Kevin can I do this myButton.click = functionToFire(); ?
OutOFTouch
2010-03-20 00:45:12
All you need is `onClick = "function() { someFunction('test') }"`. This passes an anonymous function that, when invoked on a click, invokes your function with arguments.
jasongetsdown
2010-07-19 18:41:19
+1
A:
<script>
function doSomeWork(arg1, arg2)
{
arg2();
}
function displayThis(msg)
{
alert(msg);
}
doSomeWork("11",function(){ displayThis("123");});
</script>
Ramesh
2010-03-17 19:33:09
+2
A:
<span onclick="Clicked(this, 'SomeFunc', ['test', 123])">AAAA</span>
...
function Clicked(thisObject, funcName, params)
{
// find an object with name funcName in default (window) scope
var func = window[funcName];
// test that the object exist and that it's a function
if (func && typeof func == "function")
{
// call the function with passed params
// passing 'thisObject' enables to use 'this' keyword within the called function
func.apply(thisObject, params);
// as an alternative you may call it without 'this' object
func.apply(null, params);
}
}
function SomeFunc(text, num)
{
alert("text: " + text + ", number: " + num);
}
Kamarey
2010-03-17 20:16:17
A:
This couldn't be simpler:
onClick = "function() { someFunction('test') }"
jasongetsdown
2010-07-19 18:35:30