[SOLUCIONADO] modificar variable sin recargar pagina

ciberknibal · #1 (**permalink**) 15/11/2014, 21:24

Hola a todos! Estoy aprendiendo un poco de php ya que estoy haciendo una pagina web para controlar un arduino.
TEngo un archivo txt con parametros que tengo que tratar en una web y devolverlos al cliente.
Ahora mismo tengo datos en una matriz de php y me gustaria modificarlos sin recargar la pagina pulsado en un boton. Lei que tenia que hacer esto con javascript y asi lo hice pero he visto que el boton me aumenta el valor de la variable pero no se actualiza en la pagina. Llevo toda la noche buscando informacion y toqueteando pero no consigo que funcione. He visto tambien que igual se consigue con ajax pero no tengo ni idea de ajax y con los ejemplos que he visto tampoco me he aclarado mucho.

Os dejo mi codigo a ver si me podeis echar una mano. este seria el fragmento.

Código PHP:

  
Fluorescente 1: 
             
            <script language="javascript" type="text/javascript"> 
             
            var modof1 = "<?php modo(0,0,$relojes); ?>"; // relojes es una matriz y pasado los valores(0 ,0 en este caso)  escribe en en texto su valor 
             
            document.write(modof1);  
            var num ="<?php echo $relojes[0][0];?>"; // paso el valor numerico de la matriz para sumarla con el boton 
            </script>  
             
             
            <button type="button" name="ejecutar" value="Ejecutar" onClick="alert(num++);"> 
            </button> 
            <script language="javascript" type="text/javascript"> 
            document.write(num); // escribo valor javascript pero no se actualiza al pulsar el boton 
            </script> 
            <?php 
            $relojes[0][0]="<script> document.write(num)</script>"; 
            echo "variable php =".$relojes[0][0]; // paso el valor de javascript a php 
            ?>

la suma veo en la ventana emergente que la hace bien pero el campo de texto como los dos ultimo.
Muchas gracias por vuestro tiempo

ciberknibal · #2 (**permalink**) 16/11/2014, 20:28

Hola de nuevo.
Me autorespondo con la solucion.
Al final lo he solucionado utilizano javascritp y llamando a un archico php que me imprime el resultado

Código PHP:

 
<!doctype html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Documento sin título</title> 
<script language="javascript" src="js/jquery-1.2.6.min.js"></script> 
 
<link href="/estilo.css" rel="stylesheet" type="text/css"> 
</head> 
 
<body> 
<?php  
$num=1; 
 
?> 
<script language="javascript"> 
var phpnum=<?php echo "$num";?>; 
</script> 
<div id="recargado"><script language="javascript">document.write(phpnum);</script></div> 
<p align="center"> 
    <a href="#" onclick="javascript:recargar();">recargar</a> 
</p>  
</body> 
<script language="javascript"> 
 
 
function recargar(){     
    var variable_post=phpnum; 
    phpnum=phpnum+1; 
    $.post("miscript.php", { variable: phpnum }, function(data){ 
    $("#recargado").html(data); 
    });             
} 
</script> 
</html>

archivo miscript.pbp

Código PHP:

  <?php 
$variable=variable+1; 
echo $_POST['variable']; 
?>