pasar texto de input type text a textarea con boton

Most · #1 (**permalink**) 17/04/2011, 17:46

Hola, como puedo hacer para que cuando pulse el boton, el texto que he escrito en el input type text se me valla al textarea

(el boton tambien me tiene que servir para el form para subir los datos al la BD despues de hacer la funcion que os pido)

Perr0 · #2 (**permalink**) 17/04/2011, 20:11

manejas una var x=0

al presionar por primera vez llevaras la info asi

if(x==0){
document.getElementById("idtextarea").value=docume nt.getElementById("idtexto").value;
x++;
}else{
document.formulario.submit();
}

ojo, no lo he validado por hacerlo aqui en form

salu2

Most · #3 (**permalink**) 17/04/2011, 20:27

puedes explicarme mejor, por que he vuelto ha esto despues de 1 o 2 años que llevo sin hacer nada y asta que me recupere pues estoy como 1 poco atontado

Perr0 · #4 (**permalink**) 17/04/2011, 21:37

claro Most

suponiendo que el id del input text es"texto", el del textarea es "mastexto", el onclick del boton es operacion()

hay un boton que quieres tenga 2 funciones:
- primer click copiar texto del text al textarea.
- enviar formulario.

en el script debes trabajar con una variable tipo siwtch, que al iniciar este cero, despues de ejecutar una determinada funciona cambie a uno, para despues validar si es distinta de cero y enviar el formulario.

Código Javascript:

Ver originalvar x=0 // variable declarad e iniciada como cero
 
function operacion(){
if(x==0){
  //solo entra aquí cuando x sea cero
  document.getElementById("mastexto").value=docume nt.getElementById("texto").value;
  x++; // variable cambia a uno despues de copiar el texto.
} else {
  //solo entra aquí cuando x sea uno
  document.formulario.submit(); //aquí envias el form
}
}

salu2

Most · #5 (**permalink**) 18/04/2011, 06:44

Ok ahora el problema que me he dado cuenta ahora, por que no me acordaba es de esto, el archivo donde esta el textarea esta cogido desde un iframe, como puedo hacer que pase al archivo verdadero (mensajes.php) la funcion al textarea?

el codigo:

Index.php

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script>
var x=0 // variable declarad e iniciada como cero

function operacion(){
if(x==0){
//solo entra aquí cuando x sea cero
document.getElementById("mastexto").value=document .getElementById("texto").value;
x++; // variable cambia a uno despues de copiar el texto.
} else {
//solo entra aquí cuando x sea uno
document.formulario.submit(); //aquí envias el form
}
}
</script>
</head>

<body>
<table width="400" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="400"><iframe src="mensajes.php" id="mastexto" width="400" height="300" scrolling="no"></iframe></td>
</tr>
<tr>
<td align="center"><form id="form1" name="form1" method="post" action="ejecucion.php">
<label></label>
<label></label>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="359" bgcolor="#CCFFCC">Alias
<label>
<input name="alias" type="text" id="alias" value="<?php echo $_GET['al']; ?>" size="20" />
</label></td>
</tr>
<tr>
<td bgcolor="#CCFFFF">Mensaje
<input name="mensaje" type="text" id="texto" size="40" maxlength="250" />
<input type="submit" onclick="operacion()" name="Submit" value="Enviar" /></td>
</tr>
</table>
</form></td>
</tr>
</table>
</body>
</html>

mensaje.php

Cita:

<?php
mysql_connect("localhost","root","111222");
mysql_select_db("chatear");
//echo "<META HTTP-EQUIV='refresh' CONTENT='0; URL=mensajes.php'>";

header('refresh:2; url=mensajes.php');

?>
<link href="michat.css" rel="stylesheet" type="text/css" />

<style type="text/css">

</style><table width="202" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="202">
<?php
$re=mysql_query("select * from mensajes order by id desc");
while($f=mysql_fetch_array($re)){
echo "<scpan class='fecha'></span>".$f['fecha']."  <span class='usuario'>".$f['alias']."</span>:   <span class='mensaje'>".htmlentities($f['mensaje'])."</span><br>";
}
?> </td>
</tr>
</table>

saludos.

Perr0 · #6 (**permalink**) 18/04/2011, 07:21

uf....no entendi
expresate mejor (respira!!)

salu2

Most · #7 (**permalink**) 18/04/2011, 08:01

xD

ok, mira tengo el Textarea en un archivo distinto a el que esta el input, y necesito que el input lo envie al otro archivo. me entiendes?

Aqui 1 img aver si lo ves mas claro jeje:

Perr0 · #8 (**permalink**) 18/04/2011, 08:50

oka,
tienes el iframe

<iframe src="mensajes.php" id="mastexto" width="400" height="300" scrolling="no"></iframe>

tendras que agregarle un nombre, asi:

<iframe name="mi_iframe" src="mensajes.php" id="mastexto" width="400" height="300" scrolling="no"></iframe>

por otra parte no veo el textarea que debes tener en mensaje.php (osea contenido en el iframe), asi que inventare uno

<textarea name="textarea" id="textarea"></textarea>

para enviar la info al iframe tienes que hacerlo asi

function apretarboton(){
frames.mi_iframe.document.getElementById("textarea ").value= "texto";
}

bueno ahí le acomodas el pasar texto y lo otro que habia escrito antes.

salu2

Most · #9 (**permalink**) 18/04/2011, 09:08

que lo pongo asi?:

Cita:

Perr0 · #10 (**permalink**) 18/04/2011, 09:30

asi

