Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje01-02-2015, 00:32 (UTC)    
Título del mensaje: Reemplazar una palabra por un código html [JS]

Hola!

Les quiero compartir un código javascript que la verdad me pareció bastante útil y llevo tiempo usándolo en mi sitio web. Este script reemplaza una palabra o un texto por un código html (como por ejemplo códigos de imágenes), para utilizarlo debes pegarlo entre las etiquetas <head></head> de tu sitio web:
Código:
<script type='text/javascript'>
//<![CDATA[

function reemplazaLogos(cual) {
if(!document.getElementById) { return; }
var verificar = "post-" + cual;
bodyText = document.getElementById(verificar);
elTexto = bodyText.innerHTML;
elTexto = elTexto.replace(/[b][color=red]PALABRA[/color][/b]/g,'[b][color=red]CODIGO_HTML[/color][/b]');
bodyText.innerHTML = elTexto;
}

//]]>
</script>

En la línea:
Código:
elTexto = elTexto.replace(/PALABRA/g,'CODIGO_HTML');

Escriben en PALABRA la palabra o el texto que quieran reemplazar y en CODIGO_HTML escriben el código por el cual será reemplazado.

Por ejemplo:
Código:
elTexto = elTexto.replace(/XD/g,'<img src="http://img.webme.com/pic/i/insaniquarium-deluxe/exampleXD.png"/>');

En este caso reemplazaría la palabra XD por un emoticono que simbolice dicha palabra>> http://img.webme.com/pic/i/insaniquarium-deluxe/exampleXD.png



Si quieren agregar más de una palabra sólo deben poner varias veces la línea mencionada anteriormente y en cada una de ellas escribir la palabra o el texto, es decir:
Código:
elTexto = elTexto.replace(/PALABRA/g,'CODIGO_HTML');
elTexto = elTexto.replace(/PALABRA/g,'CODIGO_HTML');
elTexto = elTexto.replace(/PALABRA/g,'CODIGO_HTML');
elTexto = elTexto.replace(/PALABRA/g,'CODIGO_HTML');

Hay varios usos que le pueden dar a este script, como por ejemplo agregar más emoticonos a nuestras webs (como se mostró en el ejemplo anterior con el caso de la carita XD) o también otros modificando textos enteros.

Suerte! Espero que les sea útil

⇝InsaWebツ
______________


Ultima edición por insaniquarium-deluxe el Sab Ene 31, 2015 8:58 pm; editado 1 vez
Mensaje12-02-2015, 04:24 (UTC)    
Título del mensaje:

Muuuuy buen aporte Insa!

Sobre todo la explicación, excelentísimo.

Un Saludo!


Ultima edición por dangrecks el Jue Feb 12, 2015 12:24 am; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group