From d95a1339140f8483845a9415e788ab7aae76189b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Juanjo=20Corbala=CC=81n?= Date: Mon, 24 Nov 2014 12:39:06 +0100 Subject: [PATCH] =?UTF-8?q?Correcci=C3=B3n=20de=20faltas=20ortogr=C3=A1fic?= =?UTF-8?q?as?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- libro/html/index.html | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/libro/html/index.html b/libro/html/index.html index c5f7a85..77d1543 100644 --- a/libro/html/index.html +++ b/libro/html/index.html @@ -1965,7 +1965,7 @@

5.6.2

5.7 Ejercicios

5.7.1 Crear una “Sugerencia” para una Caja de Ingreso de Texto

-

Abra el archivo /ejercicios/index.html en el navegador. Realice el ejericio utilizando el archivo /ejercicios/js/inputHint.js o trabaje directamente con Firebug. La tarea a realizar es utilizar el texto del elemento label y aplicar una “sugerencia” en la caja de ingreso de texto. Los pasos ha seguir son los siguientes:

+

Abra el archivo /ejercicios/index.html en el navegador. Realice el ejercicio utilizando el archivo /ejercicios/js/inputHint.js o trabaje directamente con Firebug. La tarea a realizar es utilizar el texto del elemento label y aplicar una “sugerencia” en la caja de ingreso de texto. Los pasos ha seguir son los siguientes:

  1. Establecer el valor del elemento input igual al valor del elemento label.

  2. Añadir la clase “hint” al elemento input.

    3. @@ -2314,7 +2314,7 @@

    7.

    Como se comentó anteriormente, para una lista completa de las opciones disponibles, puede consultar http://api.jquery.com/jQuery.ajax/.

    Nota

    -

    A partir de la versión 1.5 de jQuery, las opciones beforeSend, success, error y complete reciben como uno de sus argumentos el objeto jqXHR siendo este una extensión del objeto nativo XMLHTTPRequest. El objeto jqXHR posee una serie de métodos y propiedades que permiten modificar u obtener información particular de la petición a realizar, como por ejemplo sobreescribir el tipo de MIME que posee la respuesta que se espera por parte del servidor. Para información sobre el objeto jqXHR puede consultar http://api.jquery.com/jQuery.ajax/#jqXHR.

    +

    A partir de la versión 1.5 de jQuery, las opciones beforeSend, success, error y complete reciben como uno de sus argumentos el objeto jqXHR siendo este una extensión del objeto nativo XMLHTTPRequest. El objeto jqXHR posee una serie de métodos y propiedades que permiten modificar u obtener información particular de la petición a realizar, como por ejemplo sobrescribir el tipo de MIME que posee la respuesta que se espera por parte del servidor. Para información sobre el objeto jqXHR puede consultar http://api.jquery.com/jQuery.ajax/#jqXHR.

    Nota

    @@ -2324,7 +2324,7 @@

    7.

7.3.2 Métodos Convenientes

-

En caso que no quiera utilizar el método $.ajax, y no necesite los controladores de errores, existen otros métodos más convenientes para realizar peticiones Ajax (aunque, como se indicó antes, estos están basados el método $.ajax con valores pre-establecidos de configuración).

+

En caso que no quiera utilizar el método $.ajax, y no necesite los controladores de errores, existen otros métodos más convenientes para realizar peticiones Ajax (aunque, como se indicó antes, estos están basados el método $.ajax con valores preestablecidos de configuración).

Los métodos que provee la biblioteca son:

$.get
@@ -2565,12 +2565,12 @@

Signs of a poorly written jQuery plugin por Remy Sharp.

-

Una vez seleccionada la extensión, necesitará añadirla a su página. Primero, descargue la extensión, descomprimala (si es necesario) y muévala a la carpeta de su aplicación. Finalmente insertela utilizando el elemento script (luego de la inclusión de jQuery).

+

Una vez seleccionada la extensión, necesitará añadirla a su página. Primero, descargue la extensión, descomprímala (si es necesario) y muévala a la carpeta de su aplicación. Finalmente insértela utilizando el elemento script (luego de la inclusión de jQuery).

8.4 Escribir Extensiones

A veces, desee realizar una funcionalidad disponible en todo el código, por ejemplo, un método que pueda ser llamado desde una selección el cual realice una serie de operaciones.

-

La mayoría de las extensiones son métodos creados dentro del espacio de nombres $.fn. jQuery garantiza que un método llamado sobre el objeto jQuery sea capaz de acceder a dicho objeto a través de this. En contrapartida, la extensión debe garantizar de devolver el mismo objeto recibido (a menos que se explicite lo contrario).

+

