I want to pass php image url as javascript function parameter.
Please let me know how can I do this.
<html>
<?php
$image=$row['image'];
$img=$loc.'user/'.$image;
?>
<script type=text/javascript>
function demo()
{
some code here;
}
</script>
<body>
<button type="submit" onclick=demo(<?php echo $img?>) >
</body>
</html>In javascript I am doing some editing work on image .
How can I pass this php variable (i.e. image url as javascript function parameter)
You need to enclose the PHP code within quotes like as
<button type="submit" onclick="demo('<?php echo $imageurl;?>');" >
//^^ ^^
Within your Javascript as you were passing value within function but not capturing that value within your function demo()
function demo(obj)
{ //^^^ Capturing value within function using variable name obj
alert(obj);
}
You have to wrap it with quotes and you have to close the button
<button type="submit" onclick='demo("<?php echo $imageurl?>")' ></button>
<button type="submit" onclick="demo('<?php echo $img;?>');" >
I found $img is your variable and in code you are trying to send $imageurl
<html>
<?php
$image=$row['image'];
$img=$loc.'user/'.$image;
?>
<script>
function demo(val1)
{
alert(val1);
}
</script>
<body>
<button type="submit" onclick=demo('<?php echo $img?>') >Click Me</button>
</body>
</html>
