HTML and CSS Reference
In-Depth Information
<meta name "layout" content "webkit" />
<meta content "minimum scale 1.0, width device width, maximum
scale 0.6667, user scalable no" name "viewport" />
<link href "style.css" rel "stylesheet" media "screen" type "text/css" />
<style>
.menu .delete {
position: absolute;
width: 70px!important;
height: 30px!important;
right: 10px;
top: 6px;
margin: 0!important;
background: url("../images/delete.png") 0 0 norepeat
}
.hidden {
display: none;
}
</style>
<script>
(function my() {
var $i {};
$i.hasSQL function()
{
return typeof window.openDatabase "function" ? true : false;
};
$i.init function()
{
if(!$i.hasSQL())
{
alert('No SQL Database, no fun!');
return;
}
document.getElementById('createButton').
addEventListener('click', function(e){
document.getElementById('newnoteTitle').style.display "block";
document.getElementById('newnoteForm').style.display "block";
},true);
document.getElementById('save').addEventListener('click',
function(e){
var newNoteText document.getElementById('note').value;
if(!$i.selected)
{
$i.db.transaction(function(t){
t.executeSql('INSERT INTO notes (note) VALUES (?);',
[newNoteText], function(t, resultSet){
