Vai al contenuto
PLC Forum

Partecipa anche tu alla Live su Youtube martedì 28/01/2025 per festeggiare i 24 anni di PLC Forum

Per ulteriori informazioni leggi questa discussione: https://www.plcforum.it/f/topic/326513-28012025




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>

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"
ultimo 07

ultimo 07

Inserita:
Inserita:

Ho provato anche io con lo stesso esempio , non funziona . :thumbdown: Ciao

trentaluca

trentaluca

Inserita:
  • Autore
Inserita:

Grazie.....pensavo di aver fatto qualche castronata nel codice...

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...