Cambiar texto en pantalla por otro

MuleFans · #1 (**permalink**) 02/07/2003, 17:34

Hola:

Estoy buscando una funcion que me permita cambiar una frase que está en pantalla cada x segundos sin recargar la pagina.

Les paso un ejemplo

<html>

<head>
</head>
<body>
<p>Acá esta la frase</p>
</body>
</html>

Quiero cada x segundos cambiar el texto "Acá esta la frase" por otro sin recargar la pagina.
Desde ya muchas gracias.

caricatos · #2 (**permalink**) 02/07/2003, 18:22

Hola MuleFans:

Puedes hacerlo entre otras maneras: poniéndole un ID al tag donde quieres que se vea la frase y una función que la actualice, o dejando la frase en un elemento de formulario, al que puedes aplicar estilos para que se vea bien (hasta donde se pueda)

Básicamente hay que hacer un array de frases:
var frase = [
"En boca cerrada no entran moscas",
"A rio revuelto, ganancia de pescador",
"Al que madruga Dios le ayuda"
];

Perdona por los ejemplos pero son los que se me ocurrieron...

luego pensar en la función para cambiar el índice de las frases, y por último actualizar la página con la frase:

Voy a improvisar con las frases de más arriba, y sumando 1 al índice...

var voy = 0;

function frasesita() {
document.getElementById("LaFrase").innerHTML = frase[voy++ % frase.length];
setTimeout("frasesita()", 5000);
}

<body onload="frasesita()">
<p id="LaFrase"></p>

Dime si te sirve, y si quieres que te explique como funciona.
Este ejemplo debería cambiar la frase por la siguiente cada 5 segundos.

Saludos

MuleFans · #3 (**permalink**) 03/07/2003, 20:26

Muchas Gracias caricatos !!!
Anda perfecto.
Saludos.
www.mulefans.com.ar

KarlanKas · #4 (**permalink**) 04/07/2003, 01:30

Hola a los dos!!

caricatostu ejemplo es muy ingenioso! Me gusta mucho, pero ya sabes lo que ocurre con el innerHTML... no es del todo compatible con todos los navegadores. ¿No habría otra forma de hacerlo?

JavierB · #5 (**permalink**) 04/07/2003, 02:38

Hola a los tres.

Otra forma, que tampoco se si será compatible con todos los navegadores, pódría ser:

<p id="pru">-</p> (Hay que poner algo en el párrafo para que funcione)

Y se cambia con:

elem=document.getElementById('pru');
elem.firstChild.nodeValue='Lo que sea';

Saludos,

caricatos · #6 (**permalink**) 04/07/2003, 02:44

Hola otra vez:

MuleFans: Me alegra que te sirviera, pero tal como dice KarlanKas(Hola

) es un método no del todo compatible con antiguos navegadores (opera 6.05 es relativamente moderno y no funciona bien, y los más viejos funcionan peor).

Una solución que debería funcionar en todos es poniendo las frases en un elemento de formulario, como puede ser un textarea:

<form name=frases>
<textarea name="actual" cols="70" rows="3" readonly
style="align:center; background-Color:#eeffff; border-Style:none; text-Align:center; font-style:italic; font-weight:900; color: blue; overflow:hidden; "></textarea>
</form>

... para este caso la función frasesita sería:
function frasesita() {
document.forms.frases.actual.value = frase[voy++ % frase.length];
setTimeout("frasesita()", 5000);
}

Saludos