Guardar el resultado de un div ?

tazzwt · #1 (**permalink**) 01/01/2011, 18:00

Uso: PHP 5 MYSQL 5
Win XP.
Firefox 3.6.13

hola tengo un codigo de ajax que se mueve una barra y me lo devuelve siempre dentro de un Div, el cual es este:

<div id="mensaje"></div>"

Mi consulta es, como se puede guardar el resultado que entrega el div en una base de datos MySQL o no es posible ?

eh probado esto insert into, pero me guarda el formato html explicitamente., la idea es que guarde el resultado del del div.

Código PHP:

Ver original$mivar = "<div id=\"mensaje\"></div>";
 
mysql_query("insert into mitabla(id,codigo) values ('1','$mivar')", $link) or
  die("Problemas en el select".mysql_error());
mysql_close($link);

chicohot20 · #2 (**permalink**) 03/01/2011, 07:39

no entiendo que es lo que quieres guardar, podrias ser mas explicito?o mejor muestranos mas de tu codigo.

tazzwt · #3 (**permalink**) 03/01/2011, 12:33

Este es el codigo, en la linea 20 devuelve el resultado dentro de un <div id="mensaje"></div> ¿ como puedo capturar ese resultado en una variable ? para luego exportarla o guardarla en una base de datos.

Código Ajax:

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</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ñ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>
    
    <!--aqui se obtiene el resultado del slider -->
    
    <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>

alfcm · #4 (**permalink**) 03/01/2011, 13:41

ya que tienes la variable v, entonces procesala por ajax tambien llamando a una funcion y que esta le enviara a tu servidor para que haga el insert

te mando un link con ejemplo

http://www.anieto2k.com/2006/12/18/t...con-prototype/

Saludos

chicohot20 · #5 (**permalink**) 03/01/2011, 14:08

Estuve haciendo unas pruebas. Se guarda mediante AJAX cada vez que le cambias de valor al deslizador.

este es el html:

Código HTML:

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</title>
<script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js" type="text/javascript"></script>
</head>
 
<body>
<h2 align="center">Arrastra el pequeñ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>
    
    <!--aqui se obtiene el resultado del slider -->
    
    <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;
            new Ajax.Request('guardar.php', {
              method: 'post',
              parameters: {valor: v},
              onSuccess: function(data){
                    alert(data.responseText);
                }
            });
 
        }
    });
</script>
</body>
</html>

y este el php:

Código PHP:

Ver original<? 
 
$mivar = $_POST["valor"];
mysql_query("insert into mitabla(id,codigo) values ('1','$mivar')", $link) or
  die("Problemas en el select".mysql_error());
mysql_close($link);
 
echo "Valor guardado: $mivar";
 
?>

Espero te sirva, si no avisa.

tazzwt · #6 (**permalink**) 03/01/2011, 20:42

muchas gracias chicohot20 y a los demas.

No sabia que ese proceso se realizaba desde la misma funcion del procesamiento del llamado.

Me ha quedado claro del como se hace.