Passing php variable as Javascript argument

**zomb1e** · 08-05-2012, 11:34 PM

My question is related to both Javascript and PHP

This is supposed to be a simple task. I'm successfully passing 2 php variables to a javascript function.

Code:

PHP:
$a; // this is name of employee
$b; // this is address of employee which multiline and is different for every employee

<a onClick="function('<?php echo $a ?>', '<?php echo $b ?>');">LINK</a>

Javascript:

<script language="JavaScript" type="text/javascript">
function(a,b){

}

</script>

But now i've modified my code, added line breaks through nl2br() in $b after fetching it from db, and trying to pass it to function(). Instead of sending it as JS function argument, it prints the $b.

Code:

PHP:
$a; // this is name of employee
$b; // this is address of employee which multiline and is different for every employee
$c=nl2br($b);

<a onClick="function('<?php echo $a ?>', '<?php echo $c ?>');">LINK</a>

Javascript:

<script language="JavaScript" type="text/javascript">
function(a,b){

}

</script>

Can anyone please guide me through this. Thanks a lot in advance!!!!!!!!

**keyboard** · 08-06-2012, 12:43 AM

The code you posted wouldn't work, but you said it did work so there must be more code that you're not showing us...

Could you please provide us with the full script?
Or if not, an example of what $a and $b are and the contents of your js function.

This little test script works fine...

PHP Code:


<?php

$a = 'Fatber Christmas';

$b = '27 Sunshine Street /n America';

$c = nl2br($b);

?>

<html>

<head>

<script type="text/javascript">

function test(a,b) {

    alert(a);

    alert(b);

}

</script>

</head>

<body>

<a onClick="test('<?php echo $a ?>', '<?php echo $c ?>');">LINK</a>

</body>

</html>

**zomb1e** · 08-11-2012, 10:10 PM

Originally Posted by keyboard1333

The code you posted wouldn't work, but you said it did work so there must be more code that you're not showing us...

Could you please provide us with the full script?
Or if not, an example of what $a and $b are and the contents of your js function.

This little test script works fine...

PHP Code:


<?php

$a = 'Fatber Christmas';

$b = '27 Sunshine Street /n America';

$c = nl2br($b);

?>

<html>

<head>

<script type="text/javascript">

function test(a,b) {

    alert(a);

    alert(b);

}

</script>

</head>

<body>

<a onClick="test('<?php echo $a ?>', '<?php echo $c ?>');">LINK</a>

</body>

</html>

Thanks for your reply!

Let me explain to you what I'm trying to do. I want to take input from users in a textarea which could be a number of paragraphs and save it in MySQL db. Now, that's working fine as I've tried it myself.

Now I want to display that information (which i've fetched from MySQL db through queries and saved them in php variables, eg, $a) through a javascript (passing php variables) which is called through 'onClick'.

When I print $a without passing it to JS function it display entire string without any linebreaks, but when I try to pass $a to JS function and print it through an OnClikck event, nothing gets printed. (referring to the below code)

Code:

<?php
$a = very long string
$b = "Hello People!!!!";
?>
<html>
<head>
<script type="text/javascript">
function test(a,b) {
    document.getElementById('div1').innerHTML=a;
    document.getElementById('div2').innerHTML=b;
}
</script>
</head>
<body>
<a onClick="test('<?php echo $a ?>', '<?php echo $b ?>');">LINK</a>
<div id="div1"></div>
<div id="div2"></div>
</body>
</html>

Is there a way to ensure that I can print that long string through <div id="div1"></div>.
Also I want to pass $a in a way that all the linebreaks are retained in it (like the way it is present in MySQL db).

I also tried using below code, but this code prints $a when I call onClick event rather than passing it to test() function.

Code:

<?php
$a = very long string
$b = "Hello People!!!!";
$a=nl2br($a);
?>
<html>
<head>
<script type="text/javascript">
function test(a,b) {
    document.getElementById('div1').innerHTML=a;
    document.getElementById('div2').innerHTML=b;
}
</script>
</head>
<body>
<a onClick="test('<?php echo $a ?>', '<?php echo $b ?>');">LINK</a>
<div id="div1"></div>
<div id="div2"></div>
</body>
</html>

Can you please help. I'd really appreciate any method or suggestion!!!

**keyboard** · 08-12-2012, 01:15 AM

I'm busy at the moment, but I'll have a look at it later... (probably tonight)

**bernie1227** · 08-12-2012, 02:36 AM

how are you inserting the line breaks? you could manually put in <br /> tags or you could generate a brek tag evvery time a line reaches a certain length.

**keyboard** · 08-12-2012, 06:52 AM

Bernie -
nl2br() converts all new lines to <br/> tags...

**bernie1227** · 08-12-2012, 06:54 AM

True, but still it is probably a good idea to try it with actuall br tags in order to see if that changes anything.

**keyboard** · 08-12-2012, 08:46 AM

After looking through your code, I can't see anything wrong.... Would it be possible for you to provide us an example of $a?

**bernie1227** · 08-12-2012, 08:58 AM

Same with myself, I can't seem to see why it would print the $a variable, as there is no code in there which would do that, is this the full code you are using?

@keyboard
Father isn't spelt with a b

**traq** · 08-12-2012, 04:44 PM

zomb1e, as much as is possible, please show us the actual code you are using in your testing. copy-and-paste is a great help. this:

PHP Code:


<?php
$a = very long string
$b = "Hello People!!!!";
?>

is obviously not any part of the code you're actually using - if it were, you'd be getting a fatal parse error.
Sharing the actual code will help prevent confusion while people are trying to help you figure things out.

One more suggestion:

When you run this, check the output source to make sure PHP is printing what you want it to.

It's very helpful to remember that php and javascript don't actually interact - PHP is just writing text - so, really, you're not "passing variables" - you're just "writing text."

(BTW, the code you posted -after I fixed the $a line - works just fine for me.)