Usuario:Juanda/phonegap/jquerymobile - Historial de revisiones

Juanda en 15:20 20 feb 2014

2014-02-20T15:20:54Z

Juanda en 08:31 29 may 2013

2013-05-29T08:31:32Z

Juanda: /* ¿Qué es jQuery Mobile */

2013-05-29T08:30:57Z

‎¿Qué es jQuery Mobile

Juanda en 08:27 29 may 2013

2013-05-29T08:27:05Z

Juanda: /* Con jQuery Mobile */

2013-05-29T08:26:02Z

‎Con jQuery Mobile

Juanda: /* Con jQuery Mobile */

2013-05-29T08:25:37Z

‎Con jQuery Mobile

Juanda: /* Con jQuery Mobile */

2013-05-29T08:22:45Z

‎Con jQuery Mobile

Juanda: /* Con jQuery Mobile */

2013-05-29T08:10:06Z

‎Con jQuery Mobile

Juanda: /* Con jQuery Mobile */

2013-05-29T07:53:13Z

‎Con jQuery Mobile

Juanda: /* Sin jQuery Mobile */

2013-05-29T07:39:30Z

‎Sin jQuery Mobile

@@ Línea 483: / Línea 483: @@
 *Taphold (al menos 1s)
 *Swipe (Swipeleft y Swiperight)
-*Mira el siguiente código y [http://www.media.formandome.es/phonegap/eventojquery.html analiza su comportamiento] (es útil la extensión para'' Chrome Google Chrome to Phone'').
+*Mira el siguiente código y [http://www.media.formandome.es/phonegap/eventojqmobile.html analiza su comportamiento] (es útil la extensión para'' Chrome Google Chrome to Phone'').
 <source lang="html4strict">
 <!DOCTYPE html>

@@ Línea 26: / Línea 26: @@
 :[http://m.stanford.edu/ Universidad de Stanford]
 :[http://www.jqmgallery.com/ Y muchos más]
 *Para ver las páginas correctamente:
 :Instala la extensión para Chrome Google Chrome to Phone para ver las páginas en el móvil
 :Cambia el user-agent del navegador (lo más fácil es mediante las Chrome Developer Tools).
 <div class="slide">

@@ Línea 27: / Línea 27: @@
 :[http://www.jqmgallery.com/ Y muchos más]
 </div>
+*Para ver las páginas correctamente:
 <div class="slide">

@@ Línea 445: / Línea 445: @@
 ==Eventos en jQueryMobile==
 </div>
-<div>
+<div class="slide">
 ====Sin jQuery Mobile====
 *Normalmente definimos los eventos mediante algún framework, por ejemplo jQuery.

@@ Línea 481: / Línea 481: @@
 *Taphold (al menos 1s)
 *Swipe (Swipeleft y Swiperight)
-*Mira el siguiente código y [http://www.media.formandome.es/phonegap/eventojquery.html analiza su comportamiento] (es útil la extensión para Chrome "Google Chrome to Phone").
+*Mira el siguiente código y [http://www.media.formandome.es/phonegap/eventojquery.html analiza su comportamiento] (es útil la extensión para'' Chrome Google Chrome to Phone'').
 <source lang="html4strict">
 <!DOCTYPE html>

@@ Línea 487: / Línea 487: @@
 <html>
      <head>
-         <title>jQuery Mobile Touch Events Demo</title>
+        <meta charset="utf-8">
          <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
          <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
@@ Línea 507: / Línea 508: @@
                  $("#swiperight").on("swiperight", function() {
                      alert("Swipe Right Event");
                  });
              });
@@ Línea 512: / Línea 516: @@
      </head>
      <body>
          <div data-role="page" id="main">
              <div data-role="header">
                  <h1>
-                     Touch Events
+                     Eventos en jQueryMobile
                  </h1>
              </div>
              <div data-role="content">
-                 <h1>
+                 <h3>
-                     Touch Events example
+                     Eventos de cambio de orientación:
-                 </h1>
+                 </h3>
                  <p id="tap">
-                     Tap here
+                     Pulsa aquí
                  </p>
                  <p id="taphold">
-                     Tap and hold here
+                     Pulsa y manten el dedo al menos 1s
                  </p>
                  <p id="swipe">
-                     Swipe in this area.
+                     Desliza el dedo
                  </p>
                  <p id="swipeleft">
-                     Swipe Left &lt;-- in this area.
+                     Desliza el dedo hacia la izqda
                  </p>
                  <p id="swiperight">
-                     Swipe Right -- &gt; in this area.
+                     Desliza el dedo hacia la dcha.
                  </p>
              </div>
@@ Línea 545: / Línea 551: @@
              </div>
          </div>
      </body>
 </html>

@@ Línea 479: / Línea 479: @@
 *Los touch events son distintos a los [http://api.jquery.com/category/events/mouse-events/ eventos tradicionales del ratón]:
 *Tap
-*Taphold (duración aproximada 1s)
+*Taphold (al menos 1s)
 *Swipe (Swipeleft y Swiperight)
 </div>

@@ Línea 473: / Línea 473: @@
 </body>
 </html>
 </source>
 </div>