PHP Variable in Javascript
Posted: Thu Feb 25, 2010 8:54 am
I would like to pass a php variable to javascript but am having some trouble doing so. Below is my code. I would like to pass the php variable article[series] to the javascript. Could you help me understand what I am doing wrong. Is it possible to use php variables in javascript?
Code: Select all
<?
$id = intval($_REQUEST["id"]);
$sql = "SELECT * FROM `Catalog` WHERE id=$id";
$result = mysql_query($sql);
$article = mysql_fetch_array($result);
echo article[series];
?>
<script type='text/javascript'>
function Overlay_Cover(){
if(!document.getElementsByTagName)return;
var arrImages = document.getElementsByTagName("img");
var arrImgToFix = new Array();
var zImages;
var classCount = 0;
for(var i=0; i<arrImages.length; i++){
if(arrImages[i].className=="<?php echo article[series];?>_overlay"){
arrImgToFix[classCount]=arrImages[i];
classCount++;
}
}
for(var x = 0, y = arrImages.length; x < y; x++){
if(arrImgToFix[x]){
arrImgToFix[x].style.background="url("+arrImgToFix[x].src+")";
// we go two ways: non IE Win and IE Win
if (!arrImgToFix.push || !document.all){
arrImgToFix[x].src="images/large/play_<?php echo article[series];?>.png";
}else{
arrImgToFix[x].style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='images/large/play_<?php echo article[series];?>.png')";
arrImgToFix[x].src="img/transparent.gif";
}
}
}
}
window.onload=Overlay_Cover;
</script>