Javascript

Bug en el método UTC del objeto Date de Javascript

ByLuis April 2, 2008

O al menos en Firefox. Se trata de que si quiero obtener el timestamp de una fecha usando el método Date.UTC me devuelve datos incorrectos.
Por ejemplo, en esta llamada Date.UTC(2008, 3, 2, 18, 33, 32) (el mes es abril porque empieza desde 0), se verá que da un el timestamp 1207161212000, mientras que si creamos un objeto Date y obtenemos su timestamp (new Date(2008, 3, 2, 18, 33, 32)).getTime() obtenemos el timestamp 1207154012000, habiendo 2 horas de diferencia.
Habrá que tener cuidado

Javascript

Nitobi UI: elementos UI para javascript

ByLuis February 25, 2009

Impresionante librería para incluir elementos UI en nuestras aplicaciones javascript. Contiene los siguientes elementos:

Grid: tabla con celdas estilo hoja de cálculo
TreeGrid: igual que el anterior pero permite desplegar filas
ComboBox: un combo mas interactivo, como los de auto-sugerencias
TabStrip: gestión de pestañas
Tree: árbol de datos, tipo directorios/ficheros
FishEye: aumentar elementos con efecto “ojo de pez”
Callout: mensajes popup en plan bocadillo
Spotlight: resaltar elementos DOM, muy útil para realizar guías interactivas
Calendar: calendarios
Toolkit: herramientas varias para Ajax

Nitobi UI

Javascript

Jx: GUI mediante Mootools

ByLuis November 14, 2008

JX Library es una librería para Mootools que nos facilita la realización de interfaces gráficas en nuestras páginas web.

Nos ofrece una variedad de elementos gráficos: layouts, paneles, árboles, grids, botones, toolbars, selectores de color, combos, …
Jx
Vía / WebAppers

Javascript

Tutoriales para crear plugins en jQuery

ByLuis March 13, 2009

Lista de manuales/tutoriales que nos ayudan a realizar plugins para jQuery:

jQuery Plugin Development – 10 Tutorials To Get Started

Vía / CSS Globe

Javascript

Hapi.js + Vue.js empezando con las routes

ByLuis May 7, 2019May 7, 2019

Empezamos a mostrar contenido, hasta ahora solo mostraba un error 404 cuando se accedía a la URL del servidor.

Ahora vamos a añadir una route simple que muestre un objeto JSON cuando se acceda a la home. Recordad que la parte del servidor solo va a devolver respuestas JSON que tratará el frontend.

Usaremos plugins para tratar todas las rutas que incluiremos en glue. En este ejemplo tan solo añadiremos un route al server que devuelva un mensaje:

const Config = require( '../config' );

const websiteName = Config.get( '/website/name' );

const register = function( server, serverOptions ) { // eslint-disable-line
	server.route( {
		method: 'GET',
		path: '/',
		options: {
			tags: [ 'api', 'home' ],
			description: 'Server home',
			notes: 'Server home',
			auth: false,
		},
		handler: function( request, h ) { // eslint-disable-line
			return {
				message: `Welcome to ${ websiteName }`,
			};
		},
	} );
};

module.exports = {
	name: 'api-home',
	dependencies: [],
	register,
};

Ahora solo falta añadir el plugin en el manifest.js

const manifest = {
	server: {
		port: Config.get( '/server/port' ),
	},
	register: {
		plugins: [
			{
				plugin: './api/home',
			},
		],
	},
};

Puedes bajarte el código aquí

How to | Javascript | XHTML

Laboratorio: control input selector para HTML

ByLuis August 29, 2006

Uno de los controles que he visto en alguna aplicaciÃ³n (sobre todo de tipo editor grÃ¡fico), es aquella en la que el valor numÃ©rico de una caja de texto se puede modificar mediante botones y mediante una barra de progreso.

La versiÃ³n que he realizado modifica los input type=”text” que haya en la pÃ¡gina que tengan el atributo rel el valor selector[min,max], siendo min y max los valores mÃnimos y mÃ¡ximos que permite el controlador.

Entre otras cosas, el controlador permite modificar el valor mediante la forma tradicional (usando la caja de texto), usando las flechas, pinchando en la barra de progreso o haciendo drag en la misma barra.

css | Javascript

Evitar el caché en las hojas de estilo

ByLuis November 7, 2007

Algo que suele ocurrir con frecuencia es que al realizar cambios en la hoja de estilos, estos no se vean reflejados en la pÃ¡gina por el cachÃ© del navegador.

Para evitar esto, tan solo es necesario un script que cargue los estilos y que le aÃ±ada un parÃ¡metro GET que sea Ãºnico para que el navegador lo entienda como un fichero nuevo. En este caso el parÃ¡metro es la fecha.

function loadStyleSheets(stylelist) {
var head = $$("head")[0];
var date = new Date();
var dateString = Date.parse(date.toString());
for(var i = 0; i < stylelist.length; i++) {
var link = document.createElement("link");
link.href="style/" + styleList[i] + "?" + dateString;
link.type = "text/css";
link.rel = "stylesheet";
head.appendChild(link);
}
}

En este caso el autor hace uso de la funciÃ³n de Prototype $$, pero se podrÃa hacer sin el uso de este framework.

Como consejos sobre el mismo tema yo aÃ±adirÃa dos:

si estÃ¡s trabajando en local y no ves los cambios, carga en el navegador directamente el fichero .css que hayas modificado, asÃ los cambios aparecerÃ¡n, luego los podrÃ¡s ver en la pÃ¡gina.
si la pÃ¡gina se crea mediante PHP le puedes aÃ±adir a la etiqueta link el parametro GET directamente:

<link rel="stylesheet" href="estilos.css?refresh=<?php echo time(); ?>" />

How to avoid caching and dynamic load of stylesheets

Similar Posts