これは私の HTML コードです。ローカルに保存された *.txt ファイルから温度を読み取り、div コンテンツを *.txt ファイルから読み取った値に置き換えたいと思います。
<div class="floortitle">Temperaturen</div>
<div class='tempfield'>
<div class='picpos'><img src='heating.gif'></div>
<div style="position:absolute; top: 255px; left: 65px;">
<div class='tempbox' id='Temp1'>11°C</div>
</div>
<div style="position:absolute; top: 255px; left: 102px;">
<div class='tempbox' id='Temp2'>12°C</div>
</div>
<div style="position:absolute; top: 151px; left: 145px;">
<div class='tempbox' id='Temp3'>13°C</div>
</div>
.
.
. till Temp 6
.
</div>
*.txt ファイルの内容は次のようになります。
02.10.2013;17:40:59;Temp 1;17;
02.10.2013;17:40:59;Temp 2;27;
02.10.2013;17:40:59;Temp 3;34;
02.10.2013;17:40:59;Temp 4;46;
02.10.2013;17:40:59;Temp 5;53;
02.10.2013;17:40:59;Temp 6;61;
しかし、結果は温度 4、5、6、1、2、3 で始まることもあります。これは、ページが更新されたときに測定がいつ行われたかによって異なります。*.txt ファイルを準備するには、単純なtail -6 originallog.txt
これは JavaScript でできると思いますが、インターネットを検索すると、String を検索して対応する div に一致させずに、結果を出力するだけの結果が常に見つかります。
次の手順を実行する必要があります。
- *.txt ファイルを開いて内容を読む
- Temp 1からTemp 6を検索します->次のようなループ
document.getElementById('Temp $i')