Script .js para buscar reemplazar

TAJNG · #1 (**permalink**) 09/05/2012, 01:56

Hola... para empezar su foro es excelente todas las dudas que tengo casi siempre ya estan resueltas aqui jajajaa (por eso no tengo tantos mensajes) sin embargo ahora me he topado con algo que requiere algo de ayuda personalizada (juro que soy de los que usa el buscador pero no encontre mi solucion ni siquiera en google)

Verán, tengo un script de esos js para greasemonkey que quiero utilizar para "mejorar" la navegación en una página determinada, pero simple y sencillamente no logro hacerlo funcionar.... no tengo problemas en que haya errores a eso de los 5k o 10k caracteres pero no llevo ni mil y ya estoy rompiendome la cabeza :(

En fin, espero me puedan ayudar, explicaré mi problema: Yo quiero hacer que al cargar la página dada, reemplace determinadas palabras, por otras (en realidad me gustaría que reemplazara con imagenes pero con eso me lo apaño, me urge que primero funcione el replace xD); entre otras varias funciones, pero la primera y principal es esta.

Este es mi código completo (si, es muuuy poco, por eso no entiendo que va mal si recién comienzo):

Código Javascript:

Ver original// ==UserScript==
// @name           Mejorador de página
// @autor          TAJNG
// @description    Script para facilitar el uso de la herramienta de administración de la página X
// @homepage       http://www.forosdelweb.com/*
// @include        http://s*.*.forosdelweb.com/administracion/*
// @version        1.0
// ==/UserScript==
 
/*
    Mi página es del tipo...
    http://s1.es.forosdelweb.com/administracion/admin/user_diario.php?uid=2012666
*/
 
// Capturo la url para desglosarla y usarla adelante
var UrlActual = location.href;
 
// "Parto" mi url con el split con cada diagonal "/"
var SplitUrl = UrlActual.split('/');
 
// Aquí escojo la última parte y la vuelvo a partir usando puntos
var SplitFicha = SplitUrl[5].split('.');
 
// Tomo la parte que me interesa para evaluarla y realizar una acción diferente segun la página
var PaginaUSer = SplitFicha[0];
 
// Determino lo que hará si la última parte es igual a "user_diario" (sin importar lo que le siga a eso)
if (PaginaUser == "user_diario")
    {
        var Log_Transportes = 'Transporte';
        Log_Transportes = Log_Transportes.replace(/Transporte/gi,'palabra_X');
    }

Eso es todo el código, como verán es muy poco y a pesar de ello no funciona :(

En fin, muchas gracias por adelantado, y si alguien se anima a ser mi tutor/mentor/maestro particular en los scripts de este tipo también lo agradecería ya que manejo el java pero en scripts de estos soy noob y no fijo si hay o no diferencias y de ser asi que tan grande es la brecha entre unos y otros xD

saludos!! :D

emprear · #2 (**permalink**) 09/05/2012, 12:57

Me concentro solo en tu planteo y no en la script que estás usando, es decir

Cita:

Yo quiero hacer que al cargar la página dada, reemplace determinadas palabras, por otras (en realidad me gustaría que reemplazara con imagenes...)

Y no hace falta que te apañes....

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Reemplazo con javascript
</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
* {
font-family: verdana, arial, serif;
font-size: 10pt;
} 
 
div{
padding: 5px;
background-color: lime;
}
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
function reemplazar() {
var eltexto = /Lorem/g;
var elreemplazo='<img src="archivo.jpg" alt="" />';
document.body.innerHTML = document.body.innerHTML.replace(eltexto,elreemplazo);
}
//]]>
</script>
</head>
<body onload="reemplazar();">
Lorem ipsum dolor sit amet,  nuda dulcis nostro eum est  cum magna, theophilum suum quibus  coronas talem metaphysicorum
Apollonius. Lorem frumento  manu in lucem  exempli paupers coniunx  in rei sensibilium  acciperem qui enim  ad quia. Care
genitorem ipsam consistit ait est cum suam. Lorem aperuit filiam sunt amore nec est cum, labore in modo compungi  mulierem
ubi augue eiusdem ea. Lorem agnoscere veto vero quo alacres ad quia, puto suam ad nomine Maria non dum.
<p>En un párrafo Lorem</p>
<div>
Lorem aperuit filiam sunt amore nec est cum, labore in modo compungi  mulierem
ubi augue eiusdem ea. Lorem agnoscere veto vero quo alacres ad quia, puto suam ad nomine Maria non dum. 
</div>
<p>Cuidado con esto !!!</p>
<input type="text" value="Lorem agnoscere veto vero" />
</body>
</html>

Pero ojo, que si lo haces para el body en forma indiscriminada, te puede pasar lo que al input al final.
A partir de aqui podrías hacer alguna modificación para que reemplaze en determinado tipo de etiquetas.

Saludos

IsaBelM · #3 (**permalink**) 09/05/2012, 14:44

hasta la línea 28 inclusive, con esto es suficiente. en lugar de usar split y replace, se usa la propiedad indexOf()

Cita:

var url ='http://s1.es.forosdelweb.com/administracion/admin/user_diario.php?uid=2012666';
console.log(url.indexOf('user_diario') !=-1);

TAJNG · #4 (**permalink**) 09/05/2012, 15:57

Al final me sirvió esto...

Cita:

Iniciado por emprear

var eltexto = /Lorem/g;
var elreemplazo='<img src="archivo.jpg" alt="" />';
document.body.innerHTML = document.body.innerHTML.replace(eltexto,elreemplaz o);

Lo único que me faltaba era esa última tercer línea y manejar una segunda variable :)

Gracias emprear ;)