La mayoría de las extensiones son métodos creados dentro del espacio de nombres $.fn. jQuery garantiza que un método llamado sobre el objeto jQuery sea capaz de acceder a dicho objeto a través de this. En contrapartida, la extensión debe garantizar de devolver el mismo objeto recibido (a menos que se especifique lo contrario).

A continuación se muestra un ejemplo:

Crear una extensión para añadir y remover una clase en un elemento al suceder el evento hover

// definición de la extensión
@@ -3127,7 +3127,7 @@ 
10.1.1Antes de comenzar con los patrones de organización de código, es importante entender algunos conceptos clave:

     
@@ -3192,7 +3192,7 @@ 
10.2.1urlBase : '/foo.php?item='
             };
     
-            // permite sobreescribir la configuración predeterminada
+            // permite sobrescribir la configuración predeterminada
             $.extend(myFeature.config, settings);
     
             myFeature.setup();
@@ -3882,8 +3882,8 @@ 
12.
     ajax.always(function(){
         alert('Petición realizada');
     });
-

A través de los métodos deferred.done, deferred.fail y deferred.always es posible desacoplar las funciones de devolución de la misma petición Ajax, permitiendo un manejo más comodo de las mismas.

-

Notar que en en ningún momento se llama al objeto diferido $.Deferred. Esto es porque jQuery ya lo incorpora implicitamente dentro del manejo del objeto $.ajax. Más adelante se explicará como utilizar al objeto $.Deferred de manera explícita.

+

A través de los métodos deferred.done, deferred.fail y deferred.always es posible desacoplar las funciones de devolución de la misma petición Ajax, permitiendo un manejo más cómodo de las mismas.

+

Notar que en en ningún momento se llama al objeto diferido $.Deferred. Esto es porque jQuery ya lo incorpora implícitamente dentro del manejo del objeto $.ajax. Más adelante se explicará como utilizar al objeto $.Deferred de manera explícita.

De la misma forma es posible crear colas de funciones de devolución o atarlas a diferentes lógicas/acciones:

Colas de funciones de devolución en una petición Ajax

// definición de la petición Ajax
@@ -3917,10 +3917,10 @@ 
12.
     ajax.fail(function(){
         alert('Disculpe, existió un problema');
     });
-

Al ejecutarse la petición Ajax, y en caso de que ésta haya sido satisfactoria, se ejecutan dos funciones de devolución, una detrás de la otra. Sin embargo si el usuario hace click en #element se agrega una tercera función de devolución, la cual también se ejecuta inmediatamente, sin volver a realizar la petición Ajax. Esto es porque el objeto diferido (que se encuentra implicitamente en la variable ajax) ya tiene información asociada sobre que la petición Ajax se realizó correctamente.

+

Al ejecutarse la petición Ajax, y en caso de que ésta haya sido satisfactoria, se ejecutan dos funciones de devolución, una detrás de la otra. Sin embargo si el usuario hace click en #element se agrega una tercera función de devolución, la cual también se ejecuta inmediatamente, sin volver a realizar la petición Ajax. Esto es porque el objeto diferido (que se encuentra implícitamente en la variable ajax) ya tiene información asociada sobre que la petición Ajax se realizó correctamente.

12.2.1 deferred.then

-

Otra manera de utilizar los métodos deferred.done y deferred.fail es a través de deferred.then, el cual permite definir en un mismo bloque de código las funciones de devolución a suceder en los casos satisfactorios y erroneos.

+

Otra manera de utilizar los métodos deferred.done y deferred.fail es a través de deferred.then, el cual permite definir en un mismo bloque de código las funciones de devolución a suceder en los casos satisfactorios y erróneos.

Utilización del método deferred.then

// definición de la petición Ajax
     var ajax = $.ajax({
@@ -3935,7 +3935,7 @@ 
12.2.1 <
             alert('Petición realizada satisfactoriamente'); 
         },
         
-        // la segunda es la función de devolución erronea
+        // la segunda es la función de devolución errónea
         function(){ 
             alert('Disculpe, existió un problema');
         }
@@ -3996,7 +3996,7 @@ 
console.log('Es par');
         },
         
-        // la segunda es la función de devolución erronea
+        // la segunda es la función de devolución errónea
         function(){ 
             console.log('Es impar');
         }
@@ -4006,7 +4006,7 @@ 
12.3.1 <

12.3.2 $.when

-

El método $.when permite ejecutar funciones de devolución, cuando uno o más objetos diferidos posean algun estado definido.

+

El método $.when permite ejecutar funciones de devolución, cuando uno o más objetos diferidos posean algún estado definido.

Un caso común de utilización de $.when es cuando se quiere verificar que dos peticiones Ajax separadas se han realizado.

Utilización de $.when

// primera petición ajax