Foros del Web » Programando para Internet » PHP »

guardar datos dinamicos creados por ajax

 Estas en el tema de guardar datos dinamicos creados por ajax en el foro de PHP en Foros del Web. hola a todos .... tengo una gran pregunta.... acabo de hacer una lista desplegable con ajax ... cuando la persona elije un tipo de auto ...
  #1 (permalink)  
Antiguo 23/06/2011, 15:20
 
Fecha de Ingreso: junio-2011
Mensajes: 26
Antigüedad: 12 años, 10 meses
Puntos: 0
guardar datos dinamicos creados por ajax
hola a todos ....

tengo una gran pregunta.... acabo de hacer una lista desplegable con ajax ... cuando la persona elije un tipo de auto se despliega automaticamente el tipo de carroceria....

mi pregunta es como puedo guardar el valor del tipo de carroceria....

mi tabla datos_auto
Código MySQL: 
Ver original
  1. CREATE TABLE `datos_auto` (
  2.   `id` int(11) NOT NULL auto_increment,
  3.   `nuevo` varchar(10) NOT NULL,
  4.   `carroceria` varchar(100) NOT NULL,
  5.   `modelo` varchar(100) NOT NULL,
  6.   `ano` int(11) NOT NULL,
  7.   `patente` varchar(100) NOT NULL,
  8.   `tipo_vehi` varchar(100) NOT NULL,
  9.   `marca` varchar(100) NOT NULL,
  10.   `precio` int(20) NOT NULL,
  11.   `otro` varchar(1000) NOT NULL,
  12.   `img1` blob NOT NULL,
  13.   `radio` varchar(10) NOT NULL,
  14.   `alarma` varchar(10) NOT NULL,
  15.   PRIMARY KEY  (`id`)
  16. ) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=1 ;

tb tipo de vehiculos

Código MySQL: 
Ver original
  1. CREATE TABLE `tipo_vehi` (
  2.   `id` int(11) NOT NULL auto_increment,
  3.   `nombre` varchar(100) NOT NULL,
  4.   PRIMARY KEY  (`id`)
  5. ) ENGINE=MyISAM  DEFAULT CHARSET=utf8 AUTO_INCREMENT=3 ;
  6.  
  7. -- 
  8. -- Volcar la base de datos para la tabla `tipo_vehi`
  9. -- 
  10.  
  11. INSERT INTO `tipo_vehi` VALUES (1, 'vehiculo');
  12. INSERT INTO `tipo_vehi` VALUES (2, 'moto');