IsaBelM... lamento no haber visto tu respuesta antes, sin embargo me quedé con curiosidad ¿Podrías por favor explicarme con un poco más de detalle como funciona el indexOff()? pasa que no termino de entenderle jejeje... sorry :$

IsaBelM · #5 (**permalink**) 09/05/2012, 16:41

el método indeOf(), con una "f", devuelve la posición de la coincidencia. en caso que no hay coincidencia, devuelve -1. de ahí que te dijera que no necesitas hacer tantos split()

TAJNG · #6 (**permalink**) 13/05/2012, 11:03

hola de nuevo... he estado haciendo el script sin muchos problemas (dentro de lo que cabe) pero me he encontrado con un inconveniente bastante grave...

verán tengo esta parte del código:

Código Javascript:

Ver originalif (PaginaAT=="user_fleetlog")
    {
        var OldTitleFleetlog = [//*muchas variables que hay que reemplazar*//g];
        var NewTitleFleetlog = ['/*unasustitución para cada variable*/'];
        for (i=0;i<OldTitleFleetlog.length;i++)
            {
                var PrevTitleF = '<center><img src="http://' + SplitUrl[2] + '/skin/minimized/';
                var PostTitleF = '.png"></center>';
                var TxtRTitleF = OldTitleFleetlog[i];
                var ImgRTitleF = PrevTitleF + NewTitleFleetlog[i] + PostTitleF;
                document.body.innerHTML = document.body.innerHTML.replace(TxtRTitleF,ImgRTitleF);
            }
        var OldTroopFleetlog = [//*otro tanto de variables para sustituir*//g];
        var NewTroopFleetlog = ['/*reemplazos para cada uno*/'];
        for (i=0;i<OldTroopFleetlog.length;i++)
            {
                var PrevImgOTF = '<img src="http://' + SplitUrl[2] + '/skin/characters/military/x40_y40/y40_';
                var PostImgOTF = '_faceright.png">';
                var TxtReplOTF = OldTroopFleetlog[i];
                var ImgReplOTF = PrevImgOTF + NewTroopFleetlog[i] + PostImgOTF;
                document.body.innerHTML = document.body.innerHTML.replace(TxtReplOTF,ImgReplOTF);
            }
        var OldShipsFleetlog = [//*y aqui un tercer tanto de reemplazos*//g];
        var NewShipsFleetlog = ['/*y obvio su mismo tanto de sustituciones*/'];
        for (i=0;i<OldShipsFleetlog.length;i++)
            {
                var PrevImgOSF = '<img src="http://' + SplitUrl[2] + '/skin/characters/fleet/40x40/ship_';
                var PostImgOSF = '_r_40x40.png">';
                var TxtReplOSF = OldShipsFleetlog[i];
                var ImgReplOSF = PrevImgOSF + NewShipsFleetlog[i] + PostImgOSF;
                document.body.innerHTML = document.body.innerHTML.replace(TxtReplOSF,ImgReplOSF);
            }
        var OldBodyFleetlog = [//*y aqui ya el ultimo jajajaja*//g];
        var NewBodyFleetlog = ['/*idem ...lol*/'];
        for (i=0;i<OldBodyFleetlog.length;i++)
            {
                var PostImgOBF = '.gif">';
                var TxtReplOBF = OldBodyFleetlog[i];
                var ImgReplOBF = PrevImg + NewBodyFleetlog[i] + PostImgOBF;
                document.body.innerHTML = document.body.innerHTML.replace(TxtReplOBF,ImgReplOBF);
            }
    }

verán la función de este fragmento es la de buscar ciertos textos en determinada página y reemplazarlos por imágenes y el problema no lo tengo en el código puntualmente, ya que el script hace todas las funciones que quiero... PEROOO... pasa que cuando en la página hay una cantidad más considerable de texto/imagenes para reemplazar se me queda colgado el navegador completo por algunos segundos... me preguntaba si no conocerían ustedes algún método más "fácil" o rápido de reemplazar carácteres o cadenas para evitar este pequeño problema

muchas gracias por la ayuda :)