Tema: autocompletar en campos dinamicos
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 03/10/2012, 08:42
Avatar de JeMaGa
JeMaGa
 
Fecha de Ingreso: julio-2011
Ubicación: Bogota
Mensajes: 430
Antigüedad: 12 años, 9 meses
Puntos: 4
autocompletar en campos dinamicos
Hola Bueno tengo una pequeña pregunta, he buscado pero no se por que no funciona yo quiero crear un autocomplemento en campos dinamicos pero no me funciona, pero se que esta bien la funcion por que si funciona valga la rebundancia pero con campos fijos

Ejemplo:

Aqui creo los campos dinamicos a los que quiero que se queden como autocomplemento

Código Javascript: 
Ver original
  1. <script language="javascript" type="text/javascript"> /* Abrimos etiqueta de código Javascript */
  2.  
  3.     /* Partimos por definir una variable llamada posicionCampo. Esta variable servirá como índices para marcar cuantos campos se han agregado dinámicamente. La inicializamos en 1, ya que la primera llamada ocurrirá cuando no hayan campos agregados */
  4.  
  5.     var posicionCampo=1;
  6.  
  7.     /* Declaramos la función agregarUsuario( ) */
  8.  
  9.     function agregarUsuario(){
  10.  
  11. /* Declaramos una variable llamada nuevaFila y a ella le asignamos la recuperación del elemento HTML designado por el id tablaUsuarios. En este caso, la tabla en la que manejamos los campos dinámicamente y llamamos a la función insertRow para agregar una fila */
  12.  
  13.     nuevaFila = document.getElementById("tabla").insertRow(-1);
  14.  
  15.     /* Asignamos a la propiedad id de nuevaFila el valor de posicionCampo, que inicializamos en 1 */
  16.     nuevaFila.id=posicionCampo;
  17.  
  18.     nuevaCelda=nuevaFila.insertCell(-1);
  19.  
  20.     nuevaCelda.innerHTML="<td><input type='text' id='Especifica'  name='Especificas["+posicionCampo+"]' value=''></td>";
  21.  
  22.     nuevaCelda=nuevaFila.insertCell(-1);
  23.  
  24.     nuevaCelda.innerHTML="<td> <input type='text' size='15'  name='Resultado["+posicionCampo+"]' ></td>";
  25.     
  26.     nuevaCelda=nuevaFila.insertCell(-1);
  27.  
  28.  
  29.  
  30.     nuevaCelda.innerHTML="<td><input type='button' value='Eliminar' onclick='eliminarUsuario(this)'></td>";
  31.     /*----------------------------------------------------------------------*/
  32.  
  33.     
  34.     /* Incrementamos el valor de posicionCampo para que empiece a contar de la fila siguiente */
  35.  
  36.     posicionCampo++;
  37.  
  38.     }
  39.  
  40.     /* Definimos la función eliminarUsuario, la cual se encargará de quitar la fila completa del formulario. No es necesario hacer modificaciones sobre este código */
  41.  
  42.     function eliminarUsuario(obj){
  43.  
  44.     var oTr = obj;
  45.  
  46.     while(oTr.nodeName.toLowerCase()!='tr'){
  47.  
  48.     oTr=oTr.parentNode;
  49.  
  50.     }
  51.  
  52.     var root = oTr.parentNode;
  53.  
  54.     root.removeChild(oTr);
  55.  
  56.     }
  57.  
  58.     /* Cerramos el código Javascript */
  59.  
  60.     </script>

Esta es la parte de la consulta y la lista desplegable en el campo fijo si funciona pero en el dinamico no

Código PHP: 
Ver original
  1. <?php
  2. require('Conexion.php');
  3.  
  4. $con = "select distinct `resuktado` from `mediosexternos`";
  5. $query = mysql_query($con);
  6. ?>
  7.  
  8. <script>
  9.     $(function() {
  10.     
  11.     <?php
  12.  
  13.     while($row = mysql_fetch_array($query)) {
  14.  
  15.     $cliente[]= '"'.$row['resuktado'].'"';
  16.     }
  17.     
  18.  
  19.     $arreglo1= implode(", ", $cliente);
  20.  
  21.     ?>
  22.     
  23.     var availableTags1 = new Array(<?php echo $arreglo1; ?>);
  24.  
  25.  
  26.     $( "#Especifica" ).autocomplete({
  27.     source: availableTags1
  28.     });
  29.     
  30.     $( "#Resultado["+posicionCampo+"]" ).autocomplete({
  31.     source: availableTags1
  32.     });
  33.     
  34. /*------------------------------------------------------------*/    
  35.     });
  36.  </script>

este es el resto del formulario aqui es donde incluyo el campo fijo al cual si le funciona la lista desplegable

Código PHP: 
Ver original
  1. <body>
  2.  
  3. <center>
  4. <input name="Agregar" type="button" value="Agregar" onClick="agregarUsuario()">
  5. </center>
  6.  
  7. <table width="60%" border="1" id="tabla">
  8.   <tr>
  9.     <th scope="row">Especificacion</th>
  10.     <th scope="row">Resultado <input type="text" name="Especifica" id="Especifica"></th>
  11.   </tr>
  12. </table>

agradesco toda la ayuda brindada :)