onchange en input que cambia solo

[legomolina]

Hola, la cuestión es que tengo un formulario que se rellena como si de una BD se tratase, es decir, hay botones que te llevan de un registro a otro. La cosa es que este formulario rellena un input de otro formulario. La pregunta es: ¿como detecto que se ha llenado ese input? Y, ¿si al cambiar de registro el input se llena con el mismo número también detectaría que se ha llenado?
He probado con onchange pero no funciona; parece ser que solo funciona cuando se hace manualmente.
Gracias

[Alexis88]

Podrías hacer lo que buscas en la misma función que asigna un valor al input.

[legomolina]

no se puede hacer eso porque la funcion de rellenar el formulario pide por parametros el formulario a rellenar. Resumen: no puedo xD

[Alexis88]

¿Y eso qué tiene que ver? A ver, si en esa función asignas el valor al input, quiere decir que sí puedes manipularlo, entonces, al asignarle un valor, produces un cambio en él, por lo tanto, es ahí en donde debes de realizar las acciones que deseas.

[legomolina]

Hazme caso que no se puede. Por motivos muy largos de explicar. Supongamos que no se pudiese... como lo harías? También he probado con oninput pero no me vale porque detecta cualquier input/textarea.

[Alexis88]

Nunca digas "no se puede", pues para todo hay una solución, solo es cuestión de pensar y pensar hasta hallar la solución que resuelva el problema. A ver, muéstranos el código de la famosa función por la que, según tú, no se puede hacer eso.

[legomolina]

Código Javascript:

function campos(res,formulario,caso,codigos) {
    if(!nuevo_reg && !editar_reg && !ver_tabla) {
        var form=$("formulario_"+formulario); //Busca el formulario desde el que ha sido llamado
 
        if(!busq) { //busq es false si no se llama a esta funcion desde el cuadro de búsqueda
            switch(caso) {
                case 0: //Anterior 
                    index--; //Resta uno al índice anterior
                break;
                case 1: //Siguiente
                    index++; //Añade uno al índice anterior
                break;
                case 2: //Primero
                    index=0; //Iguala el índice a 0 que es el primer registro
                break;
                case 3: //Ultimo
                    index=res.length-1; //Iguala el índice a la cantidad de resultados menos 1 ya que el length empieza en 1 y no 0 
                break;
                default: //Por defecto
                    index=res.length-1; //Que muestre el último registro
                break;
            }           
            if(index<0) { //Significa que es el primer registro a mostrar
                alert('¡Ya es el primer registro!'); //Salta una advertencia y se suma el índice para la próxima búsqueda
                index++;
            } else {
                if(index>=res.length) { //Significa que es el último registro
                    alert('¡Ya es el último registro!'); //Salta una advertencia y se resta el índice para la próxima búsqueda
                    index--;
                } else { //Si no da ningun error hace la búsqueda del registro correspondiente al índice para mostrarlo y desactiva los campos por si acaso
                    for (i=0; i<form.elements.length; i++) { //Form.elements=cantidad de elementos dentro del form
                        if(form.elements[i].type=='text' || form.elements[i].type=='textarea') { //Para que solo afecte a aquellos elementos que sean inputs o textarea
                            id=form.elements[i].id.split("_");
 
                            form.elements[i].value=res[index][id[id.length-1]]; //Mete en el elemento i el valor que le corresponde del registro
                            form.elements[i].disabled=true; //Desactiva el elemento i por si acaso
                        }
                    }
                    //llenartabla(formulario,res,busq,indices);
                }           
            }
        }
        else { //si se le llama desde el cuadro de búsqueda...
            switch(caso) {
                case 0: //Anterior
                    for(i=0; i<indices.length; i++) {
                        if((index-1)==indices[i]) { //Si existe el indice en el cjto de los indices
                            index--; //Resta uno al índice anterior
                            break;
                        }
                    } 
                break;
                case 1: //Siguiente
                    for(i=0; i<indices.length; i++) {
                        if((index+1)==indices[i]){ //Si existe el indice en el cjto de los indices  
                            index++; //Añade uno al índice anterior
                            break;
                        }
                    }
                break;
                case 2: //Primero
                    index=indices[0]; //Iguala el índice a 0 que es el primer registro
                break;
                case 3: //Ultimo
                    index=indices[indices.length-1]; //Iguala el índice a la cantidad de resultados menos 1 ya que el length empieza en 1 y no 0 
                break;
                default: //Por defecto
                    index=indices[indices.length-1]; //Que muestre el último registro
                break;
            }
            for (i=0; i<form.elements.length; i++) { //Form.elements=cantidad de elementos dentro del form
                if(form.elements[i].type=='text' || form.elements[i].type=='textarea') { //Para que solo afecte a aquellos elementos que sean inputs o textarea
                    id=form.elements[i].id.split("_");
                    form.elements[i].value=res[index][id[id.length-1]]; //Mete en el elemento i el valor que le corresponde del registro
                    form.elements[i].disabled=true; //Desactiva el elemento i por si acaso
                }
            }
            //llenartabla(formulario,res,busq,indices); 
        }
    }
}
 

