Tachometer Anwendung

Beispiel einer interaktiven Anwendung

Dieses Diagramm zeigt eine Anwendung, die Geschwindigkeit von Downloads misst. Für diese Beispiel wurden zwei Buttons erstellt, mit denen die Anwendung gesteuert wird. Die Messung erfolgt mit einem kleinen Javascript Programm, das die Downloadzeit eines Image misst und danach das Ergebnis an das Meter Diagramm weiterleitet (via "window.post"). Mit dem Diagramm wurde ein Event-Script erstellt (Parameter "event_script"), das auf die Nachricht des Messprogramms reagiert und das Ereignis angezeigt.

 

[No canvas support]>

 

Installation dieses Beispiels

Fügen Sie als erstes den Script-tag für das Messprogramm in ihren Joomla Artikel ein:
<script src='plugins/content/rgraph/js/demo.js' type='text/javascript' ></script>
Danach fügen Sie die rgraph plugin-tags ein;
{rgraph type="Meter" max="100" value="0" title="Ihre Download Geschwindigkeit"
width="600" height="300" chart_name="chart" event_script="plugins/content/rgraph/js/meter_event.js"
titleSize="12" "valueTextDecimals="2" valueText="true" valueTextUnitsPost=" Mbps" 
greenStart="20" yellowStart="10" yellowEnd="20"
greenColor="Gradient(rgba(0,128,0,0.3):rgba(0,128,0,0.4):rgba(0,128,0,0.8):rgb(0,102,34))"
yellowColor="Gradient(rgba(255,191,0,0.3):rgba(255,191,0,0.4):rgba(255,191,0,0.8):rgba(230,170,0,1.0))"
redColor="Gradient(rgba(204,0,0,0.3):rgba(204,0,0,0.4):rgba(204,0,0,0.8):rgba(204,0,0,1.0))"
needleColor="rgba(77,77,77,0.9)"}chart{/rgraph}
Und als letztes bauen sie die Steuer-Buttons ein:
<button type="button" onclick="measure_speed('php-apps/RGraph/images');" >Start Messung</button>
<button type="button" onclick="postMessage(0, '*');">Reset</button>
Das Messprogamm verwendet das 5MB große Image "31120037-5mb.jpg" (können Sie hier ansehen bzw. downloaden). Das Verzeichnis zum Image wird als Parameter dem Aufruf des Messprogramms mitgegeben.

 

Wichtig: Wenn Sie dieses Beispiel via Kopieren/Einfügen testen wollen, stellen Sie sicher, dass das Einfügen mit der Option "paste as plain text" (als unformatierten Text einfügen) durchgeführt wird.
zurück...

Besucher

Heute: 10
Gestern: 11
Diese Woche: 10
Letzte Woche: 137
Dieser Monat: 179
Letzter Monat: 626
0139549
United States 36,2% USA
Germany 12,7% Deutschland
Russia 4,5% Russland
France 3,1% Frankreich
Italy 2,7% Italien
Indonesia 2,6% Indonesien
India 2,4% Indien
Poland 2,3% Polen

Total:

203

Länder
Cookies erleichtern die Bereitstellung unserer Dienste. Mit der Nutzung unserer Dienste erklären Sie sich damit einverstanden, dass wir Cookies verwenden.
Ok