y mi codigo

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <script language="javascript" type="text/javascript" src="js/js.js">
  6.  
  7. function valida(){
  8. var maximo ="2012"
  9.  
  10. // verifica si el campo marca esta vacia
  11. if (document.formulario.marca.value==""){
  12.  alert("Debe Escribir La Marca Del Vehiculo.");
  13.  return false;
  14. }
  15.  
  16. // verifica si el campo modelo esta vacio
  17. if (document.formulario.modelo.value==""){
  18.  alert("Debe Escribir El Modelo Del Vehiculo.");
  19.  return false;
  20. }
  21.  
  22. // verifica si el campo añp esta vacio
  23. if (document.formulario.ano.value==""){
  24.  alert("Debe Escribir El Año Del Vehiculo.");
  25.  return false;
  26. }
  27.  
  28. // verifica si el campo año es numerico
  29. if (!IsNumeric(document.formulario.ano.value)){
  30.  alert("El Año del Vehiculo Debe Contener Solamente Numeros.");
  31.  return false;
  32. }
  33.  
  34. // verifica si el campo año esta entre los años 1900 y el valor del maximo(2012)
  35. if ((document.formulario.ano.value<1900)||(document.formulario.ano.value>maximo)){
  36.  alert("EL Año Del Vehiculo Debe Ser Entre 1990 y "+maximo".");
  37.  return false;
  38. }
  39.  
  40. // verifica si el campo patente esta vacio
  41. if ((document.formulario.patente.value==""){
  42.  alert("Debe Ingresar La Patente De Su Vehiculo.");
  43. return false;
  44. }
  45. // verifica si el campo precio es numerico
  46. if (!IsNumeric(document.formulario.precio.value)){
  47.  alert("Debe contener Solamente Numeros.");
  48.  return false;
  49. }
  50. // verifica si el campo precio esta vacio
  51. if (document.formulario.precio.value==""){
  52.  alert("Debe Ingresar El Precio Del Vehiculo.");
  53.  return false;
  54. }else{
  55.     document.formulario.precio.value=retInt(document.formulario.precio.value)
  56. }
  57.  
  58. // Verificamos si la patente y el tipo de vehiculo es correcto
  59. function RvalPat(sValor){
  60. var ret = "";
  61.     if ((document.formulario.tipo.value=="A")||(document.formulario.tipo.value=="M"){
  62.         if ((document.formulario.patente.value.length<6)){
  63.             alert("La Patente Le Faltan Valores. Debe Contener 6 Caracteres.");
  64.             ret=""
  65.         }else{
  66.             ret = valPat(sValor);
  67.         }
  68.  
  69.     }else{
  70.         ret = sValor;
  71.  
  72.         }
  73.     return ret;
  74. }
  75. // verificacion para saber si la patente contiene numeros y letras
  76. function valPat(fieldValue){
  77. // LLNNNN o LLLLNN (donde X=letra, N=Numero). :/  me pregunto donde esta la X
  78.   var ClearfieldValue ="";
  79.   var iChars="1234567890";
  80.   var aChars = /[(A-Z)|(a-z)]/ ;
  81.     if (aChars.test(fieldValue.charAt(3)) ){
  82.         // SIGNIFICA que el 4 caracter es una letra entre a y Z
  83.         // Ahora veremos si los 4 primeros cumplen la misma funcion
  84.  
  85.         if ((aChars.test(fieldValue.charAt(0))) && (aChars.test(fieldValue.charAt(1))) && (aChars.test(fieldValue.charAt(2))) && (aChars.test(fieldValue.charAt(3)))){
  86.          // AHORA COMPROBAMOS LOS 2 ultimos caracteres para que sean numericos.
  87.             if ((!(iChars.indexOf(fieldValue.charAt(4)) == -1)) && (!(iChars.indexOf(fieldValue.charAt(5)) == -1))){
  88.                 // TODO OK entonces RETORNAMOS con MAYUSCULAS
  89.                 ClearfieldValue = fieldValue.toUpperCase()
  90.             }
  91.         }
  92.     }else{
  93.         if (aChars.test(fieldValue.charAt(1)) ){
  94.         // SIGNIFICA que el 2 caracter es una letra entre a y Z
  95.         // Ahora veremos si los 2 primeros cumplen la misma funcion
  96.         if ((aChars.test(fieldValue.charAt(0))) && (aChars.test(fieldValue.charAt(1)))){
  97.              // AHORA COMPROBAMOS LOS 4 ultimos caracteres para que sean numericos.
  98.                 if ((!(iChars.indexOf(fieldValue.charAt(2)) == -1)) && (!(iChars.indexOf(fieldValue.charAt(3)) == -1)) && (!(iChars.indexOf(fieldValue.charAt(4)) == -1)) && (!(iChars.indexOf(fieldValue.charAt(5)) == -1))){
  99.                     // TODO OK entonces RETORNAMOS con MAYUSCULAS
  100.                     ClearfieldValue = fieldValue.toUpperCase()
  101.                 }
  102.             }
  103.  
  104.         }
  105.  
  106.     }
  107. return ClearfieldValue;
  108. }
  109. function retInt(fieldValue) {
  110.   var i=0;
  111.   var ClearfieldValue ="";
  112.   var iChars="1234567890";
  113.   for (i=0; i < fieldValue.length;i++) {
  114.     if (!(iChars.indexOf(fieldValue.charAt(i)) == -1)) {
  115.         ClearfieldValue = ClearfieldValue+""+ fieldValue.charAt(i);
  116.     }
  117.   }
  118.   return ClearfieldValue;
  119. }
  120. }
  121. </script>
  122. <title>Pagina De Muestra</title>
  123. <style type="text/css">
  124. <!--
  125. .Estilo1 {
  126.     color: #FF0000;
  127.     font-size:14px;
  128.     font-family:Arial, Helvetica, sans-serif;
  129.     }
  130. .Estilo5 {color: #666666}
  131. -->
  132. </style></head>
  133.  
  134. <body>
  135. <h1 align="center">Registrar Vehiculo</h1>
  136. <hr color="#666666"/>
  137. <br />
  138. <div align="right"><strong class="Estilo1">(*)<span class="Estilo5"> - Campos Obligatorios</span></strong></div><br/>
  139. <table align="center" border="1" width="90%" bgcolor="#CCCCCC">
  140. <form method="post" name="formulario" action="insertar.php">
  141.         <tr>
  142.           <td width="105"><strong class="Estilo1">Vehiculo Nuevo</strong></td>
  143. <td width="171">&nbsp;<select name="nuevo">Seleccione Una Opcion...
  144.                                     <option value="no">NO</option>
  145.                                     <option value="si">SI</option>
  146.           </select></td>
  147.            <td width="105"><strong class="Estilo1">Tipo Vehiculo(*)</strong></td>
  148.           <td width="171">&nbsp;<?php include ('tipo_vehiculo.php');?></td>
  149.         </tr>
  150.         <tr>
  151.             <td width="105"><strong class="Estilo1">Carroceria(*)</strong></td>
  152.           <td width="171"><div id="resultado"></div></td>
  153.             
  154.             <td width="105"><strong class="Estilo1">Marca(*)</strong></td>
  155.           <td width="171">&nbsp;<input type="text" name="marca" /></td>
  156.         </tr>
  157.         <tr>
  158.             <td width="105"><strong class="Estilo1">Modelo(*)</strong></td>
  159.           <td width="171">&nbsp;<input type="text" name="modelo" /></td>
  160.             
  161.             <td width="105"><strong class="Estilo1">Año(*)</strong></td>
  162.           <td width="171">&nbsp;<input type="text" name="ano" size="8" /></td>
  163.         </tr>
  164.          <tr>
  165.             <td width="105"><strong class="Estilo1">Patente(*)</strong></td>
  166.            <td width="171">&nbsp;<input type="text" name="patente" size="8" maxlength="6" onBlur="this.value = RvalPat(this.value)"/></td>
  167.             
  168.             <td width="105"><strong class="Estilo1">Precio(*)</strong></td>
  169.            <td width="171">&nbsp;<input type="text" name="pesos" maxlength="11" onBlur="this.value=retInt(this.value)"/></td>
  170.         </tr>
  171.         <tr>
  172.             <td width="105"><strong class="Estilo1">Otro</strong></td>
  173.             <td width="171" align="center"><textarea name="otro" rows=4 cols=40 ></TEXTAREA></FONT></td>
  174.             <td width="105"><strong class="Estilo1">Radio</strong></td>
  175.             <td width="171" align="center"><input type="checkbox" name="radio" /></td>
  176.     </tr>
  177.         <tr>
  178.             <td width="105"><strong class="Estilo1">Imagen</strong></td>
  179.             <td width="171">&nbsp;<input type="file" name="imagen " /></td>
  180.             <td width="105"><strong class="Estilo1">Alarma</strong></td>
  181.             <td width="171" align="center"><input type="checkbox" name="alarma"/></td>            
  182.         </tr>
  183.         <tr>
  184.             <td></td>
  185.             <td><input type="submit" value="Enviar" onclick="valida()"></td>
  186.         </tr>
  187.   </form>
  188. </table>
  189. <br />
  190. <br />
  191. </body>
  192. </html>

aca es donde lo guardo...

Código PHP: 
Ver original
  1. <?php
  2. include('conexion.php');
  3.  
  4. $nuevo = $_POST['nuevo'];
  5. $tipovehi = $_POST['tipo'];
  6. $carroceria = $_POST['carroceria'];
  7. $marca = $_POST['marca'];
  8. $modelo = $_POST['modelo'];
  9. $ano = $_POST['ano'];
  10. $patente = $_POST['patente'];
  11. $precio = $_POST['precio'];
  12. $otro = $_POST['otro'];
  13. $radio = $_POST['radio'];
  14. $alarma = $_POST['alarma'];
  15. $ruta = $_FILES['imagen']['name'];
  16.  
  17. $inserta = "INSERT INTO datos_auto (nuevo, carroceria, modelo, ano, patente, tipo_vehi, marca, precio, otro, img1, radio, alarma) VALUES ('$nuevo','$carroceria','$modelo','$ano','$patente','$tipovehi','$marca','$precio','$otro','$ruta','$radio','$alarma')";
  18. $consulta = "SELECT * FROM datos_auto WHERE patente = '$patente'";
  19.  
  20. $sql = mysql_query($consulta);
  21. $numRegistro = mysql_num_rows($sql);
  22.  
  23. if($numRegistro == 1)
  24.     {
  25.         echo"<script type='text/javascript'>
  26.                 alert('EL Codigo Esta En La Base De Datos');
  27.                 window.location='registro_vehiculo.php';
  28.             </script>";
  29.     }
  30. else 
  31.     {
  32.         $result = mysql_query($inserta);
  33.  
  34.             echo"<script type='text/javascript'>
  35.                     alert('Datos Del Automovil Ingresado correctamente');
  36.                     window.location='registro_vehiculo.php';
  37.                 </script>";
  38.     }
  39.  
  40.  
  41. ?>

Le ago un print_r($_POST) para saber que me esta tirando pero no me muestra el valor del select de la carroceria

gracias
  #2 (permalink)  
Antiguo 23/06/2011, 15:38
 
Fecha de Ingreso: abril-2009
Ubicación: Colombia
Mensajes: 949
Antigüedad: 15 años
Puntos: 27
Respuesta: guardar datos dinamicos creados por ajax
Si los valores de tipo de carroceria los tienes en una tabla, te pasara el nombre del tipo de carroceria, entonces antes de hacer el INSERT, debes consultar el Codigo de tipo de carroceria

Seguro le hiciste
Código PHP: 
Ver original
  1. echo $carroceria; //que me imagino es el tipo de carroceria

Hazlo y dime que muestra....
  #3 (permalink)  
Antiguo 23/06/2011, 17:21
 
Fecha de Ingreso: junio-2011
Mensajes: 26
Antigüedad: 12 años, 10 meses
Puntos: 0
Respuesta: guardar datos dinamicos creados por ajax
GRACIAS X AYUDARME MIRA...

ESTA ES LA PAGINA QUE INCLUYO EN EL FORMULARIO..

TIPO_VEHICULO.PHP

Código PHP: 
Ver original
  1. <?php
  2. require('conexion.php');
  3.  
  4. $sql = mysql_query("SELECT * FROM tipo_vehi ORDER BY id")
  5. ?>
  6. <select name="tipo"  onChange="pedirDatos();">
  7.     <option>Seleccione Una Opcion...</option>
  8.     <?php
  9.             while($row = mysql_fetch_array($sql)){
  10.                 echo "<option value='".$row['id']."'>".$row['nombre']."</option>";
  11.                 }
  12.      ?>
  13. </select>

LLAMA A LA UNA FUNCION EN AYAX...

JS.JS

Código Javascript: 
Ver original
  1. function objetoAjax(){
  2.         var xmlhttp=false;
  3.         try {
  4.                 xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
  5.         } catch (e) {
  6.                 try {
  7.                    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  8.                 } catch (E) {
  9.                         xmlhttp = false;
  10.                 }
  11.         }
  12.  
  13.         if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
  14.                 xmlhttp = new XMLHttpRequest();
  15.         }
  16.         return xmlhttp;
  17. }
  18.  
  19. function pedirDatos(){
  20.         //donde se mostrará el resultado
  21.         divResultado = document.getElementById('resultado');
  22.         //tomamos el valor de la lista desplegable
  23.         nom=document.formulario.tipo.value;
  24.  
  25.         //instanciamos el objetoAjax
  26.         ajax=objetoAjax();
  27.         //usamos el medoto POST
  28.         //archivo que realizará la operacion
  29.         ajax.open("POST", "datoscarroceria.php",true);
  30.         ajax.onreadystatechange=function() {
  31.                 if (ajax.readyState==4) {
  32.                         //mostrar resultados en esta capa
  33.                         divResultado.innerHTML = ajax.responseText
  34.                 }
  35.         }
  36.         ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  37.         //enviando los valores
  38.  ajax.send("id="+nom)
  39. }

ME LO GUARDA EN LA ETIQUETA DIV NAME="RESULTADO" EN EL FORMULARIO PRINCIPAL.
RESCATA LOS DATOS DEl select name ="tipo" (TIPO_VEHICULO.PHP)
Y ME MANDA A

datoscarroceria.php

Código PHP: 
Ver original
  1. <?php
  2. require('conexion.php');
  3.  
  4. $id = $_POST['id'];
  5.  
  6. $sql=mysql_query("SELECT nombre FROM carroceria WHERE id_tipo ='$id'");
  7. //mostrando el resultado
  8. ?>
  9. <select name="carroceria">
  10.     <option>Seleccione Una Opcion...</option>
  11.     <?php
  12.             while($row = mysql_fetch_array($sql)){
  13.                 echo "<option value='".$row['id']."'>".$row['nombre']."</option>";
  14.                 }
  15.      ?>
  16. </select>
  17. </body>
  18. </html>


ESTO ES LO QUE TENGO .. AL MOMENTO DE GRABAR NO LO GRABA PORQUE NO LO PASA EL VALOR DE EL SELECT DE LA CARROCERIA...

GRACIAS
  #4 (permalink)  
Antiguo 24/06/2011, 00:39
 
Fecha de Ingreso: junio-2011
Mensajes: 26
Antigüedad: 12 años, 10 meses
Puntos: 0
Respuesta: guardar datos dinamicos creados por ajax
no compadre ya encontre el desperfecto.. muchas gracias de ante mano

Etiquetas: ajax, dinamicos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 00:57.