Develop Reference

How to parse a PHP variable using a dynamic JS variable?

I have 5 PHP variables, $menu1 to $menu5, that each evaluate to a keyword. I'm trying to populate these 5 PHP variables in JavaScript, and display them. The below code doesn't work. What is wrong with my processing of the PHP variables?
var menu_populator = "";
for (var x = 1; x <= count; x++) {
menu_populator += '<li><a class="myclass" href="#link">' + '<?php echo $menu' + x + '?>' + '</a></li>';
}
$('#nav_menu').html(menu_populator);

Depending on how you are getting the menu data server-side you can try both methods below. One is for set $menu variables but if you are getting data from a database or the $menu variable are created within a loop you might find the second method better.
Method one- PasteBin
Echo your php variables into a javascript array.
var myarray=["<?php echo $menu1;?>","<?php echo $menu2;?>","<?php echo $menu3;?>","<?php echo $menu4;?>","<?php echo $menu5;?>"];
Method Two- PasteBin
Create this array server-side, this will be better if you are creating the current $menu variable in a loop, with this you can just use array_push() to push the values into the array.
<?php
// PHP Array
$menu = array('Home', 'Gallery', 'About');
// How to push new item into array
array_push($menu, 'Contact');
?>
Then just simply echo this array into your javascript myarray variable.
var myarray=<?php echo json_encode($menu);?>;
I have used the following javascript to test both methods and both seem to function just fine. I prefer the second method but I have decided to offer both as I don't know what your PHP looks like or how your $menu variables are being defined so this should cover both.
window.onload=function(){
for(var i=0; i<myarray.length; i++){
var link= document.createElement('a');
link.href="#";
link.innerHTML=myarray[i];
document.body.appendChild(link);
document.body.appendChild(document.createElement('br'));
}
}
If you have any questions about the source code above please leave a comment below and I will get back to you as soon as possible.
I hope this help. Happy coding!

Something like this would do the trick
<?php
$menu = "menu";
echo '
<script>
var count = 10;
var menu_populator="";
for(var x=1;x<=count;x++)
{
menu_populator += \'<li><a class="myclass" href="#link">'.$menu.' \'+x+\'</a></li>\';
}
$(\'#nav_menu\').html(menu_populator);
</script>
';
?>

How can i use PHP variable (fetch_array) on JS ? (json encode)

I want to use code like this in script for my functions:
<script>
function selectCust(){
var data = <?php echo json_encode("$rs['name']"); ?>;
document.getElementById("txtfield").value = data;
}
</script>
I didn't work, i didn't want to use the hidden field. So, how will it work in simple way. thank you.

Try this one
<script>
function selectCust(){
var data = "<?php echo json_encode($rs['name']); ?>";
document.getElementById("txtfield").value = data;
}
</script>

Drop those double quotes around PHP variable:
<script>
function selectCust(){
var data = <?php echo json_encode($rs['name']); ?>;
document.getElementById("txtfield").value = data;
}
</script>
Otherwise PHP will parse that string literally and you will just put "$rs['name']" string into your txtfield element.

Unable to show php variable in javascript?

I am unable to show php variable in javascript;
this is my code here:
<script type="text/javascript">
$(document).ready(function (){
var n=<?php echo json_encode($count)?>;
for(var i=0;i<n;i++){
var div = document.createElement('div');
div.className = "d5";
div.id=i+1;
document.getElementById('wrapper').appendChild(div);
<?php
$query="select * from shop_product where shop_uniqueid='$unq'";
$result=mysql_query($query);
while($row=mysql_fetch_array($result))
{
$product=$row["in_product"];
?>
var product=<?php echo $product?>;
$('#'+div.id).html(product);
<?php
}
?>
}//for loop ends
});//ready ends
</script>
here i am trying to pass var product in html() of which value is coming from php like: var product=<?php echo $product?>;
but when doing so php value is not coming in Javascript's var product.
when I pass $('#'+div.id).html("abcd"); abcd value is showing in divs.
please help me.

Compare the first place you take data from PHP and put it in JavaScript:
var n=<?php echo json_encode($count)?>;
with your attempt to assign the product value:
var product=<?php echo $product?>;
You haven't converted the data from plain text to JavaScript in the second line. Use json_encode there too.

How to pass a variable from php to javascript

If I pass an hard coded numeric value from php to javascript, all works perfectly. But if i pass the numeric value from a variable, i get an error:
javascript file (gallery.js)
function goto_anchor(id)
{
var anchor = $("#anchor_" + id);
$('html,body').animate({
scrollTop: anchor.offset().top - 20
}, 1200);
}
php file
....
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>
<script src="js/gallery.js" type="text/javascript"></script><?php
$get_cat = 4;
if (isset($get_cat)) { ?>
<script>
$(document).ready(function() {
goto_anchor(4); // this will work PERFECTLY!!!
goto_anchor(<?php echo $get_cat; ?>); // this will NOT work !!!
});
</script><?php
} ?>
I need to pass the $get_cat variable in my php, not the harcoded numeric value. How ??
Thanks

I have such kind of problems before, can not fill
javascriptfunction(<?php echo $phpvirable ?>)
inside javascript function that causes error; Instead , according to your code, can echo it to javascript virable first before using it;
echo '<script> var get_cat = '.$get_cat.'</script>';
into your php
<?php $get_cat = 4; ?>
surely, Your php $get_cat can be captured from such as $_REQUEST['cat'] dynamic value from form submit event towards this page. then u convert it to javascript virable to use in function.
<?php
if(isset($getcat)):
echo '<script> var get_cat = '.$getcat.'</script>';
endif;
?>
// javascript function read predefined javascript virable that confirm work.
// u also avoid using mixed php and javascript statements which looks messy
<script>
$(document).ready(function() {
goto_anchor(get_cat); // this will work then.
});
</script>

Show php variable value in confirmation box in php

I have following code i want to show name that is the result of the query.
function lead_delete(del_id)
{
<?php
$lead_name = mysql_query("select lead_name from business_lead where id=" .
$del_id) Or die(mysql_error());
while ($nt_lead_name = mysql_fetch_array($lead_name)) {
$crm_lead_name = $nt_lead_status['lead_name'];
}
?>
var name=<?php $crm_lead_name; ?>;
var confirmation;
var confirmation=confirm("You Really want to Detele Leader "+name );
}
</script>
how can i print the name that get from above query...

You can't use <?php echo $del_id;?> tag in this function (because you may change del_id when call function), but you can create del_id on your page, if you have $del_id php value:
<script type="text/javascript">
var del_id = <?php echo $del_id;?>;
function lead_delete(del_id) {
var confirmation;
var confirmation=confirm("You Really want to Detele Leader " + del_id);
if(confirmation==true)
{
return true;
}
else
{
return false;
}
}
</script>

If del_id is php variable then it should be $del_id instead of del_id
var confirmation=confirm("You Really want to Detele Leader "+ <?php echo $del_id;?>);
As you passing del_id as a function parameter then no need to use php . you can easily get variable like below
var confirmation=confirm("You Really want to Detele Leader " + del_id);
As per updated question:-
var name=<?php $crm_lead_name;?>;
it should be
var name= '<?php echo $crm_lead_name;?>';
And also you want pass del_id lead_delete() function on click event then you have to use AJAX here.
For your reference
http://blog.teamtreehouse.com/beginners-guide-to-ajax-development-with-php