cargar archivo.txt en html (bis)

BGW · #1 (**permalink**) 03/11/2009, 13:36

Hola, probé el código de un viejo topic y funciona perfectamente excepto el style... cuál puede ser el error?

Cita:

Cita:

Tambièn quisiera saber si puedo agregar font-family y font-size.

Gracias-

EDIT: nota: espacio en "color" no es el error

zerokilled · #2 (**permalink**) 03/11/2009, 13:53

si intentas primero puramente con CSS veras que <object> no hereda los estilos aplicado al documento como en el siguiente ejemplo,

Código:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Foros del Web - Test</title>
<script type='text/javascript'>

</script>
<style type="text/css">
object#plain{
color:blue;
}
</style>
</head>

<body>
<object id="textoexterno" type="text/plain" data="txt.txt" width="800" height="600"></object>
</body></html>

la razon, dependiendo del tipo de contenido de <object> el navegador genera una cosa u otra. en este caso, el tipo de <object> es text/plain y el navegador genera una ventana con un documento, digamos practicamente igual que un <iframe>. al ser una ventana nueva, dicha ventana no hereda los estilos del documento que le contiene. por tanto, tu solucion es agregar los estilos a dicha ventana. para llegar a ello necesitas algo como,

Código:

document.getElementById("textoexterno").contentDocument.body.style.color="#ff0000";

BGW · #3 (**permalink**) 02/12/2009, 20:33

Hola, gracias por responder.
Probé esto que me indicas pero lamentablemente no ha funcionado. No lee el style... No encuentro la forma de hacerlo funcionar :(

Cita:

Iniciado por zerokilled

la razon, dependiendo del tipo de contenido de <object> el navegador genera una cosa u otra. en este caso, el tipo de <object> es text/plain y el navegador genera una ventana con un documento, digamos practicamente igual que un <iframe>. al ser una ventana nueva, dicha ventana no hereda los estilos del documento que le contiene. por tanto, tu solucion es agregar los estilos a dicha ventana. para llegar a ello necesitas algo como,

Código:

document.getElementById("textoexterno").contentDocument.body.style.color="#ff0000";

BGW · #4 (**permalink**) 02/12/2009, 20:36

Hay posibilidad de solucionarlo con javascript?

zerokilled · #5 (**permalink**) 03/12/2009, 08:22

tendra que explicar como lo estas haciendo porque lo intente en iexplorer8, firefox3.5, safari win32, chrome 2. en todos ellos me funciona.

BGW · #6 (**permalink**) 03/12/2009, 10:39

Cita:

Iniciado por zerokilled

tendra que explicar como lo estas haciendo porque lo intente en iexplorer8, firefox3.5, safari win32, chrome 2. en todos ellos me funciona.

Esto es lo que probé:
(saqué el DOCTYPE en la copia que pegué acá por los links)

Código:

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Foros del Web - Test</title>

<script type="text/javascript">
document.getElementById("textoexterno").contentDocument.body.style.color="#ff0000";
</script>

</head>

<body>
<object id="textoexterno" type="text/plain" data="txt.txt" width="300" height="300"></object>
</body></html>

Se ve el texto pero no con el estilo de color.

Gracias de nuevo.

zerokilled · #7 (**permalink**) 05/12/2009, 23:26

el codigo tiene que interpretarse luego del navegador crear el elemento <object>, de lo contrario el script te genera error. lo que puedes hacer es ubicar esa linea en un evento onload,

Código:

self.onload = function(){
// codigo;
}