Diferències

Ací es mostren les diferències entre la revisió seleccionada i la versió actual de la pàgina.

Enllaç a la visualització de la comparació

--- cordova [2023/12/11 20:33]
enric_mieza_sanchez [Exercici Tasklist v0.1] jquery mobile dialog
+++ cordova [2024/01/10 17:22] (actual)
enric_mieza_sanchez [Exercici Tasklist v0.1]
@@ Línia 82: / Línia 82: @@
 ===== Cordova no vol inlines =====
-Típicament podríem fer una aplicació en JavaScript en una pàgina HTML i podríem posar botons que cridin a funcions del nostre codi amb un //onclick// (el què coneixem per crida //inline//). Doncs bé, Cordova no ens deixa fer //inlines//.
+Típicament podríem fer una aplicació en JavaScript en una pàgina HTML i podríem posar botons que cridin a funcions del nostre codi amb un //onclick// (el què coneixem per crida //inline//). Doncs bé, Cordova no ens deixa fer //inlines// com aquest.
+<WRAP alert>
+Aquesta solució funcionaria en una web normal, però **no funciona en Cordova**:
+<code html><button id="boto_esborrar" onclick="esborra()">Esborra</button></code>
+Això es deu al tag META que hi ha l'inici del HTML (secció //head//):
+<code html><meta http-equiv="Content-Security-Policy" ...></code>
+i que veurem més endavant com a mesura de seguretat, per evitar injeccions de codi extern a la nostra app.
+</WRAP>
 Forma de solventar-ho: fer els botons més senzills, sense //onclick// (però amb //id//):
@@ Línia 127: / Línia 139: @@
 \\
+{{tasklist2.png?200}} {{tasklist1.png?200}}
 ==== Exercici Tasklist v0.2 ====
@@ Línia 140: / Línia 154: @@
     * Busca la funció jQuery per a eliminar un element.
     * Busca la funció jQuery per a accedir al pare d'un element per poder esborrar el ''<li>'' (si no, esborraràs el botó i prou).
-  - Implementa un **botó Edita** dins de cada element de la llista que ens porti a una altra pàgina que ens permeti editar la tasca.
+  - Implementa un **botó Edita** dins de cada element de la llista.
-    * Mireu l'exemple inicial on cada element de la llista ens porta a una pàgina. En tenim prou amb tenir dues pàgines: la //home// (on hi ha la ''listview'' i la pàgina //edita//.
+  - La funció d'edició la podem realitzar de diverses formes:
-    * És probable (depenent de la implementació que hagis fet) que quan vulguis editar el text de la tasca (està dintre d'un <a>) et trobis que et posa també el text dels elements fills (botons d'esborrar i/o editar). [[https://stackoverflow.com/questions/3442394/using-text-to-retrieve-only-text-not-nested-in-child-tags|En aquest post s'explica una solució molt eleganṭ]] per eliminar el text dels botons i deixar el de la task sola.
+    - Buidant l'element ''<li>'' que volem editar i creant a dins un ''<input>'' i botó de OK com a la imatge.
+    - Que ens porti a una altra pàgina que ens permeti editar la tasca.
+      * Mireu l'exemple inicial on cada element de la llista ens porta a una pàgina. En tenim prou amb tenir dues pàgines: la //home// (on hi ha la ''listview'' i la pàgina //edita//.
+   - És probable (depenent de la implementació que hagis fet) que quan vulguis editar el text de la tasca (està dintre d'un <a>) et trobis que et posa també el text dels elements fills (botons d'esborrar i/o editar). [[https://stackoverflow.com/questions/3442394/using-text-to-retrieve-only-text-not-nested-in-child-tags|En aquest post s'explica una solució molt eleganṭ]] per eliminar el text dels botons i deixar el de la task sola.
 </WRAP>

bytes.cat

Eines de l'usuari

Eines del lloc

Diferències

Eines de la pàgina