[legomolina]

Código HTML:

<body onLoad="abrir('',true)">
<button type="button" onClick="dragable('clientes_barra','clientes');abrir(clientes,false,'clientes');">Clientes</button>
<button type="button" onClick="dragable('reparaciones_barra','reparaciones');abrir(reparaciones,false,'reparaciones');">Reparaciones</button>
 
<!--
**********************************************************************************************************************************
START DIV CLIENTES
**********************************************************************************************************************************
-->
 
<div id="clientes" class="clientes" style="position:absolute; top: 100px; left: 100px;">
    <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,'clientes')">
            <img onMouseOver="this.src='../Recursos/Imagenes/Iconos/Delete/delete_2.png'" onMouseOut="this.src='../Recursos/Imagenes/Iconos/Delete/delete_1.png'" src="http://www.forosdelweb.com/f13/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(clientes,'clientes',0)">Registro anterior</a></li>
                <li><a href="#" onClick="campos(clientes,'clientes',1)">Registro siguiente</a></li>
                <li><a href="#" onClick="campos(clientes,'clientes',2)">Primer registro</a></li>
                <li><a href="#" onClick="campos(clientes,'clientes',3)">Ultimo registro</a></li>
                <li><a href="#" onClick="nuevo(clientes,'formulario_clientes')">Nuevo registro</a></li>
                <li><a href="#" onClick="editar('formulario_clientes'); seleccionar();">Editar registro actual</a></li>
                <li><a href="#" onClick="borrar('formulario_clientes')">Borrar registro actual</a></li>
                <li><a href="#" onClick="tabla('clientes',false)">Vista Ficha</a></li>
                <li><a href="#" onClick="tabla('clientes',true)">Vista Tabla</a></li>
            </ul>
        </div>
        <div id="clientes_contenido_principal" class="clientes_contenido_principal">
            <div id="search_clientes" class="search">
                <form>
                    <fieldset>
                    <legend>Buscar</legend>
                    <input type="hidden" id="searchhidden" value="clientes" name="searchhidden">
                    <input type="text" list="datalist_codigo" name="searchinput" id="searchinput"> 
                        <select id="select" name="select" onChange="change_search(this.value);">
                            <?php
                                $sql="SELECT *
                                    FROM clientes";
 
                                $res=$db->query($sql); 
                                
                                $i=0;
                                unset($nombrecol);
                                $nombrecol=array();
                                while($infocol=mysqli_fetch_field($res)) {
                                    $nombrecol[$i]=$infocol->name;
                                    $i++;
                                }
 
                                for($i=0;$i<count($nombrecol);$i++)
                                    echo "<option value='".$nombrecol[$i]."'>".$nombrecol[$i]."</option>";
                            ?>
                        </select>
                    <input type="button" onClick="busqueda(clientes,this.form.searchinput.value,this.form.searchhidden.value,this.form.select.value);" 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) {
                                $d=array('NULL');
                                echo "<datalist id='datalist_".$key."'>";
                                foreach($datos as $data) {
                                    for($i=0; $i<count($d);$i++) {
                                        if($data==$d[$i]) {
                                            $e=true;
                                            break;
                                        }
                                        else $e=false;
                                    }
                                    if(!$e) {
                                        echo "<option value='".$data."'>";
                                        $d[]=$data;
                                    }
                                }
                                echo "</datalist>";
                            }
                        //End generating datalist
                        ?>
                    </fieldset>
                </form>
            </div>
            <form class="formulario_clientes" id="formulario_clientes" method="post" onSubmit="insertar(this.id)">
                <fieldset id="fieldset">
                    <label for="codigo">Codigo: </label><input name="codigo" id="formulario_clientes_codigo" value="" type="text" size="3" disabled required><br>
                    <label for="nombre">Nombre: </label><input  name="nombre" id="formulario_clientes_nombre" value="" type="text" size="77" disabled required><br>
                    <label for="domicilio">Domicilio: </label><input name="domicilio" id="formulario_clientes_domicilio" value="" size="77" type="text" disabled><br>
                    <label for="cp">Código Postal: </label><input name="cp" id="formulario_clientes_cp" value="" size="5" type="text" disabled>
                    <label for="ciudad" style="width:50px;">Ciudad: </label><input name="ciudad" id="formulario_clientes_ciudad" value="" type="text" disabled><br>
                    <label for="provincia">Provincia: </label><input name="provincia" id="formulario_clientes_provincia" value="" size="77" type="text" disabled><br>
                    <label for="dni">DNI: </label><input name="dni" id="formulario_clientes_dni" value="" size="10" type="text" disabled><br>
                    <label for="telefono">Teléfono: </label><input name="telefono" id="formulario_clientes_telefono" value="" size="10" type="text" disabled>
                    <label style="width:50px;" for="movil">Móvil: </label><input name="movil" id="formulario_clientes_movil" value="" size="10" type="text" disabled>
                    <label style="width:50px;" for="fax">Fax: </label><input name="fax" id="formulario_clientes_fax" value="" size="10" type="text" disabled><br>
                    <label for="email">Email: </label><input name="email" id="formulario_clientes_email" value="" size="77" type="text" disabled><br>
                    <label for="observaciones">Observaciones: </label><textarea name="observaciones" id="formulario_clientes_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><button id="boton_cancela_formulario_clientes" style="margin-left:10px; display:none" onClick="cancelar(clientes,'clientes');" type="button">Cancelar</button>
                </fieldset>
            </form>
            <table id="tabla_clientes" class="tabla_clientes" cellspacing="0">
                <tr>
                <?php
                    for($i=0; $i<count($nombrecol); $i++) {
                        if($nombrecol[$i]=='nombre')
                            echo "<th style='padding:5px; width:225px'>".strtoupper($nombrecol[$i])."</th>";
                        else {
                            if($nombrecol[$i]=='domicilio')
                                echo "<th style='padding:5px; width:250px'>".strtoupper($nombrecol[$i])."</th>";
                            else {
                                if($nombrecol[$i]=='cp')
                                    echo "<th style='padding:5px; width:50px'>".strtoupper($nombrecol[$i])."</th>";
                                else {
                                    if($nombrecol[$i]=='email')
                                        echo "<th style='padding:5px; width:150px'>".strtoupper($nombrecol[$i])."</th>";
                                    else
                                        echo "<th style='padding:5px; width:75px;'>".strtoupper($nombrecol[$i])."</th>";
                                }
                            }
                        }
                    }
                    echo "</tr>";
                ?>
            </table>
        </div>
    </div>
