Como guardo en MySQL el valor de un JS

tazzwt · #1 (**permalink**) 31/12/2010, 23:10

Hola, como puedo guardar este valor que me entrega el javascript en la base de datos que es:

$('mensaje').innerHTML='cambio a '+v}

entrega el resultado aca: <div id="mensaje"></div>

como puedo agregar el insert into:

$con = "INSERT INTO titulos (id, mensaje)
VALUES ('$id', '$mensaje')";

mysql_query($con,$link);

aca esta el codigo completo bajar de qui

Código PHP:

Ver original<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Usando control Slider de script.aculo.us</title>
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js" type="text/javascript"></script>
</head>
 
<body>
<h2 align="center">Arrastra el peque&#241;o cuadro rojo </h2>
<div align="center">
<div  align="left" id="pista"
style="width:200px;background-color:green;height:10px;">
    <div id="deslizador"
    style="width:5px;height:15px;background-color:red;cursor:move;">
    </div>
</div>
<div id="mensaje"></div>
</div>
<script type="text/javascript" language="javascript"> 
 
 
new Control.Slider('deslizador','pista',{range:$R(2,10), values: [2,3,4,5,6,7,8,9,10],
    onSlide:function(v){
        $('mensaje').innerHTML='deslizando por: '+v
    },
    onChange:function(v){
        $('mensaje').innerHTML='cambio a '+v}
    });
</script>
</body>
</html>

repara2 · #2 (**permalink**) 03/01/2011, 06:19

Una manera de lograr esto es guardar el valor que devuelve el JS en un campo de formulario, este campo lo envias por POST, lo recoges con PHP y lo guardas en la DB.
De otra manera no podrás pasar valores de JS a PHP porque JS se genera DESPUES de PHP en el navegador. Cuando se crea el valor, el script PHP ya ha terminado. Espero que te sirva,

Netyco · #3 (**permalink**) 03/01/2011, 08:57

Hola, lo puedes hacerlo copado con ajax, algo asi:

Este cdig en el HEAD de tu pagina.

Código:

<script>
function GuardarCambios(v){

if (window.XMLHttpRequest){	// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
}else{						// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

xmlhttp.onreadystatechange=function(){
  if (xmlhttp.readyState==4 && xmlhttp.status==200){
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
  }
}

xmlhttp.open("GET","guardarCambios.php?valor="+v,true);
xmlhttp.send();

}
</script>

Luego, modificas tu funcion JavaScript de esta forma:

Código:

<script type="text/javascript" language="javascript"> 


new Control.Slider('deslizador','pista',{range:$R(2,10), values: [2,3,4,5,6,7,8,9,10],
	onSlide:function(v){
		$('mensaje').innerHTML='deslizando por: '+v
	},
	
	onChange:function(v){
		$('mensaje').innerHTML='cambio a '+v;
		GuardarCambios(v);
	},	
	});
</script>

y despues generas una pagina en PHP para guardar los datos llamada: guardarCambios.php, algo asi:

Código PHP:

  
<? 
$valor=$_GET["valor"]; 
 
//aqui guardo el valor de valor :P 
?>

espero q el aporte te sirva, lo hice bien rapidin y puede tener errores