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 [2025/11/06 18:40]
enric_mieza_sanchez [Seguretat en Cordova]
+++ cordova [2025/11/06 19:00] (actual)
enric_mieza_sanchez [Inicialitzacions HTML]
@@ Línia 165: / Línia 165: @@
 </code>
-I després, en el nostre ''index.js'', ja li afegim el //onclick//:
+I després, en el nostre ''index.js'', ja li afegim el //onclick// per cridar la funció ''addElem'':
 <tabbox JavaScript>
@@ Línia 172: / Línia 172: @@
 <code javascript index.js>$('#boto1').click(addElem);</code>
 </tabbox>
-En aquest exemple, cridaríem a la funció ''addElem()''.
 \\
@@ Línia 181: / Línia 178: @@
 ==== Inicialitzacions HTML ====
 Abans d'executar codi JavaScript sol convenir esperar a que estigui carregat tot el document. Tenim 2 estratègies bàsiques:
   - Posar el tag ''<script src=...'' al final del document HTML.
-  - Posar el codi d'inicialització dins la funció onclick del document, perquè s'executi al acabar de carregar (exemple segueix):<tabbox jQuery><code javascript>
+  - Posar el codi d'inicialització dins la funció onclick del document, perquè s'executi al acabar de carregar (exemple segueix):<tabbox jQuery>
+Estil jQuery amb la funció ''ready'':
+<code javascript>
 $(document).ready( function ()  {
-	// initialize
+    // inicialitzar: assignar events
-	$('#addButton').click(addElem);
+    $('#addButton').click(addElem);
-	$('#apiButton').click(callAPI);
+    $('#apiButton').click(callAPI);
 });
 </code>
 <tabbox JavaScript>
-...
+<code javascript>
+function inicialitza() {
+    // inicialitzar: assignar events
+    document.getElementById("addButton").onclick = addElem;
+    document.getElementById("apiButton").onclick = callAPI;
+}
+// associem l'event "onload" del document a la funció inicialitza
+window.addEventListener("load", inicialitza, false);
+</code>
 </tabbox>
 ==== Inicialitzacions Cordova ====
+Cordova necessita inicialitzar el //hardware// del dispositiu. Per això és important que al nostre codi carreguem les llibreries. Si és una aplicació com la //tasklist// que només dibuix per pantalla segurament no li caldria. Però si volem accedir a la càmera o al sistema d'arxius del dispositiu serà imprescindible carregar aquestes llibreries:
+<code html index.html>
+<body>
+  ...
+  <!-- carreguem les llibreries de Cordova i la de la nostra app -->
+  <script src="cordova.js"></script> <!-- dispara event ondeviceready -->
+  <script src="js/index.js"></script>
+</body>
+</code>
+La línia del HTML que carrega ''cordova.js'' dispararà un event "ondeviceready" propi de Cordova. Al nostre codi podem començar a realitzar accions quan es rebi aquest event:
+<code javascript index.js>
+document.addEventListener('deviceready', onDeviceReady, false);
+function onDeviceReady() {
+    // aquí ja podem fer accions amb la càmera, arxius, etc.
+}
+</code>
 <WRAP todo>
-Fes una **versió v0.4 de la Tasklist* aplicant el tag META de seguretat i les inicialitzacions pertinents.
+Fes una **versió v0.4 de la Tasklist** aplicant el tag META de seguretat i les inicialitzacions pertinents.
 </WRAP>

bytes.cat

Eines de l'usuari

Eines del lloc

Diferències

Eines de la pàgina