var x=0 // variable declarad e iniciada como cero

Código Javascript:

Ver originalfunction operacion(){
if(x==0){
  //solo entra aquí cuando x sea cero
  frames.mi_iframe.document.getElementById("textarea ").value=document.getElementById("texto").value;
  x++; // variable cambia a uno despues de copiar el texto.
} else {
  //solo entra aquí cuando x sea uno
  document.formulario.submit(); //aquí envias el form
}
}

bueno tu lo acomodas...no tengo idea que id ocupas...

salu2

Most · #11 (**permalink**) 18/04/2011, 09:37

ajam... vale vale, todo comprendido ;) gracias por la ayuda Perr0

Most · #12 (**permalink**) 18/04/2011, 10:08

Ahora me ha surgido otro problema :( xDD con el textarea no me sale lo que quiero, he intentado ponerle el ID (textarea) a la tabla pero no sale :( como puedo hacer lo mismo pero en vez de pasarlo al textarea que lo pase a la tabla?

Perr0 · #13 (**permalink**) 18/04/2011, 11:25

tienes que tener claro la diferencia entre value (para elementos del formulario)
e innerHTML, para ingresar texto en un div por ejemplo.

tendrias que hacer referencia a la tabla (en realidad no se de que hablas xD, porque me mezclaste tabla con textarea y ahi murio mi ultima neurona)
y en ves de value <-- > innerHTML

redacta bien lo que preguntas...para que entendamos lo mismo.

salu2

Most · #14 (**permalink**) 18/04/2011, 11:31

Ok, mira....

Donde pone Esto es el archivo mensaje con un iframe
no es un TextArea si no una tabla y cuando escribes algo y lo mandas, lo escrito se guarda en la BD y luego se muestra en esa tabla:

Cita:

<table width="202" id="table "border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="202">
<?php
$re=mysql_query("select * from mensajes order by id desc");
while($f=mysql_fetch_array($re)){
echo "<scpan class='fecha'></span>".$f['fecha']."  <span class='usuario'>".$f['alias']."</span>:   <span class='mensaje'>".htmlentities($f['mensaje'])."</span><br>";
}
?> </td>
</tr>
</table>

pues que en vez de mandar el texto al darle click en el boton al textarea que lo mande a la tabla...

Perr0 · #15 (**permalink**) 18/04/2011, 12:01

sabes porque no te entiendo?

no es un TextArea si no una tabla y cuando escribes algo y lo mandas, lo escrito se guarda en la BD y luego se muestra en esa tabla:

1)
entiendo que no usaste un textarea (siendo que el titulo de este post dice "pasar texto de input type text a textarea con boton")

2)
despues indicas que escribes en una tabla (capto literalmente, no me imagino nada)...segun entiendo, en una tabla no tienes forma de escribir (aclarando que la intensión es usar como un formulario).

esoty muy mareado
salu2

Most · #16 (**permalink**) 18/04/2011, 12:20

Ok, espera que estoy haciendo 1 video para quye lo veas mejor, que explicar tambien cuesta jeje.

Most · #17 (**permalink**) 18/04/2011, 12:38

Bueno, aver si asi se entiende mejor

http://www.youtube.com/watch?v=Ow9TPc422-8

Perr0 · #18 (**permalink**) 18/04/2011, 13:19

ufff por dios...........seré yo?!?!?!

veo que funciona y quieres enviar a la tabla

cuando hablas de tabla te refieres a tabla de base de datos?
o a la tabla que se arma con HTML?

si alguien entiende por favor....ayuda!!!

Most · #19 (**permalink**) 18/04/2011, 13:40

xD, si mira ves que funciona, pero esta en localhost y va rapido, cuando esta en el servidor va mas lento, y lo que quiero conseguir con eso es que al darle al enviar se suba directamente si que tenga que esperar a que se suba a la BD...

me entiendes asi diciendote lo que quiero conseguir?

IsaBelM · #20 (**permalink**) 18/04/2011, 13:40

Cita:

Iniciado por Perr0

ufff por dios...........seré yo?!?!?!

nooooo!! yo sabía el final del vídeo antes de que acabara. pide solucionar algo que ya funciona

Most · #21 (**permalink**) 18/04/2011, 13:42

xD, si mira ves que funciona, pero esta en localhost y va rapido, cuando esta en el servidor va mas lento, y lo que quiero conseguir con eso es que al darle al enviar se suba directamente si que tenga que esperar a que se suba a la BD...

me entiendes asi diciendote lo que quiero conseguir?

y no, no pido sulucion para algo k ya funciona, funcionar ya veo que funciona ¬¬ lo que quiero es que sea mas rapido, que con tal de darle al boton de enviar se suba y se muestre en la ventana naranja.

IsaBelM · #22 (**permalink**) 18/04/2011, 13:44

ya se te ha dado la respuesta en el post #13, pero es un riesgo. puede que se produzca alguna incidencia por la que no se ha podido insertar, pero el usuario pensará que se ha insertado

Most · #23 (**permalink**) 18/04/2011, 13:49

ok Gracias, voy a releer el post entero por que nos estamos haciendo 1 lio vosotros y yo... gracias por ayudarme.

Perr0 · #24 (**permalink**) 18/04/2011, 14:49

Cita:

Iniciado por IsaBelM

ya se te ha dado la respuesta en el post #13, pero es un riesgo. puede que se produzca alguna incidencia por la que no se ha podido insertar, pero el usuario pensará que se ha insertado

gracias por el apoyo...estaba rayando en la locura....XD

salu2