[Javascript] Immagini dinamiche associate ad una variabile

Lupo alberto

Nuovo Utente
31 Dic 2017
3
0
1
57
Salve a tutti,
premetto che sono alle prime armi e nonostante le numerose letture sono un poco confuso.
Utilizzo il seguente script per leggere dinamicamente lo stato di una variabile che poi è il valore di una variabile (valori possibili 0 o 1)
<script src="jquery-2.0.2.min.js"></script>
</head>
<body>
<label id="Uscita_q1_abilitata">0</label>
</body>

<script type="text/javascript">
$(document).ready(function(){
$.ajaxSetup({ cache: false });
setInterval(function() {
$.get("IOCounter_1.htm", function(result){
$('#Uscita_q1_abilitata').text(result.trim());
});
},1000);
});

</script>

Per la visualizzazione del valore nessun problema
<label id="Vis_tempo_zona_1">0</label>
quello che non capisco è come poter associare al cambio di stato di questa variabile anche il cambio di stato di una immagine.
Esempio con valore 0 (zero) lampadina rossa con valore 1 (uno)lampadina verde.

Grazie per l'aiuto.
 
Ciao, chiaramente può essere fatto in millemila modi diversi. Molto banalmente puoi usare un elemento <img> e variare, da JavaScript, il suo attributo src in base al valore restituito da quella variabile.
 
Ciao e grazie per la risposta,
Si effettivamente ho provato in diversi modi ma non riesco a "vedere" la variabile nel successivo script.
Ad esempio se visualizzo la variabile tramite
:="Vis_tempo_zona_1": il valore non cambia dinamicamente ma solo al refresh della pagina.
Come posso utilizzare il valore dinamico restituito dalla <label id="Uscita_q1_abilitata">0</label> per gestire una immagine?
Grazie della disponibilità
 
Perdonami ma la cosa non mi è chiara.
Qual è il contesto?
Da dove stai recuperando quella variabile (o il suo valore)?
Per quale ragione supponi si debba aggiornare in modo automatico?

Data questa sintassi:
Codice:
:="Vis_tempo_zona_1":
parliamo sempre di JavaScript, o cosa?

L'elemento <label id="Uscita_q1_abilitata"> non lo stai valorizzando tu dentro questa funzione?
Codice:
$.get("IOCounter_1.htm", function(result){
$('#Uscita_q1_abilitata').text(result.trim());
});

La variabile result non è il valore che devi recuperare?
 
Ciao,
tieni presente che sono alle prime armi e forse non mi sono spiegato bene.
La variabile <label id="Uscita_q1_abilitata">0</label> viene letta ciclicamente e visualizzata su una pagina web.
Questa variabile mi restituisce il valore 1 se l'uscita è abilitata e 0 se è disabilitata,
Questo in maniera dinamica ovvero senza ricaricare la pagina.
Come posso usare la variabile result per visualizzare una o l'altra immagine ?
Per esempio se utilizzo questo script:
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript1.2">
var Uscita_q1_abilitata;
function cambia_immagine()
{if (Uscita_q1_abilitata == 1)
{ document.foto.src ="valve1.jpg";
}
else
{document.foto.src ="vale0.jpg";
}
}
</SCRIPT>
</HEAD>
<BODY>
<img name = "foto" src="valve0.JPG"
width="100" height="100"
onLoad="setInterval('cambia_immagine()',1000)">
</BODY>
</HTML>

leggo sempre l'immagine valve0.
come posso inserire la variabile dinamicamente letta (result) all'interno dello script?

Grazie
 

Discussioni simili