[SOLUCIONADO] efecto de parpadeo de letras no funciona?

Andrew777 · #1 (**permalink**) 23/08/2013, 09:39

Sres. tengo el siguiente codigo:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script>
(function() {
setInterval(function(){
  var el = document.getElementById('blink');
  if(el.className == 'luz'){
      el.className = 'luz on';
  }else{
      el.className = 'luz';
  }
},500);
 
})();
</script>
<script>
(function() {
setInterval(function(){
  var el = document.getElementById(idElemento);
  if(el.className == 'luz'){
      el.className = 'luz on';
  }else{
      el.className = 'luz';
  }
},500);
})();
 
</script>
 
<style>
.luz.on{
    color: #FF0000;/*color del texto al cambiar*/
    text-shadow: 1px  1px rgba(255, 255, 255, .1),
    -1px -1px rgba(0, 0, 0, .88),
     0px  0px 20px #0099ff;/*color de la luz del texto*/
}
.luz{
  font-size:11pt;;/*tamaño de la fuente*/
  color: #000000;
  /* text-shadow:
     1px  1px rgba(255, 255, 255, .1),
    -1px -1px rgba(0, 0, 0, .88); */
}
</style>
</head>
 
<body>
 
<div class="luz" id="blink"><b>Tu texto aqui</b></div>
<div class="luz" id="blink"><b>Tu texto aqui2</b></div>
</body>
</html>

El cual me sirve para mostrar un efecto de parpadeo de letras, pero solo funciona en el primer DIV y ya no en el segundo, como puedo hacer para q funcione tb en el segundo div.
gracias y saludos

Andrew777 · #2 (**permalink**) 23/08/2013, 09:40

Es que quiero utilizar este codigo para una paginacion en php, donde me muestre este efecto en una columna especifica.
salu2 y gracias de antemano

jonni09lo · #3 (**permalink**) 23/08/2013, 09:41

Esto no tiene nada que ver con PHP, ten en cuenta esto antes de postear

Edito...

No entiendo tu pregunta, cuando hablas de columna especifica te refieres a? El código que muestras no funciona ya que el id de un elemento debe ser ÚNICO y por eso solo te toma el primer div, debes de trabajar con las clases

Para la próxima vez trata de escribir todo en el primer mensaje ya que de otra manera se generan malos entendidos

Saludos

Andrew777 · #4 (**permalink**) 23/08/2013, 13:19

Gracias por las sugerencias, lo resolvi de la siguiente manera, a quien le sirva:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script>
(function() {
setInterval(function(){
  var el = document.getElementsByTagName('p');  
 for (var i=0; i<el.length; i++) 
 {     
       var valor = el.item(i);     
       if(valor.className == 'luz')
       {
        valor.className = 'luz on';
       }
       else
       {
        valor.className = 'luz';
       }
 }   
},500);
})();
 
</script>
<style>
p.luz.on{
    color: #FF0000;/*color del texto al cambiar*/
    text-shadow: 1px  1px rgba(255, 255, 255, .1),
    -1px -1px rgba(0, 0, 0, .88),
     0px  0px 20px #0099ff;/*color de la luz del texto*/
}
p.luz{
  font-size:11pt;;/*tamaño de la fuente*/
  color: #000000;
  /* text-shadow:
     1px  1px rgba(255, 255, 255, .1),
    -1px -1px rgba(0, 0, 0, .88); */
}
 
 
 
</style>
</head>
 
<body>
 
<p class="luz"><b>Tu texto aqui1</b></p>
<p class="luz"><b>Tu texto aqui2</b></p>
<div><b>Tu texto aqui</b></div>
</body>
</html>

saludos cordiales y gracias de nuevo por las sugerencias.