Ajuste al Badge Javascript de Twitter para que funcione en Internet Explorer
Publicado por Edgar González 1 Mayo 2007 en JavaScript.
Agregándo la funcionalidad de to2twitter al Directorio de Blogs de Venezuela, me encuentro con que el badge Javascript ofrecido por twitter no funciona bien en Internet Explorer.
El error se presenta en la función relative_time:
-
function relative_time(time_value) {
-
var parsed_date = Date.parse(time_value);
-
-
var relative_to = (arguments.length> 1) ? arguments[1] : new Date();
-
var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
-
-
if(delta <60) {
-
return 'less than a minute ago';
-
} else if(delta <120) {
-
return 'about a minute ago';
-
} else if(delta <(45*60)) {
-
return (parseInt(delta / 60)).toString() + ' minutes ago';
-
} else if(delta <(90*60)) {
-
return 'about an hour ago';
-
} else if(delta <(24*60*60)) {
-
return 'about ' + (parseInt(delta / 3600)).toString() + ' hours ago';
-
} else if(delta <(48*60*60)) {
-
return '1 day ago';
-
} else {
-
return (parseInt(delta / 86400)).toString() + ' days ago';
-
}
-
}
Las fechas devueltas por twitter están en el siguiente formato:
-
"Tue May 01 12:35:05 +0000 2007"
Al intentar hacer el Date.parse con esos valores, Internet Explorer devuelve un NaN, con lo cual el resultado de la función relative_time es algo como "NaN days ago".
La alternativa es convertir el formato de las fechas devueltas por twitter a:
-
"May 01, 2007 12:35:05"
Para que el Date.parse se ejecute bien en IE.
La nueva función relative_time (con mensajes en español) queda de esta forma:
-
function relative_time(time_value) {
-
var values = time_value.split(" ");
-
time_value = values[1]+" "+values[2]+", "+values[5]+" "+values[3];
-
var parsed_date = Date.parse(time_value);
-
-
var relative_to = (arguments.length> 1) ? arguments[1] : new Date();
-
var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
-
delta = delta + (relative_to.getTimezoneOffset()*60);
-
-
if(delta <60) {
-
return 'hace menos de un minuto';
-
} else if(delta <120) {
-
return 'hace un poco más de un minuto';
-
} else if(delta <(45*60)) {
-
return 'hace ' + (parseInt(delta / 60)).toString() + ' minutos';
-
} else if(delta <(90*60)) {
-
return 'hace más de una hora';
-
} else if(delta <(24*60*60)) {
-
return 'hace ' + (parseInt(delta / 3600)).toString() + ' horas';
-
} else if(delta <(48*60*60)) {
-
return 'hace 1 día';
-
} else {
-
return 'hace ' + (parseInt(delta / 86400)).toString() + ' días';
-
}
-
}
El cambio en el manejo del delta:
-
delta = delta + (relative_to.getTimezoneOffset()*60);
es para asegurar la diferencia entre las fechas dado el huso horario del navegador cliente.
Muy interestante, pero como lo aplico? twitter solo me da un embed, nada de javascript :o, escribeme a mi correo por favor :D
GRACIAS, muchísimas gracias, me sirvió bastante.
GRACIAS!