- 179
- 26
- CPU
- AMD Ryzen 5 3600
- Dissipatore
- Corsair Hydro H100i Pro RGB
- Scheda Madre
- ASUS TUF B450M PRO Gaming
- HDD
- Samsung 970 EVO Plus NVMe M.2 250 GB; Seagate Barracuda 1TB HDD
- RAM
- Patriot Viper Steel 16 GB 3200 MHz
- GPU
- Zotac RTX 2060 Super Mini
- Audio
- Focusrite Scarlett 2i2 2nd Generation
- Monitor
- Samsung 24F390 Curved Monitor FHD da 24"
- PSU
- EVGA Supernova 650 G3
- Case
- Corsair Carbide 275Q
- Periferiche
- Kit Devastator 2; 2x KRK Rokit 6 G3
- Net
- FTTC 100Mbps
- OS
- Windows 10 Home x64
Ciao a tutti,
è da un pò che lavoro con Javascript ma non riesco a risolvere questo problema: devo creare una inputbox che possa far inserire all'utente del testo, il quale viene salvato in una variabile globale dopo che si preme un bottone; una volta premuto questo bottone scompare rivelando una select con menù a tendina che consente di scegliere tra 3 opzioni riguardanti lo status dell'inputbox; la select gestisce l'evento onchange che va a richiamare una funzione che aggiunge il testo dell'opzione desiderata formattato secondo appositi criteri.
Il problema è che anziché cambiare solo il colore del testo dell'opzione mi cambia proprio tutto il colore dell'inputbox.
Spero di essermi spiegato al meglio. Lascio in seguito il codice che ho scritto.
è da un pò che lavoro con Javascript ma non riesco a risolvere questo problema: devo creare una inputbox che possa far inserire all'utente del testo, il quale viene salvato in una variabile globale dopo che si preme un bottone; una volta premuto questo bottone scompare rivelando una select con menù a tendina che consente di scegliere tra 3 opzioni riguardanti lo status dell'inputbox; la select gestisce l'evento onchange che va a richiamare una funzione che aggiunge il testo dell'opzione desiderata formattato secondo appositi criteri.
Il problema è che anziché cambiare solo il colore del testo dell'opzione mi cambia proprio tutto il colore dell'inputbox.
Spero di essermi spiegato al meglio. Lascio in seguito il codice che ho scritto.
HTML:
<!DOCTYPE html>
<html>
<head>
<script type="text/Javascript">
var Y;
function changeConstValue(){
Y = document.getElementById("subject").value;
document.getElementById("btnSend").style.display = "none";
document.getElementById("status").style.display = "block";
}
function myFunction(){
document.getElementById("subject").value = "";
var x = document.getElementById("status").options[document.getElementById("status").selectedIndex];
document.getElementById("subject").value = Y + " " + x.text;
switch(x.text){
case "Completed": {
document.getElementById("subject").style.color = "Green";
break;
}
case "In progress": {
document.getElementById("subject").style.color = "Orange";
break;
}
case "Not busy": {
document.getElementById("subject").style.color = "Red";
break;
}
default: {
break;
}
}
}
</script>
</head>
<body>
<input type="text" id="subject">
<select id="status" onchange="myFunction()" style="display:none">
<option value="1"> Completed </option>
<option value="2"> In progress </option>
<option value="3" selected="selected"> Not busy </option>
</select>
<button id="btnSend" onclick="changeConstValue()" style="display:block"> Send value </button>
</body>
</html>
Ultima modifica: