javascript y css

[adexedl]

Hola amigos,

tengo este código en js
<script>countup(2,2,2009)</script>
que lo que hace es una cuenta atrás hasta la fecha que le pongo.

No se si en javascript se podría hacer por ejemplo cuando quede 30 días para la fecha que me muestre por ejemplo estilo1 y que cuando quede 7 días me muestre estilo2, estilo1 y 2 se suponen que son css.

Yo en php lo hago con condicionales, no se si se podrá hacer en javascript

Saludos y gracias de antemano

[marcopoloaz06]

Hola,
ps nose
que aga esa
funcion pero aca
te pongo como lo puedes
hacer para que te des una idea

Código javascript:

var Hoy = new Date();
 var Fecha = new Date( 2009,  // año 2009
                       2,     // Marzo
                       2      // día 2
                     );
 var Fecha1 = Fecha.add( "d", - 30 );
 var Fecha2 = Fecha.add( "d", - 7 );
 
 if( Hoy.getTime() > Fecha.getTime() ){
    // Hoy es el gRan día
 }else if( Hoy.getTime() > Fecha1.getTime() && Hoy.getTime() < Fecha2.getTime() ){
    // Faltan menos de 30 días
 }else if( Hoy.getTime() > Fecha2.getTime() ){
    // Faltan menos de 7 días
 }
 

y el fichero de DateAdd aqui te lo dejo
http://polopolomp.6te.net/dateadd.js

bueno aver si te sirve

saludoz
;]

[David]

No hice las pruebas, pero supongo que con document.write podría imprimirse un estilo u otro. Pero no lo recomiendo de ninguna manera.

De hecho, no recomiendo que lo hagas con Javascript, mejor haz eso del lado del servidor (dijiste que estás trabajando con PHP), así no tendrás problemas si la fecha del lado del cliente está mal.

[adexedl]

Hola amigos,

muchas gracias por vuestras respuestas. Comentaros que esto no importa que sea de lado del cliente, porque es una cosa que voy a utilizar en local.

Lo he probado pero no me funciona, quizás algo este haciendo mal. Para hacer la prueba lo he puesto todo en un script

Código HTML:

<script>
Date.prototype.add = function (sInterval, iNum){
  var dTemp = this;
  var t;
  if (!sInterval || iNum == 0) return dTemp;
  switch (sInterval.toLowerCase()){
    case "ms":
      t = dTemp.setMilliseconds(dTemp.getMilliseconds() + iNum);
      dTemp.setMilliseconds(dTemp.getMilliseconds() - iNum);
      break;
    case "s":
      t = dTemp.setSeconds(dTemp.getSeconds() + iNum);
      dTemp.setSeconds(dTemp.getSeconds() - iNum);
      break;
    case "mi":
      t = dTemp.setMinutes(dTemp.getMinutes() + iNum);
      dTemp.setMinutes(dTemp.getMinutes() - iNum);
      break;
    case "h":
      t = dTemp.setHours(dTemp.getHours() + iNum);
      dTemp.setHours(dTemp.getHours() - iNum);
      break;
    case "d":
      t = dTemp.setDate(dTemp.getDate() + iNum);
      dTemp.setDate(dTemp.getDate() - iNum);
      break;
    case "mo":
      t = dTemp.setMonth(dTemp.getMonth() + iNum);
      dTemp.setMonth(dTemp.getMonth() - iNum);
      break;
    case "y":
      t = dTemp.setFullYear(dTemp.getFullYear() + iNum);
      dTemp.setFullYear(dTemp.getFullYear() - iNum);
      break;
  }
  return new Date(t);
}



      var Hoy = new Date();

       var Fecha = new Date( 2008,  // año 2009
 
                             10,     // Marzo
 
                             2      // día 2
 
                           );
 
       var Fecha1 = Fecha.add( "d", - 30 );

       var Fecha2 = Fecha.add( "d", - 7 );

       

       if( Hoy.getTime() > Fecha.getTime() ){

          // Hoy es el gRan día

       }else if( Hoy.getTime() > Fecha1.getTime() && Hoy.getTime() < Fecha2.getTime() ){

          // Faltan menos de 30 días

       }else if( Hoy.getTime() > Fecha2.getTime() ){

          // Faltan menos de 7 días

       }
</script> 

No se que estaré haciendo mal.

Saludos y mil gracias

[marcopoloaz06]

Hola, ps con otra funcion la puedes hacer mas fácil, aqui te lo dejo

Código javascript:

var Hoy = new Date();
 var Fecha = new Date( 2008,  // año 2008
                       10,    // Noviembre
                       1      // día 1
                     );
 var Fecha1 = Fecha.add( "d", - 30 );
 var Fecha2 = Fecha.add( "d", - 7 );
 var diff = DateDiff( "d", Hoy, Fecha );
 // la "d" es para sacar la diferencia en dias, una "m" en meses
// la variable diff guarda la diferencia de el número de días que faltan
 
 if( diff == 0  ){
    alert( "Hoy es el gRan día" );
 }else if( diff >= 7 && diff < 30 ){
    alert( "Faltan menos de 30 días ("+ diff +")" );
 }else if( diff < 7 &&  diff > 0 ){
    alert( "Faltan menos de 7 días ("+ diff +")" );
 }else{
    alert( diff +" días" );
 }
 

el datediff.js http://polopolomp.6te.net/datediff.js
esas funciones las conoci en VisualBasic
saludos ;]

[adexedl]

Hola,

me sigue sin funcionar, no me aparece nada ...

Saludos y mil gracias