Ampliar caja de texto!!!

Trulala de cordoba · #1 (**permalink**) 13/09/2007, 05:58

Hola amigos.

Quería si por favor me podía ayudar. Necesito saber si es posible que cuando haces clic en una cajita de texto, te muestre ese texto que tiene la caja texto en otra caja de texto más grande que ocupe casi toda la ventana y que si una vez que termines de escribir y das enter o escape se cierre la ventanita grande y te ponga el texto en la cajita más chica.
Mil gracias desde ya.

JavierB · #2 (**permalink**) 13/09/2007, 06:12

Hola Trulala de cordoba

A ver si este código te ayuda:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function pulsar(e,obj) {
  if (e.keyCode==13) {
    obj.form.txt1.value = obj.value;
    obj.style.display = 'none';
  }
}
</script>
</head>
<body>
<form>
<input type="text" name="txt1" onfocus = "txt2.style.display='block'; txt2.value = this.value; txt2.focus()" />
<textarea name="txt2" style="display:none" onkeypress = "return pulsar(event,this)"></textarea>
</form>
</body>
</html>

Saludos,

Trulala de cordoba · #3 (**permalink**) 13/09/2007, 06:50

Hola.
Mil graciassss. Está barbaro.
Quería saber sino es mucho pedir como podría modificarlo para que se lo pueda usar en varias cajitas de texo porfi, ya que lo quiero dejar usando para que funcione para cualquier cajita.
Desde ya gracias.

JavierB · #4 (**permalink**) 13/09/2007, 08:45

Hola de nuevo.

Tienes que utilizar una variable global para saber qué cuadro de texto ha tenido el foco:

Código PHP:

  <html>
<head>
<script type="text/javascript">
var foco = null;
function pulsar(e,obj) {
  if (e.keyCode==13) {
    foco.value = obj.value;
    obj.style.display = 'none';
  }
}
</script>
</head>
<body>
<form>
<input type="text" name="txt1" onfocus = "foco=this; txt.style.display='block'; txt.value = this.value; txt.focus()" />
<input type="text" name="txt2" onfocus = "foco=this; txt.style.display='block'; txt.value = this.value; txt.focus()" />
<textarea name="txt" style="display:none" onkeypress = "return pulsar(event,this)"></textarea>
</form>
</body>
</html>

Saludos,

Trulala de cordoba · #5 (**permalink**) 13/09/2007, 10:28

Mil gracias amigo Javi