Facebook hat zusammen mit Bocoup die Testsuite “ringmark” entwickelt. Diese soll Entwicklern helfen, zu verstehen, welche Browser die für ihre Apps notwendigen Funktionen bereitstellen. Berücksichtigt wurden bei der Testsuite auch Projekte wie Modernizr, CanIUse oder die W3C Tests. In den kommenden Wochen soll “ringmark” auch als Open Source zur Verfügung gestellt werden.
Wie funktioniert “ringmark”?
In mobilen Webseiten wird zur Anzeige der aktuellen Position des Clients üblicherweise eine Kartendarstellung angeboten. Dazu wird in einem ersten Schritt per GPS mittels der Geolocation API und JavaScript die aktuelle Position des Clients ermittelt. Anschließend werden die Latitude und Longitude Werte aus dem Position-Objekt abgefragt und hieraus wiederum ein Google Maps LatLng – Objekt erstellt. Dieses kann neben weiteren Parametern an die Karte übergeben werden. Ein Standard-Marker zeigt im Normalfall die Position in der Karte an.
Eher selten ist jedoch der Fall, dass auf dem mobilen Client die aktuelle Adresse angezeigt werden soll. Auch für diesen Anwendungsfall bietet Google Maps V3. eine Lösung an: den google.maps.Geocoder();. Weiterlesen
Die clientseitige Validierung zweier Datumsfelder wird im Normalfall mit JavaScript durchgeführt. Leichter läßt sich die Validierung jedoch mit JQuery bewerkstelligen.
Im HTML könnten beispielsweise die beiden Textboxen folgendermaßen implementiert sein:
<table width="100%">
<tr>
<td valign="top" width="*" align="right">
<span id="spnInfoForUser">Ein Startdatum vor dem Enddatum ist ungültig./span>
</td>
<td valign="top" width="10%">
<input class="dateTimePicker" id="Parameters_startDate" type="text" value="09.08.2011" />
</td>
<td valign="top" width="10%">
<input class="dateTimePicker" id="Parameters_endDate" type="text" value="07.09.2011" />
</td>
</tr>
</table>