En concreto el error dice:

“At Line 565 of file “c:\Program Files(x86)\adobe\Adobe Dreamweaver CS6\ Configuration\PhoneGapBuildPlugin\js\PhonegapPlugin.js” Keys has no properties”

La solución es sencilla:

1. Eliminar el proyecto de PhoneGap Build y borrar en Dreamweaver el archivo ProjectSettings que se había generado con la versión anterior.
2. Al volver a compilar DW nos preguntará de qué proyecto se trata, le diremos que es un proyecto nuevo, introduciremos las keys si las tenemos (si no las necesitas, simplemente déjalas en blanco) y pulsa continuar.
3. El archivo se creará de nuevo, el proyecto aparecerá como estaba y ya no tendrás problemas

Curiosamente, esta solución también es válida si tenemos problemas de caché al realizar modificaciones en los archivos del proyecto. en este caso no es necesario eliminar el proyecto en PG Build.

Si estás interesado, te recomendamos que visites su sitio y te registres para mantenerte al día de las novedades.

URL: http://adobelink.com
Twitter: @adobelink

¡Te esperamos!

Para saber más y registrarte:http://www.adobehispano.com/asistir.htm

Como norma general, cualquier usuario sabe que, cuando el cursor cambia a una mano, se puede hacer click sobre el elemento. Por lo tanto el truco es muy sencillo: Hacer que label responda cambiando el cursor cuando nos situamos encima del mismo, como por ejemplo en este input:

¿Y cómo conseguimos la mano? Para eso tenemos CSS:

label{
    cursor:pointer
}

Listo

Fecha: Martes 21 de Junio de 2011
Hora: 10:00 AM
Lugar: Sala de Reuniones de Q-interactiva en Oviedo (Ver localización)

Os esperamos!

El proceso más útil sería crear nuestra propia plantilla, pero además de ser algo complicado nos obligaría a crear una nueva cada vez que se actualicen las librerías.

La ventaja de utilizar el panel es que nos permite indicar una carpeta desde la que se obtienen los archivos requeridos por jQueryMobile, sin necesidad de que se encuentren dentro de la configuración de Dreamweaver ni en el sitio que estemos creando: Podemos dejar la carpeta en nuestro escritorio, selecionarla desde el diálogo que nos aparece al crear la primera página y DW se encargará de copiarlos al sitio además de recordar la configuración. Además podemos cambiar de versión de librería siempre que queramos.

Por último, otra pequeña ventaja: Al utilizar las plantillas, las librerías son copiadas directamente a la raiz del sitio. Al insertar páginas, en cambio, los archivos son copiados dentro de una carpeta (utiliza el mismo nombre que la carpeta donde tengamos alojados los archivos).

Podemos incluso crear nuestro propio comando, para poder definir la carpeta de origen en cualquier momento e incluso que nos añado los archivos sin necesidad de crear una página.

1.- Copiar los archivos JQMSettings.htm y JQMSettings.js que se encuentran dentro la carpeta Configuration/Commands de DW
2.- Pegarlos en la carpeta Configuration/Commands del usuario (crearla si aún no existe). Las rutas son:

• Mac: /Users/Usuario/Library/Application Support/Adobe/Dreamweaver CS5.5/[idioma]/Configuration
• Win: C:\Users\Usuario\AppData\Roaming\Adobe\Dreamweaver CS5.5\[idioma]\Configuration

3.- Editar la linea 1 de JQMSettings.htm y eliminar el comentario
4.- Editar la linea 89 de JQMSettings.js

• antes:
  result.returnValue = “OK”
• despues:
  if(result!=undefined){
  result.returnValue = “OK”
  }else{
  addResources(dw.getDocumentDOM());
  }

A partir de ahora, nos aparecerá un nuevo comando, desde el que podremos seleccionar y añadir directamente las librerías a nuestro documento:

Sin embargo, por defecto, algunas funcionalidades, como añadir una pantalla de entrada (Splash screen) sólo aparece disponible por defecto para las aplicaciones de iOS.

