PHP Forum

PHP Forum (http://www.selfphp.de/forum/index.php)
-   HTML, CSS und JavaScript Help! (http://www.selfphp.de/forum/forumdisplay.php?f=24)
-   -   Problem beim Zugriff auf Werte innerhalb einer Tabelle! (http://www.selfphp.de/forum/showthread.php?t=25376)

Ann 01.09.2014 16:18:44

Problem beim Zugriff auf Werte innerhalb einer Tabelle!
 
Hallo,

ich habe noch nicht soviel Erfahrung mit dem Erstellen einer Website. Jedoch kam bisher schon einiges sinnvolles Zustande. Jetzt möchte ich gerne ein paar Berechnungen in der Tabelle machen.
Ich möchte gerne auf den Wert in der 3. Spalte und 2. Zeile zugreifen können und damit neben dem Wert in der 2. Spalte und 2. Zeile ein "OFF" bzw. "ON" anzeigen lassen. Also für das Verständnis mal ein Beispiel:

https://www.dropbox.com/s/jkvkep717e...Frage.PNG?dl=0

so sieht bisher die Tabelle in der Website aus.
In der 3. und 4. Spalte kann man selber die Werte festlegen und eintippen. Nun soll, wenn in der zweiten Spalte "24" eingetippt wird, ein "ON" erscheinen, wenn der aktuelle Wert nicht gleich "24" ist. Ansonsten soll ein "OFF" erscheinen.
Außerdem möchte ich, dass ein Grenzwert eingeben werden kann und diesen soll man dem Sollwert subtrahieren und addieren und dann soll dieser Wert mit dem aktuellen Wert übereinstimmen ansonsten soll auch ein "ON" erscheinen. Der aktuelle Wert, die Zahl vor dem "ON"/"OFF" darf sich aber nicht ändern.

Ich hoffe, dass ich mein Sachverhalt einigermaßen verständlich erklärt habe. Ich bin schon sehr auf eure Kommentare gespannt und bitte um Hilfe!

HTML-Code:

<table border="1">
          <tr>
                <td rowspan="3"><b>&nbsp;Wassertemperatur in °C &nbsp; </b>
               
         
                <td>&nbsp; aktueller Wert &nbsp;</td>
                  <td>&nbsp; Stellwert &nbsp;</td>
                <td>&nbsp; Grenzwert &nbsp;</td>
                <tr>
                <td>&nbsp; <script type="text/javascript">
                        var inhalt = 20;
                        var wert = 22;
                        if (inhalt = wert){
                                document.write( inhalt + "  OFF");
                       
                        }else{
                                document.write(wert + "    ON");
                        }

                        </script> &nbsp;</td>
                  <td>&nbsp;    <form><input type="text" size="3" name="a" id="a" /><button type="button" onclick="add();"></button><button type="button" onclick="sub();"></button></form>
<script type="text/javascript">
function add()
{
  a = parseFloat(document.getElementById('a').value);
  b = 0.1;
  c = a + b;
  document.getElementById('a').value = c.toFixed(1);
  }
function sub()
{
  a = parseFloat(document.getElementById('a').value);
  b = 0.1;
  c = a - b;
  document.getElementById('a').value = c.toFixed(1);
  }
</script>  &nbsp;</td>
                <td>&nbsp;    <form><input type="text" size="3" name="d" id="d" /><button type="button" onclick="add1();"></button><button type="button" onclick="sub1();"></button></form>
<script type="text/javascript">
function add1()
{
  d = parseFloat(document.getElementById('d').value);
  b = 0.1;
  c = d + b;
  document.getElementById('d').value = c.toFixed(1);
  }
function sub1()
{
  d = parseFloat(document.getElementById('d').value);
  b = 0.1;
  c = d - b;
  document.getElementById('d').value = c.toFixed(1);
  }
</script>  &nbsp;</td>
                </tr>
               
          </table>



Alle Zeitangaben in WEZ +2. Es ist jetzt 10:15:53 Uhr.

Powered by vBulletin® Version 3.8.3 (Deutsch)
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.