</div>
<!--
**********************************************************************************************************************************
END DIV CLIENTES
**********************************************************************************************************************************
-->
 

[legomolina]

Código HTML:

<!--
**********************************************************************************************************************************
START DIV REPARACIONES
**********************************************************************************************************************************
-->
 
<div id="reparaciones" class="reparaciones" style="position:absolute; top: 100px; left: 100px;">
    <div id="reparaciones_barra" class="reparaciones_barra">
        <div id="reparaciones_barra_izq" class="reparaciones_barra_izq">
            <span style="display:table-cell; vertical-align:middle;">--Reparaciones--</span>
        </div>
        <div id="reparaciones_barra_cerrar" class="reparaciones_barra_cerrar" onClick="cerrar(reparaciones,'reparaciones')">
            <img onMouseOver="this.src='../Recursos/Imagenes/Iconos/Delete/delete_2.png'" onMouseOut="this.src='../Recursos/Imagenes/Iconos/Delete/delete_1.png'" src="http://www.forosdelweb.com/f13/Recursos/Imagenes/Iconos/Delete/delete_1.png" style="cursor:pointer">
        </div>
    </div>
    <div id="reparaciones_contenido" class="reparaciones_contenido">
        <div id="reparaciones_contenido_navegacion" class="reparaciones_contenido_navegacion">
            <ul class="nav">
                <li><a href="#" onClick="campos(reparaciones,'reparaciones',0)">Registro anterior</a></li>
                <li><a href="#" onClick="campos(reparaciones,'reparaciones',1)">Registro siguiente</a></li>
                <li><a href="#" onClick="campos(reparaciones,'reparaciones',2)">Primer registro</a></li>
                <li><a href="#" onClick="campos(reparaciones,'reparaciones',3)">Ultimo registro</a></li>
                <li><a href="#" onClick="nuevo(reparaciones,'formulario_reparaciones')">Nuevo registro</a></li>
                <li><a href="#" onClick="editar('formulario_reparaciones');">Editar registro actual</a></li>
                <li><a href="#" onClick="borrar('formulario_reparaciones')">Borrar registro actual</a></li>
            <!--<li><a href="#" onClick="tabla('reparaciones',false)">Vista Ficha</a></li>
                <li><a href="#" onClick="tabla('reparaciones',true)">Vista Tabla</a></li>-->
            </ul>
        </div>
        <div id="reparaciones_contenido_principal" class="reparaciones_contenido_principal">
            <div id="search_reparaciones" class="search">
                <form>
                    <fieldset>
                    <legend>Buscar</legend>
                    <input type="hidden" id="searchhidden" value="clientes" name="searchhidden">
                    <input type="text" list="datalist_codigo" name="searchinput" id="searchinput"> 
                        <select id="select" name="select" onChange="change_search(this.value);">
                            <?php
                                $sql="SELECT *
                                    FROM reparaciones";
 
                                $res=$db->query($sql); 
                                
                                $i=0;
                                while($infocol=mysqli_fetch_field($res)) {
                                    $nombrecol[$i]=$infocol->name;
                                    $i++;
                                }
 
                                for($i=0;$i<count($nombrecol);$i++)
                                    echo "<option value='".$nombrecol[$i]."'>".$nombrecol[$i]."</option>";
                            ?>
                        </select>
                    <input type="button" onClick="busqueda(reparaciones,this.form.searchinput.value,this.form.searchhidden.value,this.form.select.value);" 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) {
                                $d=array('NULL');
                                echo "<datalist id='datalist_".$key."'>";
                                foreach($datos as $data) {
                                    for($i=0; $i<count($d);$i++) {
                                        if($data==$d[$i]) {
                                            $e=true;
                                            break;
                                        }
                                        else $e=false;
                                    }
                                    if(!$e) {
                                        echo "<option value='".$data."'>";
                                        $d[]=$data;
                                    }
                                }
                                echo "</datalist>";
                            }
                        //End generating datalist
                        ?>
                    </fieldset>
                </form>
            </div>
            <form class="formulario_reparaciones" id="formulario_reparaciones" method="post" onSubmit="insertar(this.id)">
                <fieldset>
                    <div style="float:left; margin-top:35px;">
                        <label for="resguardo">Resguardo: </label><input name="resguardo" id="formulario_reparaciones_resguardo" value="" type="text" size="3" disabled required><br> 
                        <label for="transporte">Transporte: </label><input name="transporte" size="62" id="formulario_reparaciones_transporte" value="" type="text" disabled><br>
                        <label for="Aparato">Aparato: </label><input name="aparato" id="formulario_reparaciones_aparato" size="62" value=""  type="text" disabled><br>
                        <label for="marca">Marca: </label><input name="marca" id="formulario_reparaciones_marca" size="62" value="" type="text" disabled><br>
                        <label for="modelo">Modelo: </label><input name="modelo" id="formulario_reparaciones_modelo" size="62" value="" type="text" disabled><br>
                        <label for="chasis">Nº Matrícula: </label><input name="chasis" size="62" id="formulario_reparaciones_chasis" size="62" value="" type="text" disabled><br>
                        <label for="cod_entrada">Código entrada: </label><input name="cod_entrada" size="62" id="formulario_reparaciones_cod_entrada" value=""  type="text" disabled><br>
                        <label for="accesorios">Accesorios: </label><input name="accesorios" id="formulario_reparaciones_accesorios" size="62" value=""  type="text" disabled><br>
                        <label for="averia">Averia: </label><textarea name="averia" id="formulario_reparaciones_averia" cols="48" disabled></textarea><br>
                    </div>              
                    <div style="float:right; margin-top:5px;">
                        <fieldset> 
                            <legend align="right">CLIENTE</legend> 
                            <label for="codigo">Codigo: </label><input onchange="alert('hola')" name="codigo" id="codigo" value="" type="text" size="3" disabled required><br>
            </form>
            <form id="formulario_reparaciones_clientes" name="formulario_reparaciones_clientes">
                            <label for="nombre">Nombre: </label><input  name="nombre" id="formulario_reparaciones_clientes_nombre" value="" type="text" size="50" disabled required><br>
                            <label for="domicilio">Domicilio: </label><input name="domicilio" id="formulario_reparaciones_clientes_domicilio" value="" size="50" type="text" disabled><br>
                            <label for="cp">Código Postal: </label><input name="cp" id="formulario_reparaciones_clientes_cp" value="" size="5" type="text" disabled>
                            <label for="ciudad" style="width:50px;">Ciudad: </label><input name="ciudad" id="formulario_reparaciones_clientes_ciudad" value="" type="text" disabled><br>
                            <label for="provincia">Provincia: </label><input name="provincia" id="formulario_reparaciones_clientes_provincia" value="" size="50" type="text" disabled><br>
                            <label for="dni">DNI: </label><input name="dni" id="formulario_reparaciones_clientes_dni" value="" size="10" type="text" disabled><br>
                            <label for="telefono">Teléfono: </label><input name="telefono" id="formulario_reparaciones_clientes_telefono" value="" size="10" type="text" disabled>
                            <label style="width:45px;" for="movil">Móvil: </label><input name="movil" id="formulario_reparaciones_clientes_movil" value="" size="10" type="text" disabled><br>
                            <label for="fax">Fax: </label><input name="fax" id="formulario_reparaciones_clientes_fax" value="" size="10" type="text" disabled><br>
                            <label for="email">Email: </label><input name="email" id="formulario_reparaciones_clientes_email" value="" size="50" type="text" disabled><br>
                            <label for="observaciones">Observaciones: </label><textarea name="observaciones" id="formulario_reparaciones_clientes_observaciones" cols="39" disabled></textarea><br>
                        </fieldset>
                    </div>
                </form>
                <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><button id="boton_cancela_formulario_clientes" style="margin-left:10px; display:none" onClick="cancelar(clientes,'clientes');" type="button">Cancelar</button>
            </fieldset>
            
        </div>
    </div>
