Professional Documents
Culture Documents
<div id="image_background">
<p> </p>
<p1> </p1>
<p2> </p2>
<p3> </p3>
<p4> </p4>
<p5> </p5>
<p6> </p6>
</div>
CSS
#image_background {
font-family: "Orbitron";
font-size: 18px;
color:red;
font-weight: 400;
letter-spacing: 5px;
height: 800px;/*1220px*/;
width: 1050px;/*1450px*/;
#image_background p, #image_background_text {
margin: 0;
top: 278px;
left: 110px;
position: absolute;
margin: 0;
top: 455px;
left: 315px;
position: absolute;
}
#image_background p2, #image_background_text3 {
margin: 0;
top: 530px;
left: 80px;
position: absolute;
margin: 0;
top: 563px;
left: 80px;
position: absolute;
margin: 0;
top: 598px;
left: 115px;
position: absolute;
margin: 0;
top: 628px;
left: 80px;
position: absolute;
margin: 0;
top: 660px;
left: 130px;
position: absolute;
margin: 0;
top: 135px;
left: 780px;
position: absolute;
top: 165px;
left: 780px;
position: absolute;
margin: 0;
top: 195px;
left: 780px;
position: absolute;
#display_background4 {
height: 30px;
position: absolute;
top:400px;
left:345px;
pointer-events: none;
}
#display_background5 {
height: 30px;
position: absolute;
top:300px;
left:560px;
pointer-events: none;
}
#display_background6 {
height: 30px;
position: absolute;
top:480px;
left:560px;
pointer-events: none;
}
#display_background7 {
height: 30px;
position: absolute;
top:300px;
left:737px;
pointer-events: none;
}
#display_background8 {
height: 30px;
position: absolute;
top:300px;
left:835px;
pointer-events: none;
}
#display_background9 {
height: 30px;
position: absolute;
top:300px;
left:934px;
pointer-events: none;
}
JAVA
// JavaScript code
var $bg4 = $('#display_background4');
});
setInterval(function () {
try {
value = res.results[0].value;
} catch (e) {
console.log('No data');
value=value.toFixed(2);
$text.text(value);
lastValue = value;
});
try {
value = res.results[0].value;
} catch (e) {
console.log('No data');
value=value.toFixed(2);
$text2.text(value);
lastValue = value;
}
});
//Get last value alpha
try {
value = res.results[0].value;
} catch (e) {
console.log('No data');
value=value.toFixed(2);
$text3.text(value);
lastValue = value;
}
});
try {
value = res.results[0].value;
} catch (e) {
console.log('No data');
}
if ((lastContrast === null || value !== lastContrast.value) && value !==
null) {
value=value.toFixed(2);
$text4.text(value);
lastValue = value;
}
});
try {
value = res.results[0].value;
} catch (e) {
console.log('No data');
value=value.toFixed(2);
$text5.text(value);
lastValue = value;
}
});
value = res.results[0].value;
} catch (e) {
console.log('No data');
value=value.toFixed(2);
$text6.text(value);
lastValue = value;
}
});
try {
value = res.results[0].value;
} catch (e) {
console.log('No data');
value=value.toFixed(2);
$text7.text(value);
lastValue = value;
}
});
try {
value = res.results[0].value;
} catch (e) {
console.log('No data');
value=value.toFixed(2);
$text8.text(value);
lastValue = value;
}
});
try {
value = res.results[0].value;
} catch (e) {
console.log('No data');
value=value.toFixed(2);
$text9.text(value);
lastValue = value;
}
});
try {
value = res.results[0].value;
} catch (e) {
console.log('No data');
value=value.toFixed(2);
$text10.text(value);
lastValue = value;
}
});
// Opacity control image Relevador 51
getLastValue('5dcd90381d8472564fd0343c', TOKEN, function (res) {
var value = null;
try {
value = res.results[0].value;
} catch (e) {
console.log('No data');
}
if ((lastContrast === null || value !== lastContrast.value) && value !==
null) {
$bg4.css('filter', 'opacity(' + scale(value) + ')');
lastContrast = value;
}
});
}, 500);