Vai al contenuto
PLC Forum


Immagini Dinamiche Web Server

trentaluca

Da trentaluca:
in S7-1200

 Share

Messaggi consigliati

trentaluca

trentaluca

Inserito:
Inserito:

Buongiorno e buon lavoro,

Mi sto dilettando con il web server del 1200.....ed ho utilizzato gli script <script src="jquery-2.1.1.min.js"></script> per aggiornare automaticamente le variabili senza fare il refresh pagina(effetto fastidioso su immagini).

Ora vorrei sostituire gli 0/1 degli stati delle uscite con delle immagini mantenedo la stessa logica di refresh... ho trovato questo script in rete del signor confalonieri.....

Praticamente tramite script non fa altro che importare il valore della variabile contenuta in "i00.htm" ,la compara ed in base al valore visualizza un immagine...

Apparentemente è tutto ok ma non mi funziona...

<html>
<title>MWeb Server</title>
</head>
<body>
<label id="ioo">0</label>
</body>
<script type="text/javascript">
$(document).ready(function(){
$.aiaxSetug({ cache: false});
setInterval(function() {
$.get("i00.htm", function(result){
var s0 = result.trim();
if(S0=='0'){
<br> <font color="red" size="5"><b><SPAN STYLE="background:#B8BBBB;">SPENTO</SPAN></b></font>');
}else if(S0=='1'){
<br> <font color="green" size="5"><b><SPAN STYLE="background:#B8BBBB;">SPENTO</SPAN></b></font>');
}
});
},1000);
});
</script>
Link al commento
Condividi su altri siti

trentaluca

trentaluca

Inserita:
  • Autore
Inserita: (modificato)

Scusate riallego codice riveduto e corretto ma non funziona ancora..


<html>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <title>MWeb Server</title>
</head>


<body>
     <label id="i00">0</label>
</body>


<script type="text/javascript">


$(document).ready(function(){
$.ajaxSetup({ cache: false});
setInterval(function() {
$.get("i00.htm", function(result){
var s0 = result.trim();
if (s0=='0'){
$('#i00').html('<img src="http://s21.postimg.org/gu5rian43/pallino_rosso.png">
<br> <font color="red" size="5"><b><SPAN STYLE="background:#B8BBBB;">SPENTO</SPAN></b></font>');
}
else if(s0=='1'){
$('#i00').html('<img src="http://s7.postimg.org/n9d3xaelz/pallino_verde.png">
<br> <font color="green" size="5"><b><SPAN STYLE="background:#B8BBBB;">ACCESO</SPAN></b></font>');
}
});
},1000);
 });
</script>
Modificato: da Gabriele Riva
Inserito tag "Code"
Link al commento
Condividi su altri siti

Crea un account o accedi per commentare

Devi essere un utente per poter lasciare un commento

Crea un account

Registrati per un nuovo account nella nostra comunità. è facile!

Registra un nuovo account

Accedi

Hai già un account? Accedi qui.

Accedi ora
 Share
Vai alla lista discussioni
×
×
  • Crea nuovo/a...