Foros del Web » Programando para Internet » Javascript »

Ayuda con click en letra y que se agregue al texarea

Estas en el tema de Ayuda con click en letra y que se agregue al texarea en el foro de Javascript en Foros del Web. amigos necesito que al dar un click en una imagen se me agregue en un texarea un cierto codigo como por ejemplo aqui, uno le ...
  #1 (permalink)  
Antiguo 21/06/2010, 20:54
 
Fecha de Ingreso: mayo-2010
Mensajes: 99
Antigüedad: 13 años, 11 meses
Puntos: 1
Pregunta Ayuda con click en letra y que se agregue al texarea

amigos necesito que al dar un click en una imagen se me agregue en un texarea un cierto codigo como por ejemplo aqui, uno le da un click en php y se te inserta en el texarea donde se escribe comentario o el tema las etiquetas:

yo necesito algo similar amigos sera que me podrian ayudar? por favor? Gracias de antemano!
  #2 (permalink)  
Antiguo 22/06/2010, 08:51
 
Fecha de Ingreso: marzo-2009
Ubicación: Santa Marta
Mensajes: 73
Antigüedad: 15 años, 1 mes
Puntos: 2
Respuesta: Ayuda con click en letra y que se agregue al texarea

bueno es algo facil.

si solo necesitas un solo elemento podrias hacerlo poniendo un campo del tipo que necesites con style="display: hidden" y cuando des click en el link, div, span, etc. le cambias el valor con

document.getElementById('idElementoOculto').style. display='block';

si necesitas que sea dinamico por ejemplo, que cada vez que des click te aparesca un nuevo elemento podrias hacerlo utilizando dom.

por ejemplo.
var globalId = 0; //variable globlal para controlar los id de los nuevos elemento.
function addElement(){
var padre = document.getElementById('idPadre');//elemento en el que se insertara el nuevo elemento.
var ta = document.createElement('textarea');
ta.setAttribute("id","ta"+globalId);
ta.setAttribute("rows","5");
ta.setAttribute("cols","45");
padre.appendChild(ta);
globalId++;
}

esta funcion deberias llamarla cada vez que des click en algun elemento.

espero te sirva.
  #3 (permalink)  
Antiguo 22/06/2010, 09:15
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 13 años, 10 meses
Puntos: 310
Respuesta: Ayuda con click en letra y que se agregue al texarea

Suponiendo que lo que quieras es que dentro del textarea te salga un código pero escrito, podrías hacerlo así:
Código HTML:
Ver original
  1. <img src='urlImagen' alt='imagen' onclick="rellenar('textA');" />
  2. <textarea cols='10' rows='30' id='textA'></textarea>
Código Javascript:
Ver original
  1. function rellenar(id){
  2.  var texto = document.getElementById(id);
  3.  //por ejemplo el código de una imagen para ponerla en la página web del usuario
  4.  var code = "<img src='urlImagen' alt='imagen'/>";
  5.  texto.innerHTML = code;
  6. }

Saludos (:
  #4 (permalink)  
Antiguo 22/06/2010, 10:44
 
Fecha de Ingreso: marzo-2009
Ubicación: Santa Marta
Mensajes: 73
Antigüedad: 15 años, 1 mes
Puntos: 2
Respuesta: Ayuda con click en letra y que se agregue al texarea

Cita:
Iniciado por decoArguello Ver Mensaje
bueno es algo facil.

si solo necesitas un solo elemento podrias hacerlo poniendo un campo del tipo que necesites con style="display: hidden" y cuando des click en el link, div, span, etc. le cambias el valor con

document.getElementById('idElementoOculto').style. display='block';

si necesitas que sea dinamico por ejemplo, que cada vez que des click te aparesca un nuevo elemento podrias hacerlo utilizando dom.

por ejemplo.
var globalId = 0; //variable globlal para controlar los id de los nuevos elemento.
function addElement(){
var padre = document.getElementById('idPadre');//elemento en el que se insertara el nuevo elemento.
var ta = document.createElement('textarea');
ta.setAttribute("id","ta"+globalId);
ta.setAttribute("rows","5");
ta.setAttribute("cols","45");
padre.appendChild(ta);
globalId++;
}

esta funcion deberias llamarla cada vez que des click en algun elemento.

espero te sirva.

jajajajaja sorry por todo esto.... es que no habia leido Bn. si, en ese sentido _cronos tiene razon...!!!

o si no. puedes hacer simplemente.

document.getElementById('idTextArea').value = "codigo que quieras...";

Etiquetas: letra
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:18.