Tema: guardar datos dinamicos creados por ajax
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/06/2011, 15:20
ZebaA
 
Fecha de Ingreso: junio-2011
Mensajes: 26
Antigüedad: 12 años, 11 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