buscar palabra y reemplazar por link

miguelvivot · #1 (**permalink**) 14/02/2011, 22:52

Estoy queriendo hace runa funcion en javascript pero sinceramente no se ni por donde arrancar. Como se que no es etico pedir que me lo den armado, por lo menos pido que me orienten por donde deberia arrancar.

La idea es la siguiente:
Estoy armando una web de turismo y me gustaria agregarle un link a todos las palabras que correspondan a paises, que se encuentre dentro de una base de datos. Como el cliente es el que carga la info, quiero evitar el paso de una vez escrito el pasis, tener que agregarle el "href". Teniedo en cuenta que ya se los paises y el href que le corresponde a cada uno, me gustaria poder lograr ese link automatico.

Muchas gracias por cualquier tipo de ayuda!

ocp001a · #2 (**permalink**) 15/02/2011, 11:06

Una opción:
captura el texto donde vas a buscar, si estuviera en un div, puedes acceder a el por su innerHTML.

Ese texto pártelo (con split(' ');) en palabras, recorre el array resultante palabra por palabra y si coincide con alguna que quieras reemplazar, haz el remplazo agregado el href.

Vuelve a unir las palabras con join();

Reemplaza el texto original (el inneerHTML) con el texto cambiado.

miguelvivot · #3 (**permalink**) 15/02/2011, 16:27

Gracias por la recomendacion.
Surfeando la net encontre algo piola que permite hacer el "replace" de texto por un link predeterminado. paso el detalle:

<head>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>

</head>
<body>
<div class="test">
Argentina<br />
Bolivia<br />
Brazil<br /><br />
<a href="http://www.dominio.com/argentina.htm">Argentina Link</span></a>
</div>
<script type="text/javascript">
(function($) {
var thePage = $("body");
thePage.html(thePage.html().replace(/Argentina/ig, '<a href="http://www.dominio.com/argentina.htm">Argentina</a>'));
thePage.html(thePage.html().replace(/Bolivia/ig, '<a href="http://www.dominio.com/bolivia.htm">Bolivia</a>'));
thePage.html(thePage.html().replace(/Brazil/ig, '<a href="http://www.dominio.com/brazil.htm">Brazil</a>'));
thePage.html(thePage.html().replace(/Chile/ig, '<a href="http://www.dominio.com/chile.htm">Chile</a>'));

}
)
(jQuery)
</script>
</body>

Como veran, funciona perfecto a la hora de reemplazar texto pero no se cómo agregarle la funcion de que si encuentra la palabra clave entre un tag "a" que sea false. Sin tener esta funcion, podran ver el error que tira con el ejemplo que puse "Argentina Link".

Encontre esta funcion pero no se como agregarlo al anterior... soy muy novato en el tema.

function isALink(node){return node.tagName=="A"?true:node.parentNode?isALink(nod e.parentNode):false;}

IsaBelM · #4 (**permalink**) 15/02/2011, 17:01

si yo fuera tú, lo haría del lado del servidor.
una vez recibida la cadena a insertar, reemplazaría las palabras claves, usando expresiones regulares, por ejemplo por bbcode país. te aconsejo bbcode y no que lo reemplaces por <a href="url">url</a> por que puede que en un futuro el target cambie. ya sólo has de volver a reemplazar los tag cuando vayas a imprimirlo por pantalla

miguelvivot · #5 (**permalink**) 15/02/2011, 17:53

Cita:

Iniciado por IsaBelM

si yo fuera tú, lo haría del lado del servidor.
una vez recibida la cadena a insertar, reemplazaría las palabras claves, usando expresiones regulares, por ejemplo por bbcode [url] país[/url]. te aconsejo bbcode y no que lo reemplaces por <a href="url">url</a> por que puede que en un futuro el target cambie. ya sólo has de volver a reemplazar los tag cuando vayas a imprimirlo por pantalla

El problema esta en que no tengo acceso a la base de datos. Por eso busco hacerlo de esta manera.

Igualmente, gracias.