RISOLTO Formattazione inputbox

Zio_Sporko · 10 Luglio 2018

xMattyz ha detto:
Hai la possibilità di usare jquery? O solo javascript?

Posso utilizzare anche JQuery e JSON volendo ma non li ho mai usato prima d'ora se non per fare giusto due cosine banali.

Skills07 · 10 Luglio 2018

jquery ti può servire i json no

xMattyz · 10 Luglio 2018

Skills07 ha detto:
jquery ti può servire i json no

Quoto in pieno quanto detto da SKills, json non è altro che un semplice formato di scambio dati (detto in parole povero, una mega stringa contenente dati), se puoi utilizzare jquery cerca qualche esempio su google, che sicuramente qualcosa la trovi.

Zio_Sporko · 10 Luglio 2018

xMattyz ha detto:
Quoto in pieno quanto detto da SKills, json non è altro che un semplice formato di scambio dati (detto in parole povero, una mega stringa contenente dati), se puoi utilizzare jquery cerca qualche esempio su google, che sicuramente qualcosa la trovi.

Sì stavo già cercando qualcosa prima in JQuery e adesso sto facendo le prove; appena vedo se funziona o no posto la soluzione e chiudo il ticket. Grazie a tutti dell'aiuto.

Skills07 · 10 Luglio 2018

de nada, comunque devi semplicemente lavorare sul testo della textbox, lavori sulla prima parte di testo che sarà quella salvata nella variabile globale in precedenza, e poi la seconda parte di testo sarà quella nuova

Zio_Sporko · 10 Luglio 2018

Finalmente ho trovato la soluzione. Grazie a chi mi ha aiutato ;)
In seguito lascio tutto il mio progetto con la funzione per chi dovesse averne bisogno in futuro.

HTML:

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <style>
        .text-container {
              display: inline-block;
             position: relative;
              overflow: hidden;
        }
        .clearBtn {
              position: absolute;
              top: 0;
              right: -150px;
              transition: right 0.2s;
        }
        .show {
              right: 5px;
        }
    </style>
</head>
<body>
    <script>
        function myFunction(){
            var x = document.getElementById("status").options[document.getElementById("status").selectedIndex];
            switch(x.value){
                case "1": {
                    document.getElementById("clearBtn1").innerHTML = x.text + " " + "&#10003";
                    document.getElementById("clearBtn1").style.color = "Green";
                    break;
                }
                case "2": {
                    document.getElementById("clearBtn1").innerHTML = x.text + " " + "&#127981";
                    document.getElementById("clearBtn1").style.color = "Orange";
                    break;
                }
                case "3": {
                    document.getElementById("clearBtn1").innerHTML = x.text + " " + "&#9888";
                    document.getElementById("clearBtn1").style.color = "Red";
                    break;
                }
                default: break;
            }
        }
        
        function checkInput(text) {

              if (text) {
                $("#clearBtn1").addClass("show");
              } else {
                $("#clearBtn1").removeClass("show");
              }

        }
    </script>
    <div class="text-container">
         <input id="nice" type="text" onkeyup="checkInput(this.value)" />
          <span id="clearBtn1" class="clearBtn"> </span>
    </div>
    <br/> <br/>
    <select id="status" onchange="myFunction()">
        <option value="1"> Completato </option>
        <option value="2"> In corso </option>
        <option value="3" selected="selected"> Non occupato </option>
    </select>
</body>
</html>

Skills07 · 10 Luglio 2018

hai risolto spezzettando il testo in parti come ti avevo detto.
Non ho avuto tempo di scrivertela, perchè ho finito ora con il merging da xml.
Considera di non demordere mai, le soluzioni si trovano, nulla è impossibile.

xMattyz · 10 Luglio 2018

Ottimo workaround, ma io avevo capito volessi continuare il "testo" dell'input type colorandolo, non che volessi semplicemente vederlo nello stesso "box".
Verissimo quanto detto da Skills, ma spesso il gioco non vale la candela.

Cerca

RISOLTO Formattazione inputbox

Zio_Sporko

Utente Attivo

Skills07

Head of Development

xMattyz

Utente Attivo

Zio_Sporko

Utente Attivo

Skills07

Head of Development

Zio_Sporko

Utente Attivo

Skills07

Head of Development

xMattyz

Utente Attivo

Entra