</div>
 

[Alexis88]

Veo que dependiendo de una condición, asignas un valor al input ya sea en la línea 35 o en la 74. Pues la respuesta a esta pregunta:

Iniciado por legomolina

¿como detecto que se ha llenado ese input?

Ya la tienes resuelta, puesto que es en una de esas líneas (dependiendo de la condición) en donde puedes detectar el cambio. Sabiendo eso, ya puedes realizar lo que querías, que por cierto, no lo has especificado.

Saludos

[legomolina]

Código Javascript:

<script type="text/javascript" language="javascript">
    tablas=new Array(); //array que contiene los nombres de las tablas (strings) GLOBAL
    array_contenedor=new Array(); //array que contiene los arrays de los resultados de las diversas consultas GLOBAL
    <?php
        for($j=0; $j<count($tablas); $j++) { //Para cada tabla de la bd crea un array en js con el nombre de la tabla
            echo "tablas[".$j."]='".$tablas[$j]."';\n";
            echo "var ".$tablas[$j]."=new Array();\n"; //inicializa el array
            
            $sql="SELECT * 
                  FROM ".$tablas[$j]; 
            $res=$db->query($sql); //Hace una query con el nombre de la tabla que corresponde
 
            //Lee los nombres de las columnas y los almacena en un array indexado con numeros empezando con el 0.
            $i=0; //El indice
            while($infocol=mysqli_fetch_field($res)) {
                $nombrecol[$i]=$infocol->name;
                $i++;
            }
 
            //Crea y guarda los valores de las columnas en un array en js que contiene objetos con las propiedades de los nombres de las columnas
            $i=0; //El indice
            while($resultado=mysqli_fetch_assoc($res)) { //Mientras haya cosas que leer en la bd
                $u=0; //Iterador
                echo $tablas[$j]."[".$i."]=({"; //Crea un nuevo indice en el array resultados y comienza el objeto
                while($u<count($nombrecol)) {
                    if($u+1!=count($nombrecol)) //Solo vale para quitar la coma en caso de que sea la ultima propiedad del objeto
                        echo $nombrecol[$u].":'".$resultado[$nombrecol[$u]]."',"; //Va asignando al objeto las propiedades con el nombre de la columna correspondiente y a cada una el resultado obtenido de la bd 
                    else
                        echo $nombrecol[$u].":'".$resultado[$nombrecol[$u]]."'";
                    $u++;
                }
                echo "});\n";
                //Debug
                //echo "alert(resultados[".$i."]['codigo']);\n";
                //End debug
                $i++;
            }
            echo "array_contenedor[".$j."]=".$tablas[$j].";\n";
        }
    ?>
 
    function seleccionar() {
        var sel = $("nombre");
            sel.focus();
            sel.select();    
    }
</script>
 

[Alexis88]

Te pedí el código de la función, no el de toda la aplicación.

[legomolina]

Ya pero con eso te muestro que no puedo hacer lo que dices porque el primer div (div clientes), solo hay un form que depende de el mismo. Si yo llamo a la función indicandole que debe cambiar me lo volvera a cambiar no?
Lo mismo estoy liado.

[Alexis88]

¿No estarás esperando a que sea yo el que analice todo el código que has publicado? ¿Verdad? Con que muestres el código de la función y me dieras una explicación lógica y sensata y no un:

Iniciado por legomolina

Hazme caso que no se puede.

Era más que suficiente.

[legomolina]

Releyendo el mensaje: Y lo que quiero hacer, es llamar, una vez cambiado en input, a una función que llene ese formulario con el array clientes.

[legomolina]

No. Siento si a parecido eso. Lo único que quiero saber es si se puede llamar a una funcion cuando cambia el value de un input automáticamente sin necesidad de modificar la función ya hecha