Javascript function undefined when called from input image onclick event

Question

This seems really simple but I can't get it working...

    function myfunction(id) 
    {
        alert("ID: " + id);
    }

There is a fiddle here http://jsfiddle.net/66ALW/

The error I get in Firebug is ReferenceError: myfunction is not defined http://fiddle.jshell.net/_display/ (1) Line 1

You have to set the "nowrap - in body" option on the jsfiddle control panel. Otherwise the code in the JavaScript pane goes into a wrapper function, so your "myfunction" ends up as a local function of that and isn't globally visible. — Pointy
– Pointy, Commented Jul 24, 2014 at 15:51
And that solves the problem — jsfiddle.net/66ALW/1 — it's a jsfiddle config issue, not a problem with the code. — Quentin
– Quentin, Commented Jul 24, 2014 at 15:53

weeklyTea · Accepted Answer · 2014-07-24 15:56:24Z

1

You need set "No wrap in head" in jsfiddle to solve your problem: http://jsfiddle.net/66ALW/2/

function myfunction() 
{
    alert("Reached");
}

code is ok.

answered Jul 24, 2014 at 15:56

weeklyTea

3452 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Wio · Accepted Answer · 2014-07-24 15:57:59Z

0

You are defining myfunction in the onLoad event, so it isn't being populated in the global namespace. Thus, function appears to not exist. There are two solutions.

Manually put it into global namespace window.myfunction = myfunction;
Configure jsfiddle to use 'no wrap' options in the frameworks and extensions section.

answered Jul 24, 2014 at 15:57

Wio

1,25111 silver badges10 bronze badges

1 Comment

user1935041 Over a year ago

Thanks to all but 1. was the answer I needed.

Collectives™ on Stack Overflow

Javascript function undefined when called from input image onclick event

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related