intercambiar texto cada x segundos

Roly · #1 (**permalink**) 21/03/2005, 05:42

tengo una tabla de productos y hay algunos que estan de oferta, lo que quiero hacer es que los que estan de ofertas muestren el precio y despues de 1 seg muestren en vez del precio "oferta", son varios articulos, se puede hacer esto?

JavierB · #2 (**permalink**) 21/03/2005, 06:09

Hola Roly

¿Te serviría esto...?

Código PHP:

  <html> 
<head> 
<script type="text/javascript"> 
var cambio=false; 
function cambiar() { 
  document.getElementById('precio').innerHTML=cambio ? '1.500 €' : 'oferta' ; 
  cambio = !cambio; 
} 
</script> 
</head> 
<body onload="setInterval('cambiar()',3000)"> 
<p>Precio: <span id="precio">1.500 €</span></p> 
</body> 
</html>

La línea setInterval('cambiar()',3000) indica que cambiará cada 3000 milisegundos (3 segundos)

Saludos,

Roly · #3 (**permalink**) 21/03/2005, 06:16

Lo probe y solo cambia el primero que aparece, no se pueden cambiar todos los que sean € 20?

JavierB · #4 (**permalink**) 21/03/2005, 09:23

Hola de nuevo.

Te dejo un código un poco más elaborado:

Código PHP:

  <html> 
<head> 
<script type="text/javascript"> 
var cambio=false; 
function cambiar() { 
  sp=document.getElementsByTagName('span'); 
  for(i=0;ele=sp[i];i++) 
    if(sp[i].className=='oferta') //*** 
      sp[i].innerHTML=cambio   ? sp[i].alt : 'oferta'; 
  cambio = !cambio;  
} 
</script> 
</head> 
<body onload="setInterval('cambiar()',3000)"> 
<p>Precio: <span class="oferta" alt="1.500 €">1.500 €</span></p> 
<p>Precio: <span class="oferta" alt="2.000 €">2.000 €</span></p> 
</body> 
</html>

Si no tienes más etiquetas <span> que las de oferta, puedes quitar la línea del código que tiene 3 asteriscos y tampoco hace falta que pongas class="oferta"

Espero que te sirva. Saludos,

P.D. Por cierto, vaya unos precios que has puesto para ser ofertas