¿Como introducir una lista de links y sustituir cada uno con variables en Javascript?

YamaT · 21 Oct 2016

[Resuelto]¿Como introducir una lista de links y sustituir cada uno con variables?

Holaaa!! buenas tardes a todo el foro!

Mi duda es la siguiente, igual no se me entendió bien en el titulo. Veamos, yo suelo hacer lo siguiente:

Primero le digo al programa que me haga decirle un link, con un prompt

HTML:

function myFunction() {
    var milink = prompt("INTRODUCE UN LINK");

Luego gracias a la variable "milink" hago que se sustituya de esta manera:

HTML:

document.getElementById("demo").innerHTML =
        "<textarea>"[enlace]"+ milink +"[/enlace]"</textarea>";

Se que es demasiado básico, pero es que no llego a más en Javascript jajaja :drunk:

Bueno, eso es lo que hago con el fin de que me pidan introducir un link y una vez lo introduzco como veis aparecen en el textarea dos etiquetas ([enlace][/enlace]) que son shortcodes que uso en mi pagina web y funciona, lo que consigo es que en enlace aparezca en un textarea y diga esto:

De esa manera con solo poner en link, ya puedo rodearlo de las etiquetas que yo quiera sin tener que estar haciendolo a mano.

PERO! ... aqui viene el problema, el programa lo tuve pensado para hacer un solo link, pero en ocasiones tengo que hacer 30 LINKS y no tengo intención de hacerlo 30 veces seguidas, por lo que me gustaria que en el prompt (o formulario, lo que sea) pueda meter una lista de links!

Si, algo asi:

Y que al terminar de introducir los LINKS, al igual que yo hago en mi programa me haga esto pero con todos los links a la vez:

La UNICA diferencia, es que evolucionaria de tener que introducir un solo link, a poder introducir todos los que quisiera en una lista y se hiciera el mismo resultado en cada uno.

Alguien sabria hacerlo? con lo extenso que es javascript no creo que sea dificil pero no tengo ni idea, mi conocimiento de JS llega hasta ahi :neglected:

muuuuchisimas gracias por el soporte! :'D

ismadobe · 21 Oct 2016

[MENTION=81142]YamaT[/MENTION] Es muy sencillo. Cuando ingresas la lista de links en el input, cada enlace estará separado por un espacio. Lo que puedes hacer es un split a esa cadena (milink), lo cual retornará un array en el que estará cada enlace en una posición del mismo. Luego con un for iteras el array y puedes mostrarlo donde quieras.

YamaT · 21 Oct 2016

No entiendo casi nada jajajaj. Mas que por un espacio estaran separados por un salto de linea. En fin, me alegra saber que se puede pero no se como formar el codigo que dices :$ , podrias decirlo? o alguien? gracias

- - - Actualizado - - -

Debo dar las gracias a diegomvsc2 por este trabajo, consiguio crear mi codigo y darle un buen funcionamiento :encouragement::encouragement::encouragement:

, si alguien lo necesita lo dejo por aqui

HTML:

<html>
<body>

<p>Please provide a the list you want format.</p>

<textarea id="listaEnlaces"></textarea>
<br/>
<button onclick="myFunction()">Try it</button>

<p id="demo"></p>


<script>
function myFunction() {
	var list = document.getElementById("listaEnlaces").value.split("\n");
	var finalText = "";
	for(var element in list){
	 finalText+="[enlace]"+list[element]+"[/enlace]\n"
	}
	
	document.getElementById("demo").innerHTML = "<textarea>"+ finalText +"</textarea>";
}

</script>


</body>
</html>

¿Como introducir una lista de links y sustituir cada uno con variables en Javascript?

YamaT Seguir

ismadobe

YamaT