Salve a tutti,
premetto che ho provato a cercare nel forum ma non mi pare di aver trovato una rispost a questo mio quesito, spero di non aver cercato male.
Il mio problema principale è come rendere attivo un oggetto css tramite comando javascript.
In pratica, ho un simbolo, un bollino nero, che deve diventare rosso quando una variabile della pagina html diventa diversa da zero.
L'oggetto in questione l'ho creato usando css ed è come segue:
Se fosse un bottone, premendolo, andrebbe nello stato active ma tale stato lo devo impostare solo se una determinata variabile nella pagina html assume un preciso valore (diverso da zero).
Esiste uno script javascript che mi permetta di impostare lo stato "active" dell'oggetto led?
Inoltre ho un problema associato, come inserire nella mia pagina tale oggetto che non è propriamente una immagine.
Tale oggetto andrà dentro ad una cella di una tabella, se fosse un bottone userei uno sript del tipo:
però un bottone non è, quindi non saprei come inserirlo nellla pagina.
Ringrazio chiunque possa indirizzarmi sulla retta via!
premetto che ho provato a cercare nel forum ma non mi pare di aver trovato una rispost a questo mio quesito, spero di non aver cercato male.
Il mio problema principale è come rendere attivo un oggetto css tramite comando javascript.
In pratica, ho un simbolo, un bollino nero, che deve diventare rosso quando una variabile della pagina html diventa diversa da zero.
L'oggetto in questione l'ho creato usando css ed è come segue:
Codice:
#led{
display: block;
width: 20px;
height: 20px;
background-color: rgb(0,0,0);
box-shadow: inset 0px 1px 0px 0px rgba(250,250,250,0.5),
0px 0px 3px 2px rgba(226,0,0,0.5);
border-radius: 5px;
clear: both;
position: absolute;
bottombottom: 0;
left: 42%;
}
#led:active{
box-shadow: 0px 0px 0px 0px rgb(34,34,34), /* 1st Shadow */
0px 3px 7px 0px rgb(17,17,17), /* 2nd Shadow */
inset 0px 1px 1px 0px rgba(250, 250, 250, .2), /* 3rd Shadow */
inset 0px -10px 35px 5px rgba(0, 0, 0, .5); /* 4th Shadow */
background-color: rgb(83,87,93);
top: 3px;
}
Se fosse un bottone, premendolo, andrebbe nello stato active ma tale stato lo devo impostare solo se una determinata variabile nella pagina html assume un preciso valore (diverso da zero).
Esiste uno script javascript che mi permetta di impostare lo stato "active" dell'oggetto led?
Inoltre ho un problema associato, come inserire nella mia pagina tale oggetto che non è propriamente una immagine.
Tale oggetto andrà dentro ad una cella di una tabella, se fosse un bottone userei uno sript del tipo:
Codice:
<td>
<button id="led" name='led_1' > </button>
</td>
però un bottone non è, quindi non saprei come inserirlo nellla pagina.
Ringrazio chiunque possa indirizzarmi sulla retta via!