(Ver Imagen)

Artículos relacionados

• Aplicación nativa de Worpdress para iPhone disponible
• Mozilla Prism, convierte cualquier página en una aplicación
• Proceso del desarrollo de una aplicación informática
• La primera aplicación para iPhone
• Aplicación en Ajax increible!!

(Ver Imagen) La apariencia, muy similar a la galería del propio iPhone, nos permite visualizar muy fácilmente esas imágenes que queremos mostrar al mundo. Demo / Descargar / Manual de instalación

Artículos relacionados

• Crea una galería de imagenes útil
• Una galería aún más espectacular
• Galería dinámica en Javascript
• Otra Galeria completamente en CSS
• mooCicle, la galería de fotos más original

(Ver Imagen) Dispone de una serie de funciones que activarán los elementos nativos del dispositivo. Además de ...

• Control completo de la apariencia de la aplicación
• Posibilidad de reproducir sonido en streaming
• Controlar la vibración
• Soporte de la Agenda
• Acceso a ficheros
• Acceso a Internet

Artículos relacionados

• Convierte una aplicación web en nativa para iPhone/iPad
• Aplicación nativa de Worpdress para iPhone disponible
• Framework CSS y XHTML para desarrollar en iPhone y iPod Touch
• Aplicaciones de terceros nativas para el iPhone
• aNieto2k en el iPhone

new io('/results.json', {
    format: 'json',
    method: 'post',
    params: { mustache: true },
    onSuccess: function(response) { 
        alert(response); // response == data returned from server
    }, 
    onFailure: function() { 
        alert('There was an error getting the data');
    }
});

Artículos relacionados

• Framework CSS y XHTML para desarrollar en iPhone y iPod Touch
• PastryKit, framework JS/CSS para trabajar con iPhone de Apple
• Aplicación nativa de Worpdress para iPhone disponible
• ¿Como se verá Digg desde el iphone?
• aNieto2k en el iPhone

Artículos relacionados

• Safari para Windows!!!!
• Aplicación nativa de Worpdress para iPhone disponible
• Internet Explorer 8 disponible en el Windows Server Update Services (WSUS)
• Convierte tu Windows XP en Windows 7
• ¿Como se verá Digg desde el iphone?

Almacenamiento DOM

try {
    if (!window.openDatabase) {
        alert('not supported');
    } else {
        var shortName = 'mydatabase';
        var version = '1.0';
        var displayName = 'My Important Database';
        var maxSize = 65536; // in bytes
        var mydb = openDatabase(shortName, version, displayName, maxSize);

 	// Creamos las tablas
 	createTables(mydb);

 	// Ejecutamos UPDATE
 	updateRow('jdoe', 'fuschia');
    }
} catch(e) {
    // Error handling code goes here.
    if (e == INVALID_STATE_ERR) {
        // Version number mismatch.
        alert("Invalid database version.");
    } else {
        alert("Unknown error "+e+".");
    }
    return;
}

function createTables(db)
{
    db.transaction(
        function (transaction) {

            /* CREAMOS LA TABLA SI NO EXISTE . */
            transaction.executeSql('CREATE TABLE people(id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT, name TEXT NOT NULL DEFAULT "John Doe", shirt TEXT NOT NULL DEFAULT "Purple");', [], nullDataHandler, errorHandler);

            /* AÑADIMOS DATOS. */
            transaction.executeSql('insert into people (name, shirt) VALUES ("Joe", "Green");', [], nullDataHandler, errorHandler);
            transaction.executeSql('insert into people (name, shirt) VALUES ("Mark", "Blue");', [], nullDataHandler, errorHandler);
            transaction.executeSql('insert into people (name, shirt) VALUES ("Phil", "Orange");', [], nullDataHandler, errorHandler);
            transaction.executeSql('insert into people (name, shirt) VALUES ("jdoe", "Purple");', [], nullDataHandler, errorHandler);
        }
    );
}

function updateRow(name, shirt) {
	db.transaction(
    function (transaction) {
        transaction.executeSql("UPDATE people set shirt=? where name=?;",
            [ shirt, name ]); // array of values for the ? placeholders
    }
	);
}

Caché HTML5 de Aplicaciones

Artículos relacionados

• Aplicación nativa de Worpdress para iPhone disponible
• ¿Como se verá Digg desde el iphone?
• aNieto2k en el iPhone
• Novedades sobre el iPhone
• Simulador de iPhone para Windows

// Inicio del evento Touch
document.addEventListener('touchstart', function(e) {}, false);
// Durante el evento Touch
document.addEventListener('touchmove', function(e) {}, false);
// Termina el evento Touch
document.addEventListener('touchend', function(e){}, false);

document.addEventListener('EVENTO', ACCION, CAPTURE);

document.addEventListener('touchstart', function(e) {
        // Posición inicial del evento touch
        var touch = e.touches[0];
	// Posición X
	pageX = touch.pageX;
	// Posición Y
	pageY = touch.pageY;
}, false);

// Valores iniciales
var pageX = pageY = 0;
// Sensibilidad en pixels
var sensibilidad = 10;
// Evento START
document.addEventListener('touchstart', function(e) {
	// Posición inicial del evento touch
	var touch = e.touches[0];

	// Posición X
	pageX = touch.pageX;

	// Posición Y
	pageY = touch.pageY;
}, false);

// Evento MOVE
document.addEventListener('touchmove', function(e) {
        // Evitamos que se mueva la página 
        e.preventDefault();
	var touch = e.touches[0];
	// Variación de la posición Y
	var Y = pageY - touch.pageY;

	// Variación de la posición X
	var X = pageX - touch.pageX;

	// Dirección Y
	if (Y < sensibilidad) dirY = 'abajo';
	else if (Y > sensibilidad) dirY = 'arriba';
	else dirY = 'centro';

	//Dirección X
	if (X < sensibilidad) dirX = 'derecha';
	else if (X > sensibilidad) dirX = 'izquierda';
	else dirX = 'centro';

	document.getElementById("info").innerHTML = '<h2>' +dirY+ " " + dirX + '</h2>';
}, false);

// Evento END
document.addEventListener('touchend', function(e){return;}, false); // No hacemos nada

Artículos relacionados

• Framework CSS y XHTML para desarrollar en iPhone y iPod Touch
• Juegos Javascript para tu iPhone/iPod Touch
• Añade firma tus correos desde el iPhone/iPod Touch
• Gestión de eventos en Javascript con Prototype
• Google Calendar versión iPhone/iPod Touch

El javascript necesario

addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1);}

Artículos relacionados

• Oculta la barra de navegación en Mobile Safari sin Javascript
• Google Gears para Safari
• Oculta ficheros dentro de los .JPG en Windows
• WordPress Mobile Edition 3.0.5
• WordPress Mobile para WordPress 2.0

Artículos relacionados

• Convierte una aplicación web en nativa para iPhone/iPad
• La primera aplicación para iPhone
• Framework CSS y XHTML para desarrollar en iPhone y iPod Touch
• Recopilación de trucos para WordPress 2.6
• ¿Como se verá Digg desde el iphone?

Artículos relacionados

• Aplicación nativa de Worpdress para iPhone disponible
• ¿Como se verá Digg desde el iphone?
• aNieto2k en el iPhone
• aNieto2k ahora personalizada para iPhone e iTouch
• Administra tu WordPress desde el iPad