[Javascript] Immagini dinamiche associate ad una variabile

Lupo alberto

Nuovo Utente
31 Dic 2017
3
0
1
54
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.
 

WmbertSea

Utente Attivo
28 Nov 2014
211
33
28
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.
 

Lupo alberto

Nuovo Utente
31 Dic 2017
3
0
1
54
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à
 

WmbertSea

Utente Attivo
28 Nov 2014
211
33
28
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?
 

Lupo alberto

Nuovo Utente
31 Dic 2017
3
0
1
54
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
Autore Titolo Forum Risposte Data
Monz94 [Javascript] [HTML] Creare Checkbox o Radio con Immagini Javascript 0
S [Javascript] Slider html: Mostrare immagini su 4 colonne Javascript 20
Mer556 [Javascript] IMMAGINI A SCORRIMENTO, ANTEPRIMA 3 Javascript 1
Carlito's [Javascript] una serie di immagini che scorrono in circolo che però fanno una pausa e poi riprendono Javascript 13
F Viasualizzazione di immagini in sequenza - Javascript Javascript 3
S Problemi ingrandimento immagini con javascript Javascript 2
Devil-94 Javascript: script che permetta di inserire immagini in un certo elemento html. Javascript 2
max_400 Cambiare le immagini con un click senza javascript HTML e CSS 4
A Javascript per il ridimensionamento immagini Javascript 20
A Da gestione immagini ASP a TinyMCE tramite la "fileBrowserCallBack" Javascript Classic ASP 1
B Aiuto immagini javascript Javascript 0
SolidSnake4 galleria immagini php o javascript PHP 7
cerbero javascript ke carica immagini e testo Javascript 11
M Upload immagine con javascript problemi con FormData() Javascript 1
L countdown multiplo javascript Javascript 1
S Problemi Javascript + Aruba Javascript 2
M Inviare un file su un server remoto con JavaScript Javascript 0
T a href="javascript:;" Javascript 1
F Creare elementi html con javascript Javascript 4
A pulsante di update campo mysql con javascript Javascript 2
8 Javascript - PDF Form Javascript 0
B javascript per problemi con pdf e Safari Javascript 0
N informazione javascript Programmazione 0
I Eecuzione di javascript in ciclo foreach php. PHP 7
P javascript:document.forms Javascript 7
S Consiglio esercizio Javascript Javascript 2
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
P Passaggio id php a javascript PHP 6
E lettura da un Database con Javascript jQuery 2
V TRIS in javascript Javascript 1
IClaude Funzione Javascript Javascript 8
Alex_70 Javascript date color Javascript 3
F Convertire JavaScript per la compatibilità nei browser obsoleti Javascript 0
I Passare dei parametri in javascript PHP 0
Shyson Meglio Javascript o HTML? Javascript 4
M Chiamare pagina php da javascript Javascript 8
M Errore JavaScript per php [objeto HTMLParagraphElement] PHP 0
D Javascript per il download dei dati Javascript 0
grgfede Problema javascript con aruba Javascript 1
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
I javascript come caricare una pagina sopra quella corrente in automatico Javascript 2
L [Javascript] Problema salvataggio dati in db Javascript 1
max1974 [Javascript] Grafico chartjs con dati da J.ajax Javascript 3
G Quiz Javascript Javascript 4
A [Javascript] Scrittura su più campi contemporaneamente Javascript 19
F classic asp popolare combo box javascript Presentati al Forum 1
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
F [Javascript] comando innerHTML non funziona Javascript 5
alexice51 proggrammi per scrivere in javascript? Javascript 3

Discussioni simili