Wednesday, June 2, 2010 4:05 am, Posted by 0 | Diseño Web, Html, Informatica, Javascript, Lenguajes de Programación, Programacion

jDigiClock: Reloj HTC Hero con jQuery

Topics: , ,

HTC Interface

Andres Nieto nos cuenta sobre jDigiClock: un plugin jQuery que nos permite conseguir un reloj, inspirado en la interfaz del móvil HTC Sense, e integrarlo en los proyectos web que estes desarrollando, claro deberás consultar a tu cliente si le parece la idea…

Como lo Uso?

Como todo plugin jQuery debemos cargar los ficheros Javascript necesarios.

<link rel="stylesheet" type="text/css" href="css/jquery.jdigiclock.css" />
<script type="text/javascript" src="lib/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="lib/jquery.jdigiclock.js"></script>

Una vez cargados ya podemos crear nuestro reloj llamando al plugin indicando el ID del elemento HTML contenedor y especificando una serie de parámetros de configuración.

// HTML
<div id="digiclock"></div>

// Javascript
<script type="text/javascript">
     $(document).ready(function() {
        $('#digiclock').jdigiclock({
            // Aquí la configuración
        });
    });
</script>

Configuración

Disponemos de una serie de parámetros para personalizar nuestro reloj:

* clockImagesPath: Directorio de imágenes del Reloj
* weatherImagesPath: Directorio de imágenes del tiempo
* am_pm: Booleano para especificar AM/PM
* weatherLocationCode: Código de tu cuidad para el tiempo (Base de datos: WeatherLocationDatabase.txt).
* weatherMetric: Medición de la temperatura (C/F)
* weatherUpdate: Tiempo de actualización del tiempo

Related Posts Plugin for WordPress, Blogger...

Articulos Relacionados:

  1. Nueva versión de jQuery: jQuery 1.3
  2. Editor WYSIWYG basado en jQuery para usar en tus sitios web jHtmlArea
  3. qrTip: Plugin de jQuery para desplegar códigos QR sobre enlaces
  4. jQuery 1.5 recién salido del “horno”
  5. 31 trozos de código de jQuery que te harán ser un profesional en JavaScript