Hallo zusammen,
ich möchte für meinen "MagicMirror" ein paar Daten nicht nur als "Zahl" angezeigt bekommen, sondern über einen horizontalen Balken optisch ein wenig hervorheben.
Das ist eine Zeile, die einen Wert (z.B. 28) aus der Datei "ups-status1.txt" alle 5 Sekunden abfragt und darstellt:
[code=php]
[...]
<span id="line1"> </span>
[...]
<script type="text/javascript">
$(document).ready(function() {
setInterval( function(){
$('#line1').load('../ups-status1.txt');
}, 5000);
});
</script>
[...][/php]
Meine Idee wäre jetzt, das ganze einfach und schnell über ein farbiges DIV mit variabler Breite:
[code=php]
[...]
<div id="usvchart1" style="background-color:orange; border:0px solid red; padding:0px; margin:0px; height: 10px; width: 10px;"></div>
[...]
<script type="text/javascript">
$(document).ready(function() {
setInterval( function(){
$('#line1').load('../ups-status1.txt');
document.getElementById('usvchart1');
usvchart1.style.width = "#line1" + "px";
}, 5000);
});
</script>
[/php]
Normalerweise ist meistens der debugger mein Hinweisgeber, diesmal liefert er mir keine Fehler :s
Nach unzähligen Versuchen/Änderungen bin ich nun ratlos und hoffe, ihr habt den entscheidenden Tipp für mich