How to pass php variable containing quote to JS function

[blogfisher]

Hi,

In my PHP program i am accepting input from users. I am passing it to javascript function for further process. My function didn work if input string contains quote character. For example

 

sample Code where $myvar will actually coming from from user input which needs to pass to js function:

 

<? php
$myvar = "Hello's";
echo '<FORM NAME="myform" ACTION="" METHOD="GET"> Enter something in the box: <BR>
<INPUT TYPE="text" NAME="inputbox" VALUE=""><P>';
echo "<INPUT TYPE=\"button\" NAME=\"button1\" Value=\"Read\" onClick=\"javascript:readText(this.form, \"$myvar\")\">";
//<INPUT TYPE="button" NAME="button2" Value="Write" onClick="javascript:writeText(this.form)">
echo '</FORM>';
?>

 

and javascript is as below:

 

function readText (form, data) {
    TestVar =form.inputbox.value;
    alert ("You typed: " + TestVar + "... and ..." + data);
}

 

However this is not working because of quote character in $myvar. Any idea to overcome this ???

 

Quick solution will be appreciated...

 

Thx in advance!!

[RussellReal]

addslashes

[Psycho]

What ^ he ^ said

 

echo "<INPUT TYPE=\"button\" NAME=\"button1\" Value=\"Read\" onClick=\"javascript:readText(this.form, \"".addslashes($myvar)."\")\">";

[blogfisher]

wow... thats working .. i was not aware of that php function...

 

highly appreciate you quick responses !!

[blogfisher]

Well, thats work fine...

however what to do in case input string has " as a character

 

e.g. $myvar = abcd"ef ?

 

addslashes() wont work ?

[DeanWhitehouse]

do you want to remove it?

If so use str_replace, or use htmlentities on it to turn the quote into a html special char

[rhodesa]

echo "<INPUT TYPE=\"button\" NAME=\"button1\" Value=\"Read\" onClick='javascript:readText(this.form, \"".addslashes($myvar)."\")'>";

[blogfisher]

i dont want to remove any characters from input string, just want to display as it is by passing through js function...

[blogfisher]

echo "<INPUT TYPE=\"button\" NAME=\"button1\" Value=\"Read\" onClick='javascript:readText(this.form, \"".addslashes($myvar)."\")'>";

 

Thats not working..

consider the input string as $myvar = 'Hello"s';

[rhodesa]

not sure about your readtext() function, but this worked for me:

<?php
$myvar = 'Hello"s';
echo "<INPUT TYPE=\"button\" NAME=\"button1\" Value=\"Read\" onClick='javascript:alert(\"".addslashes($myvar)."\")'>";
?>

[DeanWhitehouse]

Works for me

$str = 'tes"t';
echo addslashes($str);//prints tes\"t

[blogfisher]

Still having problem...

 

consider code as below :

 

$myvar = 'Hello"s';
echo "<FORM NAME=\"myform\" ACTION=\"\" METHOD=\"GET\">
Enter something in the box: <BR>
<INPUT TYPE=\"text\" NAME=\"inputbox\" VALUE=\"\"><P>";
echo "<INPUT TYPE=\"button\" NAME=\"button1\" Value=\"Read\" onClick='javascript:readText(this.form, \"".addslashes($myvar)."\")';>";
echo "</FORM>";

 

This works fine... however if we changed input as

$myvar = "hello's"

 

it wont work ????

[rhodesa]

what "doesn't work" about it. the only error i get is that the function isn't defined. can you please provide the readText() function?

[blogfisher]

what "doesn't work" about it. the only error i get is that the function isn't defined. can you please provide the readText() function?

 

 

Code is as below :

$myvar = 'Hello"s';
echo "<FORM NAME=\"myform\" ACTION=\"\" METHOD=\"GET\">
Enter something in the box: <BR>
<INPUT TYPE=\"text\" NAME=\"inputbox\" VALUE=\"\"><P>";
echo "<INPUT TYPE=\"button\" NAME=\"button1\" Value=\"Read\" onClick='javascript:readText(this.form, \"".addslashes($myvar)."\")';>";
echo "</FORM>";

 

<SCRIPT LANGUAGE="JavaScript">
function readText (form, data) {
    TestVar =form.inputbox.value;
    alert ("You typed: " + TestVar + "... and ..." + data);
}
</SCRIPT>

 

The above code works fine.

However if i change my input to $myvar = "Hello's" .. code doesn't work ???

[rhodesa]

yeah...tricky...can you do it this way instead?

<?php
$myvar = "Hello's";
echo "<FORM NAME=\"myform\" ACTION=\"\" METHOD=\"GET\">
Enter something in the box: <BR>
<INPUT TYPE=\"text\" NAME=\"inputbox\" VALUE=\"\"><P>";
echo "<INPUT TYPE=\"button\" NAME=\"button1\" Value=\"Read\" onClick=\"javascript:readText(this.form)\";>";
echo "</FORM>";
?>
<SCRIPT LANGUAGE="JavaScript">
var data = <?php echo json_encode($myvar); ?>;
function readText (form) {
    TestVar =form.inputbox.value;
    alert ("You typed: " + TestVar + "... and ..." + data);
}
</SCRIPT>

[Psycho]

Try this. I used addslashes() and then replaced \" with "

 

<?php
$single = "sing'le";
$double = 'dou"ble';
$slash = "sla\sh";
?>
<html>
<head>

<SCRIPT LANGUAGE="JavaScript">
function readText (form, data) {
    TestVar = form.inputbox.value;
    alert ("You typed: " + TestVar + "... and ..." + data);
}
</SCRIPT>
</head>
<body>
<form name="">
Input Box:<br />
<input type="text" name="inputbox">
<br />
<button onclick="readText (this.form, '<?php echo str_replace ('\"', '"', addslashes($single)); ?>');">Single Quote test</button><br />
<button onclick="readText (this.form, '<?php echo str_replace ('\"', '"', addslashes($double)); ?>');">Double Quote test</button><br />
<button onclick="readText (this.form, '<?php echo str_replace ('\"', '"', addslashes($slash)); ?>');">Slash test</button><br />
</form>
</body>
</html>

[blogfisher]

@mjdamato

Thx.. it works amazingly....