Passing string with space character as parameter to on-click function generated by javascript

Question

My hypertlink generated by JavaScript is as follows:

'<a href="#" onClick=passSearchTerm("' +aa + '");>View</a>'

The parameter passes wells when the string is as follows:

var aa = 'TAGS(\\"ab\\")';

I confirmed it by alerting inside the function

function passSearchTerm(aa) { alert(aa); }

However, this wont alert when the var is defined as follows:

var aa = 'TAGS(\"a b\")'; //space between "a" and "b"

Can anyone suggest me how to pass such string? Thanks in advance for your help. Actually I am trying to pass likely following string:

TAGS("a or b")

TAGS too is part of String i want to pass, like consider another sting instead var a='apple(\"a or b\')' — Lasang
– Lasang, Commented Jan 9, 2013 at 9:46
@THiCE: What TAGS() returns is irrelevant. The problem here is how to pass the string "TAGS("a or b")" to a inline onclick. — Cerbrus
– Cerbrus, Commented Jan 9, 2013 at 9:54

Nitesh Patil · Accepted Answer · 2013-01-09 10:12:14Z

5

While generating ur hyperlink by javascript use encodeURIComponent ex.

"<a href=\"#\" onclick=\"passSearchTerm('" + encodeURIComponent(aa) + "')\">View</a>"

and while retriving use decodeURIComponent

function passSearchTerm(aa) { alert(decodeURIComponent(aa)); }

answered Jan 9, 2013 at 10:12

Nitesh Patil

3881 silver badge12 bronze badges

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

1 Comment

LiefLayer Over a year ago

thank you! encodeURIComponent did the trick for me... I was going crazy with this problem and I cannot make the code actually good because I'm just doing maintenace for a web app and I just needed to fix this little but annoying bug.

Mesh · Accepted Answer · 2013-01-09 09:56:38Z

3

I think you've just overused your escapes.

This works for me.

  var aa = 'TAGS("a b")'; 
  // var aa =  'TAGS(\"a b\")'; 

  var e = document.createElement("A");
  e.href = "#";
  e.setAttribute( "onClick", "passSearchTerm('" + aa + "');" );
  e.innerText = "View";

  document.body.appendChild(e);

  function passSearchTerm(p){
    alert(p);
  }

</script>

answered Jan 9, 2013 at 9:56

Mesh

6,5105 gold badges37 silver badges55 bronze badges

Comments

pktangyue · Accepted Answer · 2013-01-09 10:34:25Z

0

var aa = 'TAGS(\\"a&nbsp;b\\")';

This code does work. It is because in html space should written as  

[update]

Here is the full example. http://jsfiddle.net/YAJNL/

edited Jan 9, 2013 at 10:34

answered Jan 9, 2013 at 9:53

pktangyue

8,5949 gold badges53 silver badges72 bronze badges

3 Comments

Mesh Over a year ago

No it shouldnt! Read w3schools.com/html/html_entities.asp and w3.org/TR/REC-html40/struct/text.html#h-9.3.2.2

pktangyue Over a year ago

@Adrian: You should use it with the code provided by the questioner. jsfiddle.net/YAJNL here is the full code example.

Mesh Over a year ago

You mean the code with a mistake in it? The mistake is incorrectly escaping the various nested " or ' characters. To say you should use a No-Break Space, here looks wrong. Fixing the Escapes is much more useful and 'looks' some much better. If you fix the escapes, the code then 'works' with either a regular space or   ... Although I would still maintain that its correct to use a regular space, as subsequent parsing of the string may stumble on   . a Space is encoded as /u0020 and   as /u00A0 internally.

Collectives™ on Stack Overflow

Passing string with space character as parameter to on-click function generated by javascript

3 Answers 3

1 Comment

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related