Tema: Cambiar estilo de div por tiempo limitado
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 26/03/2010, 05:44
quimfv
Colaborador
  
Fecha de Ingreso: marzo-2008
Ubicación: Sabadell
Mensajes: 4.897
Antigüedad: 16 años, 8 meses
Puntos: 574
Respuesta: Cambiar estilo de div por tiempo limitado
Código HTML: 
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <title>Documento sin t&iacute;tulo</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6. <style type="text/css">
  7. <!--
  8. .acambiar {
  9.     background-color: #000000;
  10. }
  11. .cambiado {
  12.     background-color: #ff0000;
  13. }
  14. -->
  15. </style>
  16. <script language="JavaScript" type="text/JavaScript">
  17. function cambia(iddiv){
  18. if (document.getElementById(iddiv).className=="acambiar"){
  19.         document.getElementById(iddiv).className="cambiado";
  20.     }else{
  21.         document.getElementById(iddiv).className="acambiar";
  22.     }
  23. }
  24. function timedCambia(iddiv)
  25. {
  26.     document.getElementById(iddiv).className="cambiado";
  27.     var funcion="cambia('"+iddiv+"')";
  28.     var t=setTimeout(funcion,1000);
  29. }
  30. </script>
  31. </head>
  32. <body>
  33. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  34.   <tr>
  35.     <td><a href="#" onClick="timedCambia('eldiv')">Hacer clik</a></td>
  36.   </tr>
  37.   <tr>
  38.     <td><div class="acambiar" id="eldiv">&nbsp;</div></td>
  39.   </tr>
  40. </table>
  41.  
  42. </body>
  43. </html>

Esto?

Quim