How to pass a url to a JavaScript function as a parameter?

Question

I just want to pass the base url to a javaScript function. Function call is like as follows

<img src="assets/images/c_arow_rite.jpg" onClick="nextMonth('.$bs_url.')"/>

It showing an error in the Error Console like

Error: SyntaxError: identifier starts immediately after numeric literal
Source File: `http://mywebsite/rand/`
Line: 1, Column: 15
Source Code:
nextMonth(http%3A%2F%2F192.168.1.254%2Frand%2F)

Don't pass it at all? location.href, location.host, location.pathname, location.protocol, location.port... there's a lot of info already available to you. If it's not the current url, then 'quote the url' — Elias Van Ootegem
– Elias Van Ootegem, Commented Oct 9, 2012 at 15:49

Elias Van Ootegem · Accepted Answer · 2012-10-09 15:51:59Z

1

This line:

<img src="assets/images/c_arow_rite.jpg" onClick="nextMonth('.$bs_url.')"/>

Should be written as:

<img src="assets/images/c_arow_rite.jpg" onClick="nextMonth(\''.$bs_url.'\')"/>

to add string delimiters that don't muck up the double quotes of the HTML, and are escaped in your php script. I think I'm right in assuming this is actually part of a statement like:

echo '<img src="assets/images/c_arow_rite.jpg" onClick="nextMonth(\''.$bs_url.'\')"/>';

In which case, adding escaped single quotes is the answer.

answered Oct 9, 2012 at 15:51

Elias Van Ootegem

76.7k10 gold badges123 silver badges160 bronze badges

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

Comments

Elbek · Accepted Answer · 2012-10-09 16:07:44Z

0

I think you can do just like this:

<img src="assets/images/c_arow_rite.jpg" onClick="nextMonth($bs_url)"/>

answered Oct 9, 2012 at 16:07

Elbek

3,5147 gold badges40 silver badges50 bronze badges

2 Comments

Janus Troelsen Over a year ago

only if the php quotes are " or heredoc afaik, not '

Elbek Over a year ago

@JanusTroelsen, Right now what is the quote?

Collectives™ on Stack Overflow

How to pass a url to a JavaScript function as a parameter?

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related