HTML and CSS Reference
In-Depth Information
Hier der Beispielcode:
<!
Autohaus Beispiel in PhoneGap mit Navigationsleiste
Sven Haiges / Markus Spiering
>
<!DOCTYPE>
<html>
<head>
<title>Navigationsleiste</title>
<! iWebKit 5 laden >
<link rel "stylesheet" type "text/css" href "style.css">
<! PhoneGap JavaScript laden >
<script type "text/javascript" charset "utf 8" src "phonegap.js"></script>
<script type "text/javascript" charset "utf 8">
// Warten, bis PhoneGap geladen ist
function onLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}
// Sobald PhoneGap da ist, lade folgende Funktionen:
function onDeviceReady() {
window.uicontrols.createTabBar();
var toprated 0;
window.uicontrols.createTabBarItem("toprated", "Egal was hier steht",
"tabButton:TopRated", {
onSelect: function() {
navigator.notification.alert("Bestwertung angetippt");
window.uicontrols.updateTabBarItem("toprated", { badge: ++toprated });
}
});
window.uicontrols.createTabBarItem("suche", "Auch egal",
"tabButton:Search", {
onSelect: function() {
navigator.notification.alert("Suche angetippt");
window.uicontrols.updateTabBarItem("recents", { badge: ++recents });
}
});
window.uicontrols.createTabBarItem("test", "Testautos",
"/www/button.png", {
onSelect: function() {
document.location.href "index.html";
}
});
window.uicontrols.createTabBarItem("anderes", "Buch",
"tabButton:Bookmarks", {
onSelect: function() {
