__(Changed back-ticks to `[code]…[/code]
Hello friends,
my devin1 div working and updating when i change the .txt file content but devin8 div not updating without refreshing the page. Can anyone have an idea about that ?
[code]
<? if ($fulldata[‘mainASSettingsLoc’][0] >= 1) { ?>
<div class=”panel_s”>
<div class=”panel-heading” style=”text-align: center;”>Channel Vumeter 1</div>
<div class=”panel-body text-left” style=”color:#000000;”>
LEFT
<div class=”progress”>
<div id=”devin1″ class=”progress-bar progress-bar-striped active bg-success” role=”progressbar” aria-valuenow=”45″ aria-valuemin=”0″ aria-valuemax=”100″ style=”width: 45%”>
<span class=”sr-only”>45%</span>
</div>
</div>
<script>
devi1 = [<? foreach ($fulldata[‘left1’] as $v){ if ($v <> ‘-‘){ echo ‘”‘.$v.'”,’;} } ?>];
function rotdeviation() {
var ct = $(“#devin1”).data(“term”) || 0;
var valeur = devi1[ct];
$(“#devin1”).data(“term”, ct == devi1.length -1 ? 0 : ct + 1).css(‘width’, valeur+’%’).attr(‘aria-valuenow’, valeur).fadeIn(0).delay(500).fadeOut(0, rotdeviation);
}$( document ).ready( rotdeviation );
</script>
RIGHT
<div class=”progress”>
<div id=”devin8″ class=”progress-bar progress-bar-striped active bg-success” role=”progressbar” aria-valuenow=”45″ aria-valuemin=”0″ aria-valuemax=”100″ style=”width: 45%”>
<span class=”sr-only”>45%</span>
</div>
</div>
<script>
devi8 = [<? foreach ($fulldata[‘right1’] as $v){ if ($v <> ‘-‘){ echo ‘”‘.$v.'”,’;} } ?>];
function rotdeviation8() {
var ct8 = $(“#devin8”).data(“term”) || 0;
var valeur8 = devi8[ct8];
$(“#devin8”).data(“term”, ct8 == devi8.length -1 ? 0 : ct8 + 1).css(‘width’, valeur8+’%’).attr(‘aria-valuenow’, valeur8).fadeIn(0).delay(500).fadeOut(0, rotdeviation8);
}$( document ).ready( rotdeviation8 );
</script>
</div>
</div>
<? } ?>
</div>
</div>
<? } ?>
<script>
devi1 = [<? foreach ($fulldata['left1'] as $v){ if ($v <> '-'){ echo '"'.$v.'",';} } ?>];
function rotdeviation() {
var ct = $("#devin1").data("term") || 0;
var valeur = devi1[ct];
$("#devin1").data("term", ct == devi1.length -1 ? 0 : ct + 1).css('width', valeur+'%').attr('aria-valuenow', valeur).fadeIn(0).delay(500).fadeOut(0, rotdeviation);
}$( document ).ready( rotdeviation );
</script>
<script>
devi8 = [<? foreach ($fulldata['right1'] as $v){ if ($v <> '-'){ echo '"'.$v.'",';} } ?>];
function rotdeviation8() {
var ct8 = $("#devin8").data("term") || 0;
var valeur8 = devi8[ct8];
$("#devin8").data("term", ct8 == devi8.length -1 ? 0 : ct8 + 1).css('width', valeur8+'%').attr('aria-valuenow', valeur8).fadeIn(0).delay(500).fadeOut(0, rotdeviation8);
}$( document ).ready( rotdeviation8 );
</script>
<script>
$(document).ready(function() {
guncelle();
var int=self.setInterval("guncelle()",1500);
});
function guncelle(){
$.ajax({
type: "POST",
url: "update.php?id=<?=$id;?>",
dataType:"JSON",
//cache:false,
success:function(my_data)
{
$(my_data).each(function(key,val){
devi1[0] = val['left10']; devi2[0] = val['left20']; devi3[0] = val['left30']; devi4[0] = val['left40']; devi5[0] = val['left50']; devi6[0] = val['left60']; devi7[0] = val['left70'];
devi1[1] = val['left11']; devi2[1] = val['left21']; devi3[1] = val['left31']; devi4[1] = val['left41']; devi5[1] = val['left51']; devi6[1] = val['left61']; devi7[1] = val['left71'];
devi1[2] = val['left12']; devi2[2] = val['left22']; devi3[2] = val['left32']; devi4[2] = val['left42']; devi5[2] = val['left52']; devi6[2] = val['left62']; devi7[2] = val['left72'];
devi1[3] = val['left13']; devi2[3] = val['left23']; devi3[3] = val['left33']; devi4[3] = val['left43']; devi5[3] = val['left53']; devi6[3] = val['left63']; devi7[3] = val['left73'];
devi1[4] = val['left14']; devi2[4] = val['left24']; devi3[4] = val['left34']; devi4[4] = val['left44']; devi5[4] = val['left54']; devi6[4] = val['left64']; devi7[4] = val['left74'];
devi1[5] = val['left15']; devi2[5] = val['left25']; devi3[5] = val['left35']; devi4[5] = val['left45']; devi5[5] = val['left55']; devi6[5] = val['left65']; devi7[5] = val['left75'];
devi1[6] = val['left16']; devi2[6] = val['left26']; devi3[6] = val['left36']; devi4[6] = val['left46']; devi5[6] = val['left56']; devi6[6] = val['left66']; devi7[6] = val['left76'];
devi1[7] = val['left17']; devi2[7] = val['left27']; devi3[7] = val['left37']; devi4[7] = val['left47']; devi5[7] = val['left57']; devi6[7] = val['left67']; devi7[7] = val['left77'];
devi8[0] = val['right10']; devi9[0] = val['right20']; devi10[0] = val['right30']; devi11[0] = val['right40']; devi12[0] = val['right50']; devi13[0] = val['right60']; devi14[0] = val['right70'];
devi8[1] = val['right11']; devi9[1] = val['right21']; devi10[1] = val['right31']; devi11[1] = val['right41']; devi12[1] = val['right51']; devi13[1] = val['right61']; devi14[1] = val['right71'];
devi8[2] = val['right12']; devi9[2] = val['right22']; devi10[2] = val['right32']; devi11[2] = val['right42']; devi12[2] = val['right52']; devi13[2] = val['right62']; devi14[2] = val['right72'];
devi8[3] = val['right13']; devi9[3] = val['right23']; devi10[3] = val['right33']; devi11[3] = val['right43']; devi12[3] = val['right53']; devi13[3] = val['right63']; devi14[3] = val['right73'];
devi8[4] = val['right14']; devi9[4] = val['right24']; devi10[4] = val['right34']; devi11[4] = val['right44']; devi12[4] = val['right54']; devi13[4] = val['right64']; devi14[4] = val['right74'];
devi8[5] = val['right15']; devi9[5] = val['right25']; devi10[5] = val['right35']; devi11[5] = val['right45']; devi12[5] = val['right55']; devi13[5] = val['right65']; devi14[5] = val['right75'];
devi8[6] = val['right16']; devi9[6] = val['right26']; devi10[6] = val['right36']; devi11[6] = val['right46']; devi12[6] = val['right56']; devi13[6] = val['right66']; devi14[6] = val['right76'];
devi8[7] = val['right17']; devi9[7] = val['right27']; devi10[7] = val['right37']; devi11[7] = val['right47']; devi12[7] = val['right57']; devi13[7] = val['right67']; devi14[7] = val['right77'];
if ($('#mainSettingsLoc0').html() != val['mainSettingsLoc0']) { $('#mainSettingsLoc0').html(val['mainSettingsLoc0']).fadeIn();
if (val['mainSettingsLoc0'] == 'OFF') {
$('#powerrenk').css('color', '#FF0000');
$('#poweri').addClass('tada');
$('#poweri').addClass('animated');
$('#poweri').addClass('infinite');
devi[0] = 0;
devi[1] = 0;
devi[2] = 0;
devi[3] = 0;
devi[4] = 0;
devi[5] = 0;
devi[6] = 0;
devi[7] = 0;
}else{
$('#powerrenk').css('color', '#26c82f');
$('#poweri').removeClass('tada');
$('#poweri').removeClass('animated');
$('#poweri').removeClass('infinite');
}
}
});
}
});
}
</script>
<? foreach ($fulldata['right1'] as $v){ if ($v <> '-'){ echo '"'.$v.'",';} } ?>
If this results in a large amount of text please shorten is to a few entries. <div class="panel_s">
<div class="panel-heading" style="text-align: center;">Channel Vumeter 1</div>
<div class="panel-body text-left" style="color:#000000;">
LEFT
<div class="progress">
<div id="devin1" class="progress-bar progress-bar-striped active bg-success" role="progressbar"
aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
<span class="sr-only">45%</span>
</div>
</div>
<script>
devi1 = ["4", "4", "4", "4", "4", "0", "4", "4",];
function rotdeviation() {
var ct = $("#devin1").data("term") || 0;
var valeur = devi1[ct];
<i> </i> $("#devin1").data("term", ct == devi1.length - 1 ? 0 : ct + 1).css('width', valeur + '%').attr('aria-valuenow', valeur).fadeIn(0).delay(500).fadeOut(0, rotdeviation);
<i> </i> }
<i> </i> $(document).ready(rotdeviation);
<i> </i> </script>
<i> </i> RIGHT
<i> </i> <div class="progress">
<i> </i> <div id="devin8" class="progress-bar progress-bar-striped active bg-success" role="progressbar"
<i> </i> aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
<i> </i> <span class="sr-only">45%</span>
<i> </i> </div>
<i> </i> </div>
<i> </i> <script>
<i> </i> devi8 = ["10", "90", "10", "10", "10", "10", "10", "10",];
<i> </i> function rotdeviation8() {
<i> </i> var ct8 = $("#devin8").data("term") || 0;
<i> </i> var valeur8 = devi8[ct8];
<i> </i> $("#devin8").data("term", ct8 == devi8.length - 1 ? 0 : ct8 + 1).css('width', valeur8 + '%').attr('aria-valuenow', valeur8).fadeIn(0).delay(500).fadeOut(0, rotdeviation8);
<i> </i> }
<i> </i> $(document).ready(rotdeviation8);
<i> </i> </script>
<i> </i> </div>
<i> </i></div>
<script>
$(document).ready(function() {
guncelle();
var int=self.setInterval("guncelle()",1500);
});
<i> </i> function guncelle(){
<i> </i> $.ajax({
<i> </i> type: "POST",
<i> </i> url: "update.php?id=",
<i> </i> dataType:"JSON",
<i> </i> //cache:false,
<i> </i> success:function(my_data)
<i> </i> {
<i> </i>
<i> </i>
<i> </i> $(my_data).each(function(key,val){
<i> </i>
<i> </i> devi1[0] = val['left10']; devi2[0] = val['left20']; devi3[0] = val['left30']; devi4[0] = val['left40']; devi5[0] = val['left50']; devi6[0] = val['left60']; devi7[0] = val['left70'];
<i> </i> devi1[1] = val['left11']; devi2[1] = val['left21']; devi3[1] = val['left31']; devi4[1] = val['left41']; devi5[1] = val['left51']; devi6[1] = val['left61']; devi7[1] = val['left71'];
<i> </i> devi1[2] = val['left12']; devi2[2] = val['left22']; devi3[2] = val['left32']; devi4[2] = val['left42']; devi5[2] = val['left52']; devi6[2] = val['left62']; devi7[2] = val['left72'];
<i> </i> devi1[3] = val['left13']; devi2[3] = val['left23']; devi3[3] = val['left33']; devi4[3] = val['left43']; devi5[3] = val['left53']; devi6[3] = val['left63']; devi7[3] = val['left73'];
<i> </i> devi1[4] = val['left14']; devi2[4] = val['left24']; devi3[4] = val['left34']; devi4[4] = val['left44']; devi5[4] = val['left54']; devi6[4] = val['left64']; devi7[4] = val['left74'];
<i> </i> devi1[5] = val['left15']; devi2[5] = val['left25']; devi3[5] = val['left35']; devi4[5] = val['left45']; devi5[5] = val['left55']; devi6[5] = val['left65']; devi7[5] = val['left75'];
<i> </i> devi1[6] = val['left16']; devi2[6] = val['left26']; devi3[6] = val['left36']; devi4[6] = val['left46']; devi5[6] = val['left56']; devi6[6] = val['left66']; devi7[6] = val['left76'];
<i> </i> devi1[7] = val['left17']; devi2[7] = val['left27']; devi3[7] = val['left37']; devi4[7] = val['left47']; devi5[7] = val['left57']; devi6[7] = val['left67']; devi7[7] = val['left77'];
<i> </i>
<i> </i>
<i> </i> devi8[0] = val['right10']; devi9[0] = val['right20']; devi10[0] = val['right30']; devi11[0] = val['right40']; devi12[0] = val['right50']; devi13[0] = val['right60']; devi14[0] = val['right70'];
<i> </i> devi8[1] = val['right11']; devi9[1] = val['right21']; devi10[1] = val['right31']; devi11[1] = val['right41']; devi12[1] = val['right51']; devi13[1] = val['right61']; devi14[1] = val['right71'];
<i> </i> devi8[2] = val['right12']; devi9[2] = val['right22']; devi10[2] = val['right32']; devi11[2] = val['right42']; devi12[2] = val['right52']; devi13[2] = val['right62']; devi14[2] = val['right72'];
<i> </i> devi8[3] = val['right13']; devi9[3] = val['right23']; devi10[3] = val['right33']; devi11[3] = val['right43']; devi12[3] = val['right53']; devi13[3] = val['right63']; devi14[3] = val['right73'];
<i> </i> devi8[4] = val['right14']; devi9[4] = val['right24']; devi10[4] = val['right34']; devi11[4] = val['right44']; devi12[4] = val['right54']; devi13[4] = val['right64']; devi14[4] = val['right74'];
<i> </i> devi8[5] = val['right15']; devi9[5] = val['right25']; devi10[5] = val['right35']; devi11[5] = val['right45']; devi12[5] = val['right55']; devi13[5] = val['right65']; devi14[5] = val['right75'];
<i> </i> devi8[6] = val['right16']; devi9[6] = val['right26']; devi10[6] = val['right36']; devi11[6] = val['right46']; devi12[6] = val['right56']; devi13[6] = val['right66']; devi14[6] = val['right76'];
<i> </i> devi8[7] = val['right17']; devi9[7] = val['right27']; devi10[7] = val['right37']; devi11[7] = val['right47']; devi12[7] = val['right57']; devi13[7] = val['right67']; devi14[7] = val['right77'];
<i> </i>
<i> </i>
<i> </i>
<i> </i> if ($('#mainSettingsLoc0').html() != val['mainSettingsLoc0']) { $('#mainSettingsLoc0').html(val['mainSettingsLoc0']).fadeIn();
<i> </i> if (val['mainSettingsLoc0'] == 'OFF') {
<i> </i> $('#powerrenk').css('color', '#FF0000');
<i> </i> $('#poweri').addClass('tada');
<i> </i> $('#poweri').addClass('animated');
<i> </i> $('#poweri').addClass('infinite');
<i> </i> devi[0] = 0;
<i> </i> devi[1] = 0;
<i> </i> devi[2] = 0;
<i> </i> devi[3] = 0;
<i> </i> devi[4] = 0;
<i> </i> devi[5] = 0;
<i> </i> devi[6] = 0;
<i> </i> devi[7] = 0;
<i> </i> }else{
<i> </i> $('#powerrenk').css('color', '#26c82f');
<i> </i> $('#poweri').removeClass('tada');
<i> </i> $('#poweri').removeClass('animated');
<i> </i> $('#poweri').removeClass('infinite');
<i> </i> }
<i> </i> }
<i> </i> });
<i> </i> }
<i> </i> });
<i> </i> }
<i> </i> </script>
<i> </i>
Do you use some library like bootstrap?[/quote]
<br/>
<script><br/>
$(document).ready(function() {<br/>
guncelle();<br/>
var int=self.setInterval("guncelle()",1500);<br/>
});
<i> </i><CODE> function guncelle(){
<i> </i> $.ajax({
<i> </i> type: "POST",
<i> </i> url: "update.php?id=<?=$id;?>",
<i> </i> dataType:"JSON",
<i> </i> //cache:false,
<i> </i> success:function(my_data)
<i> </i> {
<i> </i>
<i> </i>
<i> </i> $(my_data).each(function(key,val){
<i> </i>
<i> </i>
<i> </i> channel_value= [<? foreach ($fulldata['mainASSettingsLoc'] as $v){ if ($v <> '-'){ echo '"'.$v.'",';} } ?>];
<i> </i>
<i> </i> if (a[0]>=1)
<i> </i> {
<i> </i>
<i> </i> devi1[0] = val['left10']; devi8[0] = val['right10'];
<i> </i> devi1[1] = val['left11']; devi8[1] = val['right11'];
<i> </i> devi1[2] = val['left12']; devi8[2] = val['right12'];
<i> </i> devi1[3] = val['left13']; devi8[3] = val['right13'];
<i> </i> devi1[4] = val['left14']; devi8[4] = val['right14'];
<i> </i> devi1[5] = val['left15']; devi8[5] = val['right15'];
<i> </i> devi1[6] = val['left16']; devi8[6] = val['right16'];
<i> </i> devi1[7] = val['left17']; devi8[7] = val['right17'];
<i> </i> }
<i> </i>
<i> </i> if (a[0]>=2) // hepsi if olmalı, eger else if yapilirsa dogru calismayabilir
<i> </i> {
<i> </i> devi2[0] = val['left20']; devi9[0] = val['right20'];
<i> </i> devi2[1] = val['left21']; devi9[1] = val['right21'];
<i> </i> devi2[2] = val['left22']; devi9[2] = val['right22'];
<i> </i> devi2[3] = val['left23']; devi9[3] = val['right23'];
<i> </i> devi2[4] = val['left24']; devi9[4] = val['right24'];
<i> </i> devi2[5] = val['left25']; devi9[5] = val['right25'];
<i> </i> devi2[6] = val['left26']; devi9[6] = val['right26'];
<i> </i> devi2[7] = val['left27']; devi9[7] = val['right27'];
<i> </i>
<i> </i> }
<i> </i>
<i> </i> if(a[0]>=3)
<i> </i>
<i> </i> {
<i> </i>
<i> </i> devi3[0] = val['left30']; devi10[0] = val['right30'];
<i> </i> devi3[1] = val['left31']; devi10[1] = val['right31'];
<i> </i> devi3[2] = val['left32']; devi10[2] = val['right32'];
<i> </i> devi3[3] = val['left33']; devi10[3] = val['right33'];
<i> </i> devi3[4] = val['left34']; devi10[4] = val['right34'];
<i> </i> devi3[5] = val['left35']; devi10[5] = val['right35'];
<i> </i> devi3[6] = val['left36']; devi10[6] = val['right36'];
<i> </i> devi3[7] = val['left37']; devi10[7] = val['right37'];
<i> </i>
<i> </i> }
<i> </i>
<i> </i>
<i> </i> if(a[0]>=4)
<i> </i>
<i> </i> {
<i> </i> it is going like this to if(a[0]>=14)</CODE>
your code here
`my code will be here
0.1.9 — BETA 4.27