Tema: Guardar el resultado de un div ?
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 03/01/2011, 14:08
Avatar de chicohot20
chicohot20
 
Fecha de Ingreso: mayo-2009
Mensajes: 388
Antigüedad: 15 años, 6 meses
Puntos: 43
Respuesta: Guardar el resultado de un div ?
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
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  4. <title>Usando control Slider</title>
  5. <script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js" type="text/javascript"></script>
  6. <script src="https://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js" type="text/javascript"></script>
  7. </head>
  8.  
  9. <body>
  10. <h2 align="center">Arrastra el pequeño cuadro rojo</h2>
  11. <div align="center">
  12.     <div  align="left" id="pista" style="width:200px;background-color:green;height:10px;">
  13.         <div id="deslizador"
  14.             style="width:5px;height:15px;background-color:red;cursor:move;">
  15.         </div>
  16.     </div>
  17.     
  18.     <!--aqui se obtiene el resultado del slider -->
  19.     
  20.     <div id="mensaje"></div>
  21.     
  22. </div>
  23.  
  24. <script type="text/javascript" language="javascript"> 
  25. new Control.Slider('deslizador','pista',{range:$R(2,10), values: [2,3,4,5,6,7,8,9,10],
  26.     onSlide:function(v){
  27.         $('mensaje').innerHTML='deslizando por: '+v
  28.     },
  29.     onChange:function(v){
  30.         $('mensaje').innerHTML='cambio a '+v;
  31.             new Ajax.Request('guardar.php', {
  32.               method: 'post',
  33.               parameters: {valor: v},
  34.               onSuccess: function(data){
  35.                     alert(data.responseText);
  36.                 }
  37.             });
  38.  
  39.         }
  40.     });
  41. </script>
  42. </body>
  43. </html>

y este el php:

Código PHP: 
Ver original
  1. <? 
  2.  
  3. $mivar = $_POST["valor"];
  4. mysql_query("insert into mitabla(id,codigo) values ('1','$mivar')", $link) or
  5.   die("Problemas en el select".mysql_error());
  6. mysql_close($link);
  7.  
  8. echo "Valor guardado: $mivar";
  9.  
  10. ?>
Espero te sirva, si no avisa.