HTML and CSS Reference
In-Depth Information
var neuadresse { 'firstName': neuvorname, 'lastName': neuname,
'phoneNumber': neutelefon };
navigator.contacts.newContact(neuadresse, addContact Return);
}
else {
navigator.notification.alert("Mindestens Vor oder Nachnamen eingeben");
}
}
function addContact Return(contact)
{
if (contact) {
navigator.notification.alert(contact.firstName + " " +
contact.lastName, "Neu im Adressbuch", "Danke");
}
}
</script>
</head>
<body onload "onBodyLoad()">
<div id "topbar" class "transparent" >
<div id "title">Kontakt hinzufügen</div>
</div>
<form name "kontaktinfo">
<fieldset>
<ul class "pageitem">
<li class "smallfield"><span class "name">Vorname</span><input
name "vorname" placeholder "Manfred" type "text"/></li>
<li class "smallfield"><span class "name">Name</span><input
name "nachname" placeholder "Mustermann" type "text"/></li>
<li class "smallfield"><span class "name">Telefon</span><input
name "telefon" placeholder "(030) 12121212" type "tel" /></li>
</ul>
<ul class "pageitem">
<li class "button">
<input type "button" value "Speichern" onClick "addContact(); return
false;">
</li>
</ul>
</fieldset>
</form>
</body>
</html>
Zuerst erstellen Sie ein HTML-Formular und geben ihm die ID bzw. den Namen
kontaktinfo
. Wird es durch Antippen des Buttons abgeschickt, wird über das
JavaScript-Event
onClick
die Funktion
addContact()
aufgerufen.
In dieser Funktion erhalten Sie über das Document Object Model die Werte, die im
Formular eingegeben wurden, und weisen folgende neue Variablen zu:
