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

WmbertSea

Moderatore
Membro dello Staff
MOD
28 Nov 2014
432
73
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
57
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

Moderatore
Membro dello Staff
MOD
28 Nov 2014
432
73
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
57
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
I Creare un banner temporaneo JavaScript Javascript 0
S Impossibile scorrere un oggetto in JavaScript Javascript 0
N Passare array da php a javascript PHP 5
L Quiz javascript funzionante da migliorare Javascript 0
P errore 404 con javascript Javascript 2
D aiuto funzioni javascript Javascript 1
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 3
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
R Confrontare il dominio di una mail con una stringa contenente un dominio personalizzato, tutto ciò in php o javascript PHP 0
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
G Problema verifica palindromo e verifica pari e dispari javascript Javascript 0
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
R Cerco supporto in programmazione javascript Offerte e Richieste di Lavoro e/o Collaborazione 0
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

Discussioni simili