Enter param in inline javascript function

Question

How can I add a param to the removeSound function in this JavaScript code?

I cannot get it to work.

var param = "111";

coder = '<a href="javascript:;" onClick="javascript: removeSound(' + param + ');" >Delete</a>'

Update

I do not know why code = was removed! This is needed to explain the problem context.

I just need to know how to add a param to the function without breaking it. The function it self does not matter. — Jonathan Clark
– Jonathan Clark, Commented Jan 19, 2012 at 10:36
If it doesn't work with single quotes then your function is erroneous. — Octavian Helm
– Octavian Helm, Commented Jan 19, 2012 at 10:39
ah, are you trying to put a piece of html code into a variable called code/coder? — Antony Scott
– Antony Scott, Commented Jan 19, 2012 at 11:32

Octavian Helm · Accepted Answer · 2012-01-19 11:22:54Z

3

I just want to add a proper double quoting escape method to the answers as none showed a correct way to escape double quotes inside of an onClick attribute.

In HTML it is not sufficient to use only a backslash when escaping a JavaScript double quote. You need the proper HTML entity which is "

This is a live example:

<a href="#" onClick="removeSound(&quot;121212&quot;);">Delete</a>

However for readability I would recommend using Antony Scott's way by using single quotes.

<a href="#" onClick="removeSound('121212');">Delete</a>

To add the param as a variable from whatever script your HTML is generated in you should do this:

code = '<a href="javascript:;" onClick="javascript: removeSound(&quot;' + the_param + '&quot;);" >Delete</a>';

The other possible way should be:

code = '<a href="javascript:;" onClick="javascript: removeSound(\'' + the_param + '\');" >Delete</a>';

edited Jan 19, 2012 at 11:22

answered Jan 19, 2012 at 10:51

Octavian Helm

39.6k19 gold badges100 silver badges102 bronze badges

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

2 Comments

Jonathan Clark Over a year ago

Works fine! How can I add two params?

Octavian Helm Over a year ago

This really depends on the type. If it is of type String then you'd have to add a coma after the escaped single quote. If it is of any other type then you don't quote them at all and just separate them with a coma.

Antony Scott · Accepted Answer · 2012-01-19 10:36:05Z

3

You need to use different quotes. Try something like this ...

<a href="javascript:;" onClick="javascript: removeSound('PARAM HERE');" >Delete</a>

answered Jan 19, 2012 at 10:36

Antony Scott

22.1k12 gold badges64 silver badges95 bronze badges

3 Comments

Jonathan Clark Over a year ago

I have updated my question and example to better reflect what I needed to do.

Antony Scott Over a year ago

did you want the 111 to be a string or a number within your removeSound function?

Octavian Helm Over a year ago

@JonathanClark Indeed, you gotta pay attention to that since all the methods we have shown you will have the parameter be a string.

lenne · Accepted Answer · 2012-01-19 10:36:55Z

0

try this

code = '<a href="#" onclick="removeSound("PARAM HERE");">Delete</a>';

answered Jan 19, 2012 at 10:36

lenne

833 bronze badges

1 Comment

Jonathan Clark Over a year ago

I have updated my question and example to better reflect what I needed to do.

under5hell · Accepted Answer · 2012-01-19 10:40:05Z

0

try this

 <a href="#" onClick="removeSound('121212')" >Delete</a>

answered Jan 19, 2012 at 10:40

under5hell

9973 gold badges18 silver badges40 bronze badges

1 Comment

Jonathan Clark Over a year ago

I have updated my question and example to better reflect what I needed to do.

Collectives™ on Stack Overflow

Enter param in inline javascript function

4 Answers 4

2 Comments

3 Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

3 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related