Foros del Web » Creando para Internet » HTML »

datalist se raya cuando hay varios form

Estas en el tema de datalist se raya cuando hay varios form en el foro de HTML en Foros del Web. Buenas, quería ver si me daban una solución al problema. Tengo dos formularios: Código HTML: <div id= "clientes" class= "clientes" > <div id= "clientes_barra" class= ...
  #1 (permalink)  
Antiguo 14/04/2014, 13:59
Avatar de legomolina  
Fecha de Ingreso: junio-2011
Ubicación: Valencia
Mensajes: 165
Antigüedad: 12 años, 10 meses
Puntos: 3
datalist se raya cuando hay varios form

Buenas, quería ver si me daban una solución al problema. Tengo dos formularios:
Código HTML:
<div id="clientes" class="clientes">
    <div id="clientes_barra" class="clientes_barra">
        <div id="clientes_barra_izq" class="clientes_barra_izq">
        	<span style="display:table-cell; vertical-align:middle;">--Clientes--</span>
        </div>
        <div id="clientes_barra_cerrar" class="clientes_barra_cerrar" onClick="cerrar('clientes')">
        	<img onMouseOver="this.src='../Recursos/Imagenes/Iconos/Delete/delete_2.png'" onMouseOut="this.src='../Recursos/Imagenes/Iconos/Delete/delete_1.png'" src="../Recursos/Imagenes/Iconos/Delete/delete_1.png" style="cursor:pointer">
        </div>
    </div>
    <div id="clientes_contenido" class="clientes_contenido">
        <div id="clientes_contenido_navegacion" class="clientes_contenido_navegacion">
            <ul class="nav">
                <li><a href="#" onClick="campos('formulario_clientes',0)">Registro anterior</a></li>
                <li><a href="#" onClick="campos('formulario_clientes',1)">Registro siguiente</a></li>
                <li><a href="#" onClick="campos('formulario_clientes',2)">Primer registro</a></li>
                <li><a href="#" onClick="campos('formulario_clientes',3)">Ultimo registro</a></li>
                <li><a href="#" onClick="open_search('clientes')">Buscar</a></li>
                <li><a href="#" onClick="nuevo('formulario_clientes')">Nuevo registro</a></li>
                <li><a href="#" onClick="editar('formulario_clientes')">Editar registro actual</a></li>
                <li><a href="#" onClick="borrar('formulario_clientes')">Borrar registro actual</a></li>
            </ul>
        </div>
       <div id="clientes_contenido_principal" class="clientes_contenido_principal">
        	<form class="formulario_clientes" id="formulario_clientes" method="post" onSubmit="insertar(this.id)">
                <label for="codigo">Codigo: </label><input list="codigo" name="codigo" id="codigo" value="" type="text" size="3" disabled required><br>
                <label for="nombre">Nombre: </label><input  name="nombre" id="nombre" value="" type="text" size="77" disabled required><br>
                <label for="domicilio">Domicilio: </label><input name="domicilio" id="domicilio" value="" size="77" type="text" disabled><br>
                <label for="cp">Código Postal: </label><input name="cp" id="cp" value="" size="5" type="text" disabled>
                <label for="ciudad" style="width:50px;">Ciudad: </label><input name="ciudad" id="ciudad" value="" type="text" disabled><br>
				<label for="provincia">Provincia: </label><input name="provincia" id="provincia" value="" size="77" type="text" disabled><br>
            	<label for="dni">DNI: </label><input name="dni" id="dni" value="" size="10" type="text" disabled><br>
            	<label for="telefono">Teléfono: </label><input name="telefono" id="telefono" value="" size="10" type="text" disabled>
            	<label style="width:50px;" for="movil">Móvil: </label><input name="movil" id="movil" value="" size="10" type="text" disabled>
            	<label style="width:50px;" for="fax">Fax: </label><input name="fax" id="fax" value="" size="10" type="text" disabled><br>
            	<label for="email">Email: </label><input name="email" id="email" value="" size="77" type="text" disabled><br>
            	<label for="observaciones">Observaciones: </label><textarea name="observaciones" id="observaciones" cols="59" disabled></textarea><br>
            	<input type="hidden" value="clientes" name="campo_oculto_formulario_clientes" id="campo_oculto_formulario_clientes">
                <button id="boton_edita_formulario_clientes" style="margin-left:10px; display:none" type="submit">Modificar registro</button><button id="boton_envia_formulario_clientes" style="margin-left:10px; display:none" type="submit">Añadir cliente</button><input id="boton_cancela_formulario_clientes" style="margin-left:10px; display:none" onClick="cancelar(this.form.id);" type="button" value="Cancelar">
            </form>
        </div>
    </div>
</div>

<div id="search" class="search">
	<div id="busqueda_barra_cerrar" class="busqueda_barra_cerrar">
    	<img onClick="cerrar('search')" onMouseOver="this.src='../Recursos/Imagenes/Iconos/Delete/delete_2.png'" onMouseOut="this.src='../Recursos/Imagenes/Iconos/Delete/delete_1.png'" src="../Recursos/Imagenes/Iconos/Delete/delete_1.png" style="cursor:pointer">
    </div>
    <form action="search.php" method="post" id="form_busqueda" name="form_busqueda" class="form_busqueda">
          <input type="text" list="codigo" name="searchinput" id="searchinput" required> 
            <select id="select" name="select" onChange="change_search(this.value);">
                <?php 
                    for($i=0;$i<count($nombrecol);$i++)
                        echo "<option value='".$nombrecol[$i]."'>".$nombrecol[$i]."</option>";
                ?>
            </select>
            <input type="submit" value="Buscar" id="enviar_busqueda">
            <?php
				$res=$db->query($sql);

            //Start generating datalist
                $i=0;
                while($resultado=mysqli_fetch_assoc($res)) {
                    
                    for($u=0;$u<count($nombrecol);$u++)
                        $datalist[$nombrecol[$u]][$i]=$resultado[$nombrecol[$u]];
                    
                    $i++;
                }
                
                foreach($datalist as $key=>$datos) {
                    echo "<datalist id='".$key."'>";
                    foreach($datos as $data) {
                        echo "<option value='".$data."'>";
                    }
                    echo "</datalist>";
                }
            //End generating datalist
            ?>
	</form>
</div> 
Que no os preocupe el código php. Está comprobado que el problema está cuando hay dos form. La cosa es que no funciona el autocomplete del datalist en el input de search. En cambio si pongo entre comentarios el form de clientes si que funciona. No se que problema hay la verdad, a ver si alguien me hecha un cable.
Gracias

Etiquetas: datalist, form, formulario, php, raya
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




La zona horaria es GMT -6. Ahora son las 16:19.