HTML and CSS Reference
In-Depth Information
optionen {
'duration': dauer,
'bounceAnimation': true,
'fullScreen': false,
'labelText': "Laden..."
};
navigator.notification.loadingStart(optionen);
}
</script>
</head>
<body onload "onLoad()">
<div id "topbar" class "transparent" >
<div id "title">Ladebildschirm</div>
</div>
<ul class "pageitem">
<li class "menu"><a href "#" onclick "LadeVollbild(10); return
false;"><span class "name">Ladebildschirm Vollbild</span></a></li>
</ul>
<ul class "pageitem">
<li class "menu"><a href "#" onclick "LadeInline(10); return false;"><span
class "name">Ladebildschirm Overlay</span></a></li>
</ul>
</body>
</html>
Das Beispiel ist zwar nicht besonders zweckdienlich, verdeutlicht aber sehr gut, wie
vielseitig ein Ladebildschirm aufgerufen werden kann. Der eigentliche Aufruf der Lade-
anzeige erfolgt mit navigator.notification.loadingStart(); , wobei der Funktion
zahlreiche Optionen mit auf den Weg gegeben werden können:
Parameter
Beispielwert
Beschreibung
Die Anzeigedauer des Ladebildschirms in Sekun-
den.
duration
10
Die Ladeanzeige kann mit einer Animation auf den
Bildschirm gerufen werden. Obwohl die Option
auch bei der Vollbildladeanzeige zur Verfügung
steht, sieht sie beim Overlay besser aus.
bounceAnimation
true
Standardmäßig ist die Vollbildladeanzeige defi-
niert, sie kann aber mit dieser Option auch auf ein
Overlay verkleinert werden.
fullScreen
false
Hiermit wird der Kreisstrich bestimmt.
strokeOpacity
0.2
Search WWH ::




Custom Search