Javascript

Time picker en jQuery

ByLuis October 8, 2008

Curioso script en jQuery que permite transformar una caja de texto en un seleccionador de tiempo. Pinchando sobre ella nos saldrán las horas que podemos elegir, y al movernos sobre las horas, aparecerán los minutos y así con el resto de los datos.

Su utilización es muy fácil, tan solo habrá que ejecutar lo siguiente:

$(function(){
$('#test-1').timepickr();
});

A parte se puede configurar indicando que horas, minutos, segundos y etiquetas (am/pm) se pueden elegir, los formatos o incluso que datos mostrar o no.

jquery.timepickr.js

Vía / WebAppers

Javascript

Tutoriales de Javascript

ByLuis November 30, 2006

EstÃ¡ claro que tutoriales hay muchos, pero no todos son iguales, ni estÃ¡n enfocados para un mismo pÃºblico. En este caso, yo creo que se trata de tutoriales sencillos pensados para empezar de cero, para quien no tenga ningÃºn conocimiento de Javascript, incluso dirÃa que para quienes el HTML es solo una forma de mostrar texto.
Empieza por lo mÃ¡s bÃ¡sico, luego nos introduce los objetos, funciones, tipos bÃ¡sicos, arrays, formularios y validaciones, trabajar con frames. Lo dicho, para empezar creo que es muy adecuado.
JavaScript Cake: Tutorials and Scripts
VÃa / dzone

Javascript

Ejemplos de javascripts optimizados

ByLuis February 27, 2007

Si el otro dÃa os contÃ¡bamos cÃ³mo agilizar tus javascripts, hoy os hacemos referencia a ejemplos sobre esos consejos.
Aunque si soy sincero, no tengo muy claro que se gane mucho tiempo cargando dinÃ¡micamente los scripts y retrasando la ejecuciÃ³n para esperar a que se cargue. O si realmente hay diferencia, que no serÃ¡ mucha y menos con las velocidades que suele tener actualmente la mayoria de la gente, si merece la pena tanta cosa. Si el script lo cargamos inicialmente y luego lo utilizamos en todas nuestras pÃ¡ginas, la optimizaciÃ³n serÃa suficiente.
Yo creo que la mejor soluciÃ³n es no tirar tanto de librerÃas y crear los scripts necesarios para tu aplicaciÃ³n.
Speed Up Your Javascript, Part 2: Downloadable Examples!
VÃa / Dzone

Javascript

jQuery CodeView: plugin para ver el codigo HTML

ByLuis August 17, 2009

jQuery CodeView es un plugin que nos permite mostrar el código HTML de un elemento de la página.

Su uso sería así:

jQuery("#javascript_block").codeview();
jQuery("#javascript_block").codeview({
fontSize: "1.2em",
tabToSpace: -1,
feedColor: false
});

jQuery CodeView Plugin

Vía / DZone

css | Javascript

iUI: librería Javascript/CSS para emular iPhone

ByLuis July 31, 2007

iUI es una librerÃa Javascript/CSS creada por Joe Hewitt, co-fundador de Firefox y creador de Firebug, que permite emular el lenguaje nativo visual del iPhone.

Entre las caracterÃsticas que nos ofrece encontramos:

Controles UI
Enlaces a pÃ¡ginas externas vÃa Ajax
EnvÃo de formularios vÃa Ajax
Soporte para historial del navegador

iUI

VÃa / Ajaxline

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í

Javascript

Select Box Factory: combos con diseño y funcionalidades

ByLuis September 9, 2008

Select Box Factory es un script que nos permite añadir combos en nuestra página web con un estilo propio y que además añade funcionalidades:

Usa divs en vez de options
Añade funcionalidades al desplegable
Los contenedores pueden contener lo que necesitemos
Las opciones pueden estar activas o inactivas
Los estilos se pueden modificar con facilidad
Distintos tipos de combos
Filtros

Select Box Factory

Similar Posts