Archive for noviembre, 2012

Windows 8: integrando JQuery

Una de las cosas que me ha llamado la atención al seguir los tutoriales de Microsoft sobre la programación para Windows 8 utilizando HTML5 y JS es que en los tutoriales se usa la sintaxis que para los usuarios de JQuery o similares puede parecer de la prehistoria.

Me estoy refiriendo al  document.getElementById(“mielemento”)

Este es el código del primer tutorial:

    function buttonClickHandler(eventInfo) {

        var userName = document.getElementById("nameInput").value;
        var greetingString = "Hello, " + userName + "!";
        document.getElementById("greetingOutput").innerText = greetingString;
    }

Puede ser un paso atrás en la programación para los que estamos acostumbrados a otras cosas.

Por suerte para los que trabajamos con librerías tipo JQuery se pueden integrar muy bien en un proyecto de Windows 8.

Para ello tenemos que seguir unos sencillos pasos:

1- Obtener nuestra librería ”preferida”, en mi caso JQuery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" ></script>

Importante: cuando estamos programando y probando nuestra AppMetro en local, el compilador no permite acceder a Internet para usar recurso

La solución pasa por descargar la libreria e incluirla en el proyecto.

2- Incluirla en el proyecto

Importante: incluirla antes de las librerías de nuestras páginas

3- Utilizarla como siempre

Codigo original del tutorial:

    function buttonClickHandler(eventInfo) {

        var userName = document.getElementById("nameInput").value;
        var greetingString = "Hello, " + userName + "!";
        document.getElementById("greetingOutput").innerText = greetingString;
    }

Código utilizando jQuery:

    $(document).ready(function () {

        $("#helloButton").click(function () {
            var userName = $("#nameInput").val();
            var greetingString = "Hello, " + userName + "!";
            $("#greetingOutput").html(greetingString);
        });

    });

 

Con esta integración no debería de ser problemático incluso migrar ciertas webs a un entorno Windows 8. Esto lo probaremos en otro momento.

 

 

Share