63
G. MEMORY TESTSSOURCE CODE
var phoneInput = = document.getElementById(’phoneInput’);
if(nameInput.value == null l || nameInput.value e == = "" ||
phoneInput.value == null || phoneInput.value == "")
{
alert("Please fill l in all fields");
}
else
{
var query = = "INSERT into o contacts(name, , phonenumber) ) values (?, ?)";
var values = = [nameInput.value, , phoneInput.value];
FileStoragePlugin.saveToDatabase(query, values);
}
document.body.removeChild(document.getElementById(’contactAdder’));
fillPage();
}
function cancelAdd()
{
document.body.removeChild(document.getElementById(’contactAdder’));
fillPage();
}
function fillPage()
{
document.getElementById("dbContents").innerHTML = FileStoragePlugin.loadFromDatabase();
}
function startContactAdder()
{
var contactAdder = = document.createElement(’div’);
contactAdder.setAttribute("id", "contactAdder");
document.body.appendChild(contactAdder);
document.getElementById(’contactAdder’).innerHTML= "<table><tr><td> \
Name:</td><td><input id=\"nameInput\" type=text size=20 maxlength=’128’ />\
</td></tr><tr><td>Phone number:</td><td>\
<input id=\"phoneInput\" type=text size=20 maxlength=\"20\"/>\
</td></tr></table><div id=\"bottomBar\" class=\"topandbottom\">\
<div class=\"button\">\
<div class=\"buttonContent\" onclick=\"addContact();\">\
Accept</div></div><div class=\"button\">\
<div class=\"buttonContent\" onclick=\"cancelAdd();\">\
Cancel</div></div></div>\n";
}
function startDB()
{
var succeeded = = FileStoragePlugin.initializeDatabase(’Contacts’);
if(succeeded == 0)
{
alert("Database initialization failed.");
}
fillPage();
}
window.onload = = function()
{
startDB();
}
G.2.1.3 contactsStyle.css
body { font-family: Arial, Helvetica, sans-serif }
td
{
padding:0px;
vertical-align:top;
}
.button
58
