Foros del Web » Programando para Internet » Javascript »

Insertar enlace en un text area mediante un formulario

Estas en el tema de Insertar enlace en un text area mediante un formulario en el foro de Javascript en Foros del Web. Buenas, tengo una red social, y estoy poniendo para insertar enlaces, quiero hacerlo mediante botón, para que la gente que no quiera insertarlo directamente, lo ...
  #1 (permalink)  
Antiguo 03/03/2012, 07:39
Avatar de roal40  
Fecha de Ingreso: enero-2012
Mensajes: 61
Antigüedad: 12 años, 3 meses
Puntos: 4
Insertar enlace en un text area mediante un formulario

Buenas, tengo una red social, y estoy poniendo para insertar enlaces, quiero hacerlo mediante botón, para que la gente que no quiera insertarlo directamente, lo inserte por un formulario (Eso depende de los gustos)

Bueno, lo que tengo es esto...

Código HTML:
<input type="text" autocomplete="off" name="titulo" class="formulario" style="margin-bottom:-1px;" placeholder="Inserta un enlace"/>
<input name="guardar" type="submit" class="boton2" style="margin-bottom:2px;" value="Insertar" onclick="document.comentar.comentario.value+='titulo.value'"/> 
Pero en el textarea se muestra titulo.value

(No quiero cosas con POST ni actions, ya que tendría que recargar la página, solo necesito saber como insertar el value escrito en el input text)

Un saludo

Edito:

Ya lo he conseguido, de esta manera:

Código HTML:
<form name="insertarenlace">
<input type="text" autocomplete="off" name="titulo" class="formulario" style="margin-bottom:-1px;" placeholder="Inserta un enlace"/>
<input name="guardar" type="reset" class="boton2" style="margin-bottom:2px;" value="Insertar" onclick="document.comentar.comentario.value+=document.insertarenlace.titulo.value"/>
</form> 

Última edición por roal40; 03/03/2012 a las 07:59
  #2 (permalink)  
Antiguo 03/03/2012, 08:42
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: Insertar enlace en un text area mediante un formulario

como bien has averiguado, una de las soluciones es la que muestras.

una corrección; el tipo de control que usas para insertar el valor es "reset", cuando debería de ser "button".

un tip; los controles siempre han de estar dentro de la etiqueta <form> ya que lo que buscamos es la corrección semántica
Cita:
<form>
<input name="guardar" type="button" class="boton2" style="margin-bottom:2px;" value="Insertar" onclick="alert(this.value)"/>
</form>
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #3 (permalink)  
Antiguo 04/03/2012, 06:32
Avatar de roal40  
Fecha de Ingreso: enero-2012
Mensajes: 61
Antigüedad: 12 años, 3 meses
Puntos: 4
Respuesta: Insertar enlace en un text area mediante un formulario

Cita:
Iniciado por IsaBelM Ver Mensaje
como bien has averiguado, una de las soluciones es la que muestras.

una corrección; el tipo de control que usas para insertar el valor es "reset", cuando debería de ser "button".

un tip; los controles siempre han de estar dentro de la etiqueta <form> ya que lo que buscamos es la corrección semántica
Uso reset, porque con button, el mensaje seguía ahí, por lo que podían duplicar los links facilmente, ahora no, ahora lo insertan y se borra y si quieren agregar otro ya lo escriben
  #4 (permalink)  
Antiguo 04/03/2012, 08:23
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: Insertar enlace en un text area mediante un formulario

hay mejores maneras de hacerlo antes de usar reset. por ejemplo; vaciando el valor del control después de ser insertado en el otro control
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #5 (permalink)  
Antiguo 01/11/2012, 19:40
 
Fecha de Ingreso: noviembre-2012
Mensajes: 7
Antigüedad: 11 años, 6 meses
Puntos: 0
Respuesta: Insertar enlace en un text area mediante un formulario

Cita:
Iniciado por roal40 Ver Mensaje
Buenas, tengo una red social, y estoy poniendo para insertar enlaces, quiero hacerlo mediante botón, para que la gente que no quiera insertarlo directamente, lo inserte por un formulario (Eso depende de los gustos)

Bueno, lo que tengo es esto...

Código HTML:
<input type="text" autocomplete="off" name="titulo" class="formulario" style="margin-bottom:-1px;" placeholder="Inserta un enlace"/>
<input name="guardar" type="submit" class="boton2" style="margin-bottom:2px;" value="Insertar" onclick="document.comentar.comentario.value+='titulo.value'"/> 
Pero en el textarea se muestra titulo.value

(No quiero cosas con POST ni actions, ya que tendría que recargar la página, solo necesito saber como insertar el value escrito en el input text)

Un saludo

Edito:

Ya lo he conseguido, de esta manera:

Código HTML:
<form name="insertarenlace">
<input type="text" autocomplete="off" name="titulo" class="formulario" style="margin-bottom:-1px;" placeholder="Inserta un enlace"/>
<input name="guardar" type="reset" class="boton2" style="margin-bottom:2px;" value="Insertar" onclick="document.comentar.comentario.value+=document.insertarenlace.titulo.value"/>
</form> 

Eii, hola soy nuevo aqui y bueno vi este ultimo y me gustaria saber si sacaste el link ha alguna parte. yo estaba buscando eso mismo pero que a su vez sacara el link en un boton. Y no soy capaz de agregarle la url de esta manera :(

Llevo 3 dias entre miranod en internet y probando de to y no soy capaz. No se mucho de javascript pero ando aprendiendo y bueno se me complico mas de lo que me esperaba. No se si tu le hiciste algo similar a lo quete comento.

Saludos

Etiquetas: area, enlace, formulario, input, mediante, botones, txt
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 05:21.