Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/08/2010, 16:28
ALFAJOR
 
Fecha de Ingreso: agosto-2010
Mensajes: 9
Antigüedad: 14 años, 4 meses
Puntos: 0
Linea por linea en un area de texto

Holas!. Tengo dudas con respecto a lo que quiero hacer.

Quiero crear un espacio para agregar link, tomar esos links y dividirlos, cuando digo dividir es linea por linea.

Por ejemplo, tengo 4 links. ya? y quiero un resultado de que cada link quede con una imagen.
Código:
http://www.enlace.com/1
http://www.enlace.com/2
http://www.enlace.com/3
http://www.enlace.com/4
El resultado quiero que salga algo asi.
Código:
<a href='enlace1'> <img src='http://www.asiader.org/css/images/icon-enlace.gif'> </a>
<a href='enlace2'> <img src='http://www.asiader.org/css/images/icon-enlace.gif'> </a>
<a href='enlace3'> <img src='http://www.asiader.org/css/images/icon-enlace.gif'> </a>
<a href='enlace4'> <img src='http://www.asiader.org/css/images/icon-enlace.gif'> </a>
Como hago eso?, que el area de texto me valide linea por linea.

me imagino q lo basico va algo asi (esta con javascript) ..ees una idea vaga que tengo.


lo que inserto es algo asi, en mi html
Código HTML:
<textarea id="enlaces" cols="40" rows="40">
</textarea> 
mi archivo js va algo asi
Código:
if (document.getElementById("enlaces").value != ""){
txt = "";
txt += "<a href='";
txt += document.getElementById("enlaces").value;
txt += "'> <img src='http://www.asiader.org/css/images/icon-enlace.gif'> </a>\n";
document.getElementById("asdf").value += txt;}
obviamente aqui solo obtengo algo lejos de lo que quiero..

Espero me ayuden, si no me explique bien, preguntenme.