funcion change js

[eurodoblon]

Hola;
Creo que esto se puede hacer con la funcion change de js pero en javascrip estoy un poco pelao, me defiendo mejor en php.

En un formulario tengo vairos input, y me gustaría que al pinchar uno se pase su valor al pinchar en otro.(para evitar copiar y pegar constantemente)

Ejemplo:

Código HTML:

<form name="">
<input type="text" name="lunes"  value="10"/>
<input type="text" name="martes"  value="20"/>
<input type="text" name="miercoles"  value="30"/>
<input type="text" name="jueves"  value="40"/>

</form> 

pinchar en el input lunes, tome su valor y lo ponga en el próximo que pinche, por ejem. martes, sustituyendo el valor del martes por el del lunes.

Gracias y un saludo

[maycolalvarez]

consulte un manual de javascript y manejo de formularios

le daré unas pistas:

para obtener las instancias de los elementos del DOM, puede usar:

var lunes = document.forms['name_form'].elements['lunes'];

ó

var lunes = document.getElementById('lunes_id'); //Teniendo en cuenta que debe colocar el ID al elemento (id="lunes_id"), (puede ser igual que name)

ya con la instancia del objeto, puede obtener sus propiedades, y setearlas:

martes.value = lunes.value;

intente hacerlo por su cuenta, seguro que lo consigue, si se tranca, pregunte por este hilo

[eurodoblon]

Realmente no necesito las id porque el cambio lo aplico al hacer click sobre el campo.

Consigo obtener el valor del imput así:

Código HTML:

<input  onclick=" var q= this.value;alert(q)"type="text" value="lunes"/> 

Pro no se como pasarlo a otro campo haciendo click tambien.

[eurodoblon]

Sigo intentando:

$(document).ready(function () {
$("#input1").click(function () {
var value = $(this).val();
$("#input2").val(value);
});
});

consigo psar con un click datos de un inpu definido a otro definido.
Pero como haría para que al pinchar en cualquiera me pasase el valor al siguiente que pinche-

[eurodoblon]

Voy consiguiendo algo como buenamente puedo, per para mi algo tan sencillo se me complica.
Por favor, echadme una mano.

Código HTML:

<input type="text" value="angel" />
  <input type="hidden" id="temporal" />
  </p>
  <p>&nbsp; </p>
 <input type="text"  value="angel" />
 <input type="text"  value="" />
<input type="text"  value="" />

<script>



$(document).ready(function () {
			 var value = "";				
    $("input").dblclick(function () {
        var value = $(this).val();
        $("#temporal").val(value);
	 $("input").click(function () {	
		$(this).val(value)	;	
		
		 });						
    });
	
	
});


</script> 

[eurodoblon]

nadie conoce esto

[maycolalvarez]

bueno, existe una manera más elegante de hacerlo, se trata de usar el DOM nextSibling para obtener el siguiente input (en línea)

http://www.w3schools.com/dom/prop_el...extsibling.asp

me imagino que jQuery tiene su forma, más no la conozco, consulta en su coumentación

con respecto al "nadie conoce esto", no te frustes, hay mensajes que nunca se responden y aveces no te responden en el tiempo que esperás, un poco de paciencia

[furoya]

Lástima que estás usando JQuery y no javascript. Es algo que conviene avisar desde el principio para que no tengamos que suponer viendo el código.

Mientras esperas alguien que conozca ese sub-lenguaje, aprovecho para hacer alguna consulta.

¿Es realmente necesario para tu proyecto que con el primer click "capture" el contenido de ese campo, y con el segundo "reemplace" el contenido del siguiente que pinches?

¿Y es "del siguiente que pinches", o es el siguiente en orden? (digo, que si pinchas en el primero, y luego en el tercero o el cuarto, que no lo cambie; que sólo lo haga si es el segundo)

¿Todos los campos están llenos? ¿Qué pasa asi hay uno vacío? ¿Si el click es par (captura) sobre uno vacío y el siguiente impar (reemplaza) es sobre uno lleno, lo vacía o ignora la operación?

¿No te sirve hacer doble click en un campo y arrastrar al siguiente? No, seguramente no, porque no eliminarías el contenido del segundo, sino que lo sumarías.

Quizá deberías explicar un poco mejor lo que quieres hacer. Y de paso, explica también para qué lo quieres. Alguien puede tener una idea mejor para lograr el mismo fin.

[alexg88]

Por lo que he probado funciona, solo te falta quitar el evento click de los input cuando ya se haya copiado el valor en un input.

Además, el input oculto no hace falta.

Código Javascript:

$(document).ready(function () {
             var value = "";                
    $("input").dblclick(function () {
        var value = $(this).val();
     $("input").click(function () {    
        $(this).val(value);    
         $("input").off('click');
         });                        
    });   
});​
 

Espero que te sirva.

Saludos.

[eurodoblon]

Muchisimas gracias, funciona perfectamente.
Un saludo