How can I use a passed parameter in a JavaScript function?

Question

Forgive the complete newbie question here - I know this is really basic stuff, but for the life of me I can't figure it out. Javascript is relatively new to me, and this is the first time I've had to do this particular thing.

So, I'm trying to use a Modal to open an iframe - the page itself will have links to several modals, all of which need to be passed a different value. Rather than hardcode each of these, I'm trying to set it up in such a way that one function can be used and the links can pass the values as required.

The code I currently have successfully opens the modal, but a 404 error is inside it - plus the modal title shows + title + - so I guess I'm referencing it wrong (probably in the function?).

Heres what I've got, pointers in the right direction would be appreciated!

function openIframe(title,url){
    $.modal({
        title: '+title+',
        url: '+url+',
        useIframe: true,
        width: 600,
        height: 400
    });
}

.. and the link:

<a href="#" onclick="openIframe('Process Voucher','a_processvoucher.cfm')">Add</a>

Matt · Accepted Answer · 2012-06-19 12:59:41Z

2

To use the variables, don't quote them; title was being literally set to the string +title+ (and the same for url).

function openIframe(title, url) {
    $.modal({
        title: title,
        url: url,
        useIframe: true,
        width: 600,
        height: 400
    });
}

It seemed you were getting confused over the concatenation syntax to join strings and variables; for example, see the following:

var name = "Matt";
var welcome = "Hi " + name +  ", how are you doing today?";
alert(welcome);

... will alert the string Hi Matt, how are you doing today?

answered Jun 19, 2012 at 12:59

Matt

75.4k26 gold badges156 silver badges181 bronze badges

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

1 Comment

Lee Over a year ago

Thank you! That sorted it :-)

jbabey · Accepted Answer · 2012-06-19 13:00:25Z

1

You want to reference the variables called title and url, not strings with the values "title" and "url"

function openIframe(title,url) {
    $.modal({
        title: title, // no quotes
        url: url, // no quotes
        useIframe: true,
        width: 600,
        height: 400
    });
}

answered Jun 19, 2012 at 13:00

jbabey

46.7k12 gold badges73 silver badges94 bronze badges

Collectives™ on Stack Overflow

How can I use a passed parameter in a JavaScript function?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related