console.log

function debug(message) {
  if (navigator.appName != 'Microsoft Internet Explorer') {
    console.log();
  }
}

Web SQL Datenbanken

WebSql

Es handelt bei dem nun folgenden Ausführungen um die Beschreibung einer JavaScript-API.
Das bedeutet, dass ich die neuen Funktionen vorstelle.

WebSql unterstützt Transaktionen. Noch besser: Sämtliche SQL-Beefehlet werden immer innerhalb einer Transaktion ausgeführt. Am besten man entwickelt mit dem Google Chrome Browser oder dem Safari. Der Firefox untersützt die API nicht.

Die offizielle spezifikation befindet sich unter http://www.w3.org/TR/webdatabase.

WebSql verwendet den SQL-Dialect von SQLLite http://www.sqlite.org.
Da kann man unter anderen nachlesen welche Datentypen unterstützt werden (INTEGER, REAL, TEXT, BLOB,NULL).

Es gibt laut SQLLite FAQs eine einfache Unterstüzung für ALTER TABLE, das muss ich aber noch ausprobieren.
http://www.sqlite.org/faq.html

Bei der INSERT-Anweisung nach Möglichkeit immer ? verwenden, und nicht dynamisch zusammen bauen. Sonst ist die Anweisung leicht hackbar (SQL-Injection wird möglich)

Bei der w3-school gibt es zwar noch keine Seite, habe aber eine ähnlich gefunden.
http://www.tutorialspoint.com/html5/html5_web_sql.htm

INTEGER
REAL
TEXT
BLOB
NULL

Konstante	Code	Bedeutung
UNKNOWN_ERROR	0
DATABASE_ERR	1
VERSION_ERR	2
TOO_LARGE_ERR	3
QUOTA_ERR	4

CREATE TABLE

CREATE TABLE IF NOT EXISTS notes (
  id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT,
  note TEXT,
  date DATE NOT NULL DEFAULT CURRENT_TIMESTAMP
);

DROP TABLE

DROP TABLE notes;

transaction

readTransaction

void transaction(in SQLTransactionCallback callback, in optional SQLTransactionErrorCallback errorCallback, in optional SQLVoidCallback successCallback);
void readTransaction(in SQLTransactionCallback callback, in optional SQLTransactionErrorCallback errorCallback, in optional SQLVoidCallback successCallback);

executeSql

void executeSql(in DOMString sqlStatement, in optional ObjectArray arguments, in optional SQLStatementCallback callback, in optional SQLStatementErrorCallback errorCallback);

Einführung

Es werden APIs vorgestellt mit denen es möglich ist die eingebaute Browser-Datenbank mit SQL zu manipulieren.
Die APIT ist asynchron.

Here is an example of a script using this API. First, a function prepareDatabase() is defined. This function returns a handle to the database, first creating the database if necessary. The example then calls the function to do the actual work, in this case showDocCount().

function prepareDatabase(ready, error) {
  return openDatabase('documents', '1.0', 'Offline document storage', 5*1024*1024, function (db) {
    db.changeVersion('', '1.0', function (t) {
      t.executeSql('CREATE TABLE docids (id, name)');
    }, error);
  });
}

function showDocCount(db, span) {
  db.readTransaction(function (t) {
    t.executeSql('SELECT COUNT(*) AS c FROM docids', [], function (t, r) {
      span.textContent = r.rows[0].c;
    }, function (t, e) {
      // couldn't read database
      span.textContent = '(unknown: ' + e.message + ')';
    });
  });
}

prepareDatabase(function(db) {
  // got database
  var span = document.getElementById('doc-count');
  showDocCount(db, span);
}, function (e) {
  // error getting database
  alert(e.message);
});

The executeSql() method has an argument intended to allow variables to be substituted into statements without risking SQL injection vulnerabilities:

db.readTransaction(function (t) {
  t.executeSql('SELECT title, author FROM docs WHERE id=?', [id], function (t, data) {
    report(data.rows[0].title, data.rows[0].author);
  });
});

XXXX

Database openDatabase(in DOMString name, in DOMString version, in DOMString displayName, in unsigned long estimatedSize, in optional DatabaseCallback creationCallback);
  DatabaseSync openDatabaseSync(in DOMString name, in DOMString version, in DOMString displayName, in unsigned long estimatedSize, in optional DatabaseCallback creationCallback);

4.5 Database query results

Die executeSql() Methode ruft einen Callback-Funktion auf die ein SQLResultSet als Argument erwartet.

interface SQLResultSet {
  readonly attribute long insertId;
  readonly attribute long rowsAffected;
  readonly attribute SQLResultSetRowList rows;
};

Widows Wav aufnehmen

Das Aufnahmeprogramm heißt sndrec32.exe

Abfragen der Koordinaten der Mouse

Die Abfrage der Koordinaten ist nicht trivial.

Das größte Problem ist wieder einmal die Cross-Browser-Kompatibilität.

Anbei ein Beispiel, dass genau dieses Problem löst.

Es läuft in allen gängigen Browsern.

 <!DOCTYPE html> <!-- damit die Seite als html5 interpretiert wird -->
<html>
<head>
  <!-- charset UTF-8 damit auch Umlaute und Sonderzeichen funktionieren -->
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <!-- minimale jquery lib wird über ein CDN geladen - es muß eine Internetverbindung bestehen.-->
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
</head>
<body>
  <div id="div2" style="background-color: greenyellow; width: 500px; height: 500px"> Maus bewegen</div>
  <div> Dieser Code läuft im IE 7, Firefox und im Google Chrome.</div>
  <div id="div3" style="background-color: bisque"></div>
  <script type="text/javascript">
    //div2 ist somit ein jquery element => neue jquery methoden   
    //referenz, damit der selektor nicht mehrmals ausgeführt wird.
    var div2 = $("#div2");
    div2.bind("mousemove", function(e) {
      //div2.offset() funktioniert nur, da durch jquery bereit gestellt.
      $("#div3").html("X:"+ (e.screenX - div2.offset().left) +"<br>" +
              "Y:"+ (e.pageY -div2.offset().top) + "<br>" +
              "e.screenX"+e.screenX + "<br>" +
              "e.screenY:"+ e.screenY);
    } , false);
  </script>
</body>
</html>

VBScript zum Herunterfahren von Windows

'Shutdown.vbs - Call Windows shutdown choice popup.
'© Bill James - billjames.geo@yahoo.com - rev 29 Oct 1999
set WshShell = wscript.CreateObject("Shell.Application")
WshShell.ShutdownWindows 

Browserwahl

C:\WINDOWS\system32\browserchoice.exe /launch

Netmeeting

C:\Programme\NetMeeting\conf.exe

appwiz.cpl

Shell Application Manager

korrekte Darstellung des jQuery Datepickers

Damit die Darstellung der jQuery-UI-Elemente im Internetexplorer 7.0 funktionieren muß die Doctype deklaration unbedingt gesetzt sein.
Den Anderen Browsern macht das nicht so viel aus.

<!DOCTYPE html>

Ich hatte mich fusselig gesucht, bis ich das rausgefunden habe