Agregar Imagen a TextArea

PANAFLAKIN · #1 (**permalink**) 12/12/2008, 20:43

Hola tengo un formulario y aparte un script que saca imagenes que estan en la base de datos y me las pone en una lista, hay alguna forma que con javascript puede hacer que al darle click a una imagen se envien al textArea?

Ojala me puedan responder, Saludos

Panino5001 · #2 (**permalink**) 12/12/2008, 21:45

No se entiende bien tu objetivo. Que una imagen se vea en un textarea no es posible (salvo que se coloque como background, pero no creo realmente que sea lo que estás pidiendo, así que mejor explicanos nuevamente.)

JavierB · #3 (**permalink**) 13/12/2008, 04:11

Hola PANAFLAKIN

Tampoco entiendo bien tu mensaje; en el título hablas de agregar una imagen y en el mensaje dices que quieres enviar un textarea

Si lo que quieres es enviar un formulario puedes usar un input tipo imagen:

Código html:

Ver original<input type="image" src="tuimagen.jpg" />

Saludos,

Adler · #4 (**permalink**) 13/12/2008, 06:59

Hola, con permiso

Creo que se refiere a lo mismo que cuando insertamos caritas en los mensajes. Claro, él ve se insertan en un textarea, pero no se ha percatado que en realidad es un iframe. ¿Puede ser?

Suerte

PANAFLAKIN · #5 (**permalink**) 13/12/2008, 11:32

Hola lo que quiero hacer es que por ejemplo con un query saco imagenes de la base de datos y las listo fuera de un formulario y al hacer click se pegue el codigo de la imagen o la direccion (EJ. <img src="imgane" />) asi como las caritas en los mensajes tal y como dice Adler

Panino5001 · #6 (**permalink**) 13/12/2008, 11:37

Algo así?:

Código PHP:

  <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
</head>

<body>
<img src="2008/img/1.jpg" width="500" height="332" onclick="document.getElementById('t').value+='<img src=&quot;'+this.src+'&quot; />'" />
<form id="form1" name="form1" method="post" action="">
  <textarea name="textarea" cols="60" id="t"></textarea>
</form>
</body>
</html>

PANAFLAKIN · #7 (**permalink**) 13/12/2008, 11:41

Cita:

Iniciado por Panino5001

Algo así?:

Código PHP:

  <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Documento sin t&iacute;tulo</title>

</head>

 
<body>

<img src="2008/img/1.jpg" width="500" height="332" onclick="document.getElementById('t').value+='<img src=&quot;'+this.src+'&quot; />'" />

<form id="form1" name="form1" method="post" action="">

  <textarea name="textarea" cols="60" id="t"></textarea>

</form>

</body>

</html>

Panino Mil Gracias es justo lo que buscaba

Panino5001 · #8 (**permalink**) 13/12/2008, 11:43

Me alegra que te sirviera

PANAFLAKIN · #9 (**permalink**) 13/12/2008, 13:48

Oye una duda mas, cuando pongo un editor de textos especificamente el tiny_mce no me envia el codigo a la textarea, abra alguna forma de lograr hacer esto sin tener que quitar el editor?

Panino5001 · #10 (**permalink**) 13/12/2008, 13:59

Fijate en la documentación del editor que usás. Editores como ese se basan en iframe con designMode a on, y la adición se hace a través de execCommand, pero seguramente encontrarás la información para incrustar la imagen en la propia documentación. Adicionalmente, podés ver cómo es el mecanismo en esta faq: http://www.forosdelweb.com/2462878-post270.html

PANAFLAKIN · #11 (**permalink**) 16/12/2008, 16:42

como decias era con esa funcion, ahora solo tengo un problema cuando se agregan las imagenes se quedan con una ruta de este tipo ../../imagen.jpg, como puedo evitar que aparezcan asi y que se publique la ruta completa de la imagen