replace para remplazar codigo de html

Dani_1270 · #1 (**permalink**) 09/04/2011, 06:07

Hola a todos
quería preguntaros si alguien me puede decir como se puede remplazar codigo dentro del body, por ejemplo, yo tengo esto:

Código HTML:

<html>
...
<body>

imagen http://images.example.com/imagen.jpg

</body>
...
</html>

ese "imagen http://..." me lo introduce el php, y quería hacer algo asi:

Código:

<script>
document.replace(/http://images/g, "\<img src='http://images");
document.replace(/.jpg/g, ".jpg' \/>");
// He puesto document antes de replace por poner algo, realmente 
// nose como hacerlo, es lo que os quiero preguntar
</script>

Alguien me puede explicar como tendría que hacer el script para que me remplace eso que pido arriba pero en todo el documento?

IsaBelM · #2 (**permalink**) 09/04/2011, 06:21

usa document.body.innerHTML

Dani_1270 · #3 (**permalink**) 09/04/2011, 06:44

Lo he intentado así:

Código:

<script>
document.body.innerHTML.replace(/http://images/g, "\<img src='http://images");
document.body.innerHTML.replace(/.jpg/g, ".jpg' \/>");
</script>

Pero sigue sin funcionarme! :(
¿Estoy haciendo algo mal?

IsaBelM · #4 (**permalink**) 09/04/2011, 06:50

fíjate en lo que te he marcado

Cita:

document.body.innerHTML.replace(/http:\/\/images(.+)\.jpg/g, '<img src="http:\/\/images$1\.jpg" \/>');

Dani_1270 · #5 (**permalink**) 09/04/2011, 07:05

Lo he intentado pero no funciona (porque el javascript siempre se me resistira

)

He colgado un ejemplo de lo que he hecho:

http://www.karballo.net/ejemplo.html

pero nada, no quiere ir...

zerokilled · #6 (**permalink**) 09/04/2011, 07:30

buenas,

tal como sospechaba!

cuando tu operas con string, los cambios no se hacen directamente sobre el string, sino que se crea un nuevo string. en este caso, el metodo replace devuelve un string modificado pero no altera el string de origen. tienes que asignar ese resultado al origen para poder ver algun cambio.

Dani_1270 · #7 (**permalink**) 09/04/2011, 07:53

¿Pero entonces no hay ninguna forma de hacer en javascript que se remplace ese texto?

_cronos2 · #8 (**permalink**) 09/04/2011, 08:04

Creo que no entendiste lo que te dijo @ZK. innerHTML es una propiedad de los elementos HTML, que setea el contenido interno de los elementos. Pero si no le asignas ningún valor, sigue igual. Fíjate en este ejemplo:

Código Javascript:

Ver originalvar texto = 'Esto es un texto de prueba';
alert(texto.substr(0, 7)); // 'Esto es', texto -> 'Esto es un texto de prueba'
alert(texto = texto.substr(0, 7)); // 'Esto es', texto -> 'Esto es'

Saludos (:

Dani_1270 · #9 (**permalink**) 09/04/2011, 09:24

Es verdad, lo probé asi:

Código HTML:

<div id="dx">
imagen http://imgserver.karballo.net/2039/cd-0918325678/imgejemplo.jpg
</div>

Código:

dx = document.getElementById("dx").innerHTML;
dx = dx.substring(7,70);
document.getElementById("dx").innerHTML="\<img src="+dx+" \/>";

Pero aunque funciona, con substring tengo k saber el caracter con el que empieza y con el que termina, y las urls de las imagenes no son todas de la misma longitud...
Una pena que replace no funcione como yo quiero...

IsaBelM · #10 (**permalink**) 09/04/2011, 13:52

por qué dices que no funciona replace como tú quieres??

Cita:

function fnc() {
var str = document.body.innerHTML;
str = str.replace(/http:\/\/imgserver(.+)\.jpg/g, '<img src="http:\/\/imgserver$1\.jpg" \/>');
document.body.innerHTML = str;
}

window.onload = function() {fnc();};

Dani_1270 · #11 (**permalink**) 09/04/2011, 15:23

Flipante o.O media tarde rompiendome la cabeza para conseguir eso, y lo que tenía que haber hecho era meterlo en una funcion y que se ejecutara al acabar de cargar? o.O

Muchiiisimas gracias IsaBelM !! =D

zerokilled · #12 (**permalink**) 09/04/2011, 15:32

no, fijate en la siguiente linea. era cuestion de asignar el texto modificado a la misma propiedad.

Código:

document.body.innerHTML = str

Dani_1270 · #13 (**permalink**) 09/04/2011, 16:21

yaa, siempre me salen mal las cosas de javascript por cosas de ese tipo, haber si me empoyo bien el manual de javascript xD