Beiträge von DR.Alfred

  • Live Wert auf HTML-Website darstellen

    Hallo zusammen

    Ich habe folgendes Problem:

    Ich messe die Spannung eines Akkus und schreibe diese in eine mySQL-Datenbank mithilfe eines php-Skriptes.

    Nun möchte ich den aktuellsten Wert der Datenbank auslesen

    und anschliessend auf meiner HTML-Website darstellen lassen als einfache Zahl (z.B. 3.4V).

    Ich weiss jedoch nicht wie ich den aktuellsten Wert auslesen kann und diesen darstellen kann.


    Hier ist mein Code, der die Messwerte aus der Datenbank holt und als "Tabelle" mit TimeStamp und Messwert ausgibt.

    Diese Tabelle wird dann mithilfe von json.encode an das HTML-file übergeben wo ich die Werte zusätzlich brauche und eben auch diesen einen "Live-Wert".

    Ich hoffe ich konnte euch mein Problem verständlich gliedern

    und würde mich freuen, wenn ihr euch kurz Zeit nehmt.;)

    Vielen Dank und Grüsse

    DR.Alfred

  • Variable in $.getJSON

    Danke vielmals, ich habe es jetzt folgendermassen gelöst:

    Code
    var sensorID = "H_INNEN";

    $.getJSON("data.php?sensorID=" + sensorID, function(data) {

    Vielen Dank für deine schnelle Antwort. Ich wäre bereit dich zu heiraten.

  • Variable in $.getJSON

    Zitat von Sempervivum

    Weiß nicht genau ob ich das richtig verstehe: Du hast zwei Aufrufe von $.getJSON, wobei der erste im Callback u. a. die Sensor-ID liefert? Diese willst Du dann beim anderen Aufruf des $.getJSON als URL-Parameter verwenden? Dann würde es etwa so funktionieren:

    Code
    $.getJSON(url1, function(data) {
    var sensorID = //hier die ID zuweisen
    $.getJSON("Sensor_data.php?sensorID=" + sensorID, function(data) {...}

    Hallo Sempervivum

    Erstmal Danke für deine schnelle Antwort! Und ja, du hast mein Problem richtig interpretiert.

    Verstehe ich dich richtig, dass der Code in Zeile 1 von dir quasi ein Muster ist und Zeile 2&3 quasi das der Command auf mein Problem bezogen?

    Ich habe die Zeilen 2&3 in mein Programm eingefügt, jedoch scheint es ein Fehler zu geben.

    Hier der Ausschnitt aus meinem Programm

  • Variable in $.getJSON

    Hallo zusammen

    Ich habe ein File welches ein Befehl "$.getJSON("Sensor_data.php?sensorID=Volt", function(data) {...}" enthält.

    Damit übergebe ich die Variale sensorID, welche ich im gleichen Skript im php-Teil definiert habe.

    Damit funktioniert die Übergabe einwandfrei.

    Meine Frage ist es nun aber, ob ich im $.getJSON(), welcher im html-Teil meines Files steht, den String "sensorID" direkt definieren kann,

    und anschliessend wie im obigen Beispiel die sensorID übergeben kann.

    Ich würde mich sehr über eine seriöse Antwort freuen!;)

    Vielen Dank für eure Bemühungen:)

  • Datenarray von html zu php übergeben

    Hallo zusammen

    Ich bin seit längerem an einem Projekt mit Highcharts. Ich messe mit einem Sensor den Luftdruck, schreibe diesen anschliessend in eine Datenbank und stelle schliesslich alle Messwerte in einem Diagramm von Highcharts dar. Dazu habe ich zwei php-Files. Das eine File (P_INNEN_data.php) stellt eine Art Tabelle mit den Messwerten dar, welche dann an das andere File geschickt wird. Dieses zweite File (P_INNEN.php) ist zuständig für die Darstellung des Diagramms.

    Dies funktioniert soweit.

    Nun will ich aber die SensorID vom Sensor im P_INNEN.php festlegen und beim zweiten File als Variable einfügen. Dann soll das P_INNEN_data.php-File die Tabelle darstellen und diese an P_INNEN.php zurücksenden. Diese Übergabe der Tabelle funktioniert jedoch nicht reibungslos.

    Ich bin dort hängen geblieben und bitte jetzt die Profis unter euch um Hilfe, oder alle, die sich damit auskennen;)!

    Vielen Dank im Voraus!:)


    Hier die zwei Files. Ich habe versucht, das wesentliche mit Kommentaren auszuschmücken.

    Falls ihr weitere Unterlagen benötigt, dann lasst es mich wissen!

    P_INNEN.php:

    PHP

    1. <?php
    3. $x = 'P_INNEN'; //Hier wird die SensorID definiert
    5. echo "<a href='P_INNEN_data.php?x=$x'>Hier klicken</a>"; //Übergabe der SensorID an das andere File
    7. ?>
    10. <!DOCTYPE HTML>
    11. <html>
    12. <head>
    13. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    14. <title>AZ Elektronik, Berlin</title>
    16. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    17. <script type="text/javascript">
    19. $(function() {
    23. $.getJSON("P_INNEN_data.php", function(data) { //Aufrufen der dargestellten Tabelle vom anderen File
    26. //(Alles innerhalb des $.getJSON{} wurde getestet und muss nicht beachtet werden.
    29. // Create a timer
    30. var start = + new Date();
    32. // Create the chart
    33. $('#container').highcharts('StockChart', {
    34. chart: {
    35. events: {
    36. load: function(chart) {
    37. this.setTitle(null, {
    38. text: 'Built chart at '+ (new Date() - start) +'ms'
    39. });
    40. }
    41. },
    42. zoomType: 'x'
    43. },
    45. rangeSelector: {
    46. buttons: [{
    47. type: 'day',
    48. count: 1,
    49. text: '24h'
    50. }, {
    51. type: 'week',
    52. count: 1,
    53. text: '1w'
    54. }, {
    55. type: 'month',
    56. count: 1,
    57. text: '1m'
    58. }, {
    59. type: 'month',
    60. count: 6,
    61. text: '6m'
    62. }, {
    63. type: 'year',
    64. count: 1,
    65. text: '1y'
    66. }, {
    67. type: 'all',
    68. text: 'All'
    69. }],
    70. selected: 1
    71. },
    73. xAxis: {
    74. ordinal: false
    75. },
    77. yAxis: {
    78. title: {
    79. text: 'Luftdruck Innen'
    80. }
    81. },
    83. title: {
    84. text: 'Luftdruck Innen'
    85. },
    87. subtitle: {
    88. text: 'Built chart at...' // dummy text to reserve space for dynamic subtitle
    89. },
    91. series: [{
    92. name: 'mB',
    93. type: 'line',
    94. data: data,
    95. tooltip: {
    96. valueDecimals: 1,
    97. valueSuffix: ' mB'
    98. },
    99. fillColor : {
    100. linearGradient : {
    101. x1: 0,
    102. y1: 0,
    103. x2: 0,
    104. y2: 1
    105. },
    106. stops : [[0, Highcharts.getOptions().colors[0]], [1, 'rgba(0,0,0,0)']]
    107. },
    108. }]
    110. });
    111. });
    112. });
    113. </script>
    114. </head>
    115. <body>
    116. <script src="/Highstock/code/highstock.js"></script>
    117. <script src="/Highstock/code/modules/exporting.js"></script>
    119. <div id="container" style="height: 500px; min-width: 500px"></div>
    120. </body>
    121. </html>


    P_INNEN_data.php:

    PHP

    1. <?php
    3. $x=$_GET["x"];
    6. date_default_timezone_set('Europe/Berlin');
    8. $con = mysql_connect("IP-Adresse der Datenbank","Benutzername","Passwort");
    10. if (!$con) {
    11. die('Could not connect: ' . mysql_error());
    12. }
    14. mysql_select_db('MyHome', $con);
    16. $result = mysql_query("SELECT * FROM `Messwerte` WHERE SensorID = '$x' ");
    19. while($row = mysql_fetch_array($result)) {
    20. $datum = $row['DateTime'];
    21. $value = round($row['Messwert'],2);
    24. $uts = strtotime ($datum);
    26. if (date('I', time()))
    27. {
    28. $uts = $uts + 7200;
    29. $x=1;
    30. }
    31. else
    32. {
    33. $uts=$uts+3600;
    34. if($x==1)
    35. {
    36. $uts=$uts-7200;
    37. $x=0;
    38. }
    39. }
    41. $datum=date('l, F j y H:i:s',$uts);
    42. $uts *= 1000; // convert from Unix timestamp to JavaScript time
    43. $data[] = array((float)$uts,(float) $value);
    45. }
    48. echo json_encode($data); //Hier wird die Tabelle an das P_INNEN.php-File zur Darstellung des Diagramms übergeben.
    49. mysql_close($con);
    51. ?>