El problema reside en que esta funcionalidad sólo ha estado disponible desde las últimas versiones de PhoneGap

¿Quiere esto decir que no podemos hacer lo mismo para Android? Con un pequeño retoque, sí.

El código de Dreamweaver ya estaba preparado para aceptarla cuando apareciera, así que sólo necesitamos saber dónde se encuentra escondida y activarla.

1.- Por defecto, la ventana para configurar una aplicación de Android (Site->Mobile Applications->Application Settings…) presenta este diseño:

2.- El diseño y la lógica de esta ventana se encuentra en la carpeta Configuration/NativeAppFramework de DW, concretamente en los archivos NativeAppSetup.htm y NativeApp.js. Para trabajar más seguros, copiaremos todo a la carpeta configuration del usuario para que nos quede esta ruta:
C:\Users\*NombreUsuario*\AppData\Roaming\Adobe\Dreamweaver CS5.5\en_US\Configuration\NativeAppFramework\

De esta manera nos aseguramos de que cualquier problema que pueda aparecer se soluciona simplemente eliminando la carpeta.

3.- Ya tenemos todo listo: Abrimos el archivo NativeAppSetup.js y vamos a la línea 105:

4.- Simplemente comentamos las lineas 106 y 107:

5.- Guardamos los cambios, reiniciamos Dreamweaver y…. voilá:

2.- CSS3 a pleno rendimiento: No sólo vas a ver el resultado en la vista en vivo, sino que se han añadido nuevos grupos de propiedades al panel de estilos. Incluye incluso soporte para trabajar con los formatos de colores rgb, rgba, hsl y hsla

3.- Panel de CSS mejorado: Ahora hay muchas propiedades (como sombras, degradados…) que puede editar de forma visual desde el mismo panel.

4.- Ayuda al código: Además de todo lo que ya hacía, como la introspección de CS5, se añade soporte para HTML5, CSS3, DOM y… jQuery!!! Si utilizas este framework, te lo vas a pasar en grande: Lo primero de todo es que no hace falta ni enlazarlo: Viene de forma nativa. además verás que es capaz de distinguir entre métodos estáticos y no estáticos, encadenado de métodos, métodos sobrecargados, manejadores de eventos, selectores (sabe distinguir entre etiquetas, id’s y classnames sólo con empezar a teclear y funciona incluso con filtros)… impresionante

5.- Vista en múltiples pantallas y CSS media queries: Puedes configurar distintas dimensiones de pantalla y la vista diseño de Dw se redimensionará y se adaptará a los valores que hayamos definidos en los media queries de CSS. Ideal para trabajar en sitios complatibles en múltiples dispositivos (Pc, tablet, teléfonos…)

6.- Ahora sí: Validación de la buena: Los documentos no se validan en local, sino directamente contra el validador del W3C. Puede validar tanto documentos estáticos (html) como dinámicos (php)

7.- Soporte para FTPS, tanto en su modálidad implícita (FTPS) como explícita (FTPeS)

8.- Widget Browser: Ahora se instala por defecto y trae alguna novedad como poder arrastrar el widget directamente al documento que tengas abierto en Dreamweaver.

9.- jQuery Mobile: Se incluyen no sólo una colección de widgets especiales para jQM, sino que también tienes acceso a páginas predefinidas con las que poder comenzar a trabajar directamente con este framework especial para móviles

10.- PhoneGap: He dejado esta para el final porque es mi favorita: Si quieres comenzar en el mundo de las aplicaciones para iOS y Android lo tienes más fácil que nunca. Por ejemplo, si te gusta Android (como es mi caso), Dreamweaver te ayuda a instalar el SDK y el emulador con un sólo click y hasta a crear tus propios dispositivos virtuales para realizar pruebas en diferentes configuraciones. El proceso es tan sencillo como definir las características de tu aplicación (más sencillo que configurar un sitio), comenzar a crear y probarlo en el emulador en cualquier momento.