Hallo allemaal,
Ik heb het idee opgevat om mijn gelimiteerde javascript-skills op de proef te zetten door het maken van een heuze web app. Eentje die gebruikmaakt van die nieuwe mogenlijkheden van html5, specefiek de mogenlijkheid om pagina's offline te bekijken én gebruiken.
De app moet in eerste instantie een to-do lijstje worden, geheel geschreven in javascript met een lokale database. Deze database wil ik echter ook op andere apparaten willen gebruiken, dus leek het mij handig om deze te synchronizeren met de mysql database op mijn server.
Na op internet rond gekenen te hebben en veel van de (eigenlijk alweer verouderde) scripts geprobeerd te hebben heb ik de persistenceJS library gekozen om de gewenste taak uit de voeren. Alleen werkt het allemaal niet zo makkelijk als ik hoopte
Ik heb nu op mijn server de volgende bestanden staan, waarvan allen behalve index.html tevinden zijn op de bovenstaande website.
nu had ik de stille hoop, dat ik door de index.html aan te roepen een nieuwe regel toevoeg aan de Transactie tabel in mijn mysql database. Ik krijg geenenkele fout-melding, behalve deze regel in de console:
Kan iemand mij helpen?
Ik heb het idee opgevat om mijn gelimiteerde javascript-skills op de proef te zetten door het maken van een heuze web app. Eentje die gebruikmaakt van die nieuwe mogenlijkheden van html5, specefiek de mogenlijkheid om pagina's offline te bekijken én gebruiken.
De app moet in eerste instantie een to-do lijstje worden, geheel geschreven in javascript met een lokale database. Deze database wil ik echter ook op andere apparaten willen gebruiken, dus leek het mij handig om deze te synchronizeren met de mysql database op mijn server.
Na op internet rond gekenen te hebben en veel van de (eigenlijk alweer verouderde) scripts geprobeerd te hebben heb ik de persistenceJS library gekozen om de gewenste taak uit de voeren. Alleen werkt het allemaal niet zo makkelijk als ik hoopte
Ik heb nu op mijn server de volgende bestanden staan, waarvan allen behalve index.html tevinden zijn op de bovenstaande website.
Code:
persistence.js
persistence.store.sql.js
persistence.store.websql.js
persistence.sync.js
syncserver.php
index.html (onderstaand)nu had ik de stille hoop, dat ik door de index.html aan te roepen een nieuwe regel toevoeg aan de Transactie tabel in mijn mysql database. Ik krijg geenenkele fout-melding, behalve deze regel in de console:
Code:
SELECT `root`.id AS _Sync_id, `root`.`entity` AS `_Sync_entity`, `root`.`localDate` AS `_Sync_localDate`, `root`.`serverDate` AS `_Sync_serverDate`, `root`.`serverPushDate` AS `_Sync_serverPushDate` FROM `_Sync` AS `root` WHERE (1=1 AND `root`.`entity` = ?) LIMIT 1 ["Transactie"]Kan iemand mij helpen?
HTML:
<html>
<head>
<script src="persistence.js" type="application/javascript"></script>
<script src="persistence.store.sql.js" type="application/javascript"></script>
<script src="persistence.store.websql.js" type="application/javascript"></script>
<script src='persistence.sync.js' type='application/javascript' ></script>
<script type='text/javascript'>
persistence.store.websql.config(
persistence,
'localdb',
'A database description',
5 * 1024 * 1024
);
var Transactie = persistence.define("Transactie", {
id: "INT",
bedrag: "FLOAT",
datum: "DATE",
categorie: "INT",
lastupdate: "INT"
});
Transactie.id = 20;
Transactie.bedrag = 25.50;
Transactie.datum = "2012-07-04 00:00:00";
Transactie.categorie = 1;
Transactie.enableSync('syncserver.php');
function conflictHandler(conflicts, updatesToPush, callback) {
// Decide what to do the conflicts here, possibly add to updatesToPush
callback();
alert("error");
}
Transactie.syncAll(conflictHandler, function() {
alert('Done!');
});
</script>
</head>
<body>
A. Page
</body>
</html>
