Incluir variable PHP en un JavaScript

juniorhernandezg · #1 (**permalink**) 14/05/2012, 08:57

Buenas,

Amigo necesito incluir una variable PHP en un JavaScript, como podría hacerlo?

El codigo Javascript es el siguiente:

Código:

<script type="text/javascript" language="javascript">
$(document).ready(function(){   
    var line2 = [['1/1/2008', 50], ['2/14/2008', 70], ['3/7/2008', 39], ['4/22/2008', 81]];

Necesito colocar la variable

Cita:

<?php echo $row['Critical']?>

en donde dice 50, 70, 39 y 81

djaevi · #2 (**permalink**) 14/05/2012, 09:06

$(document).ready(function(){
var line2 = [['1/1/2008', <?php echo $row['Critical']?>], ['2/14/2008', <?php echo $row['Critical']?>], ['3/7/2008', <?php echo $row['Critical']?>], ['4/22/2008', <?php echo $row['Critical']?>]];

asi deberia funcionar

stramin · #3 (**permalink**) 14/05/2012, 09:07

<?php
$criticals=explode(", "$row['Critical']);
?>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
var line2 = [['1/1/2008', <?php echo $criticals[0] ?>], ['2/14/2008', <?php echo $criticals[1] ?>], ['3/7/2008', <?php echo $criticals[2] ?>], ['4/22/2008', <?php echo $criticals[3] ?>]];
</script>

juniorhernandezg · #4 (**permalink**) 14/05/2012, 09:21

Intento colocar el codigo pero da error.

Este es el codigo completo del archivo:

Código:

<!DOCTYPE html>
<html>
<head>
	<title>Axis Labels and Rotated Text</title>
    <link rel="stylesheet" type="text/css" href="grafic/jquery.jqplot.min.css" />
    <link rel="stylesheet" type="text/css" href="grafic/examples.min.css" />
    <link type="text/css" rel="stylesheet" href="grafic/styles/shCoreDefault.min.css" />
    <link type="text/css" rel="stylesheet" href="grafic/styles/shThemejqPlot.min.css" />
  
  <!--[if lt IE 9]><script language="javascript" type="text/javascript" src="../excanvas.js"></script><![endif]-->
    <script type="text/javascript" src="grafic/jquery.min.js"></script>
    
   
</head>
<body>
  
    <div class="example-content">

    <?php
$HostName="localhost"; //Nombre del Host
$UserName="root"; //Nombre del usuario MySQL
$Password="movilnet2012"; //Contraseña de usuario MySQL
$DataBase_Name="datos";

mysql_connect($HostName, $UserName, $Password); //Conecto con MySQL
mysql_select_db($DataBase_Name); //Conecto con la base de datos donde estará mi tabla

$Sql=mysql_query("SELECT * FROM valores LIMIT 10");
while($row=mysql_fetch_array($Sql)){
?>
?>

   <div class="example-plot" id="chart2"></div>
<!-- Example scripts go here -->

    <style type="text/css">
      .jqplot-point-label {white-space: nowrap;}
/*    .jqplot-yaxis-label {font-size: 14pt;}*/
/*    .jqplot-yaxis-tick {font-size: 7pt;}*/

    div.jqplot-target {
        height: 400px;
        width: 750px;
        margin: 70px;
    }
    </style>

	<?php
$criticals=explode(", "$row['Critical']);
?>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
var line2 = [['1/1/2008', <?php echo $criticals[0] ?>], ['2/14/2008', <?php echo $criticals[1] ?>], ['3/7/2008', <?php echo $criticals[2] ?>], ['4/22/2008', <?php echo $criticals[3] ?>]];
	

    var plot2 = $.jqplot('chart2', [line2], {
      axes: {
        xaxis: {
          renderer: $.jqplot.DateAxisRenderer,
          label: 'Incliment Occurrance',
          labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
          tickRenderer: $.jqplot.CanvasAxisTickRenderer,
          tickOptions: {
              // labelPosition: 'middle',
              angle: 15
          }
          
        },
        yaxis: {
          label: 'Incliment Factor',
          labelRenderer: $.jqplot.CanvasAxisLabelRenderer
        }
      }
    });

});
</script>


    <script type="text/javascript" src="grafic/jquery.jqplot.min.js"></script>
    <script type="text/javascript" src="grafic/scripts/shCore.min.js"></script>
    <script type="text/javascript" src="grafic/scripts/shBrushJScript.min.js"></script>
    <script type="text/javascript" src="grafic/scripts/shBrushXml.min.js"></script>

    <script type="text/javascript" src="grafic/plugins/jqplot.logAxisRenderer.min.js"></script>
    <script type="text/javascript" src="grafic/plugins/jqplot.canvasTextRenderer.min.js"></script>
    <script type="text/javascript" src="grafic/plugins/jqplot.canvasAxisLabelRenderer.min.js"></script>
    <script type="text/javascript" src="grafic/plugins/jqplot.canvasAxisTickRenderer.min.js"></script>
    <script type="text/javascript" src="grafic/plugins/jqplot.dateAxisRenderer.min.js"></script>
    <script type="text/javascript" src="grafic/plugins/jqplot.categoryAxisRenderer.min.js"></script>
    <script type="text/javascript" src="grafic/plugins/jqplot.barRenderer.min.js"></script>

<!-- End additional plugins -->


	</div>	
	<script type="text/javascript" src="grafic/example.min.js"></script>

</body>
</html>

Me da este error

Código:

Parse error: syntax error, unexpected T_VARIABLE in C:\AppServ\www\Web-Junior\grafico.php on line 49

stramin · #5 (**permalink**) 14/05/2012, 09:58

jo, me faltó la coma:

$criticals=explode(", ",$row['Critical']);

Eso me pasa por no probar