RISOLTO Formattazione inputbox

Pubblicità
Stato
Discussione chiusa ad ulteriori risposte.
Skills07 ha detto:
jquery ti può servire i json no
Clicca per espandere...
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.
 
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.
Clicca per espandere...
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.
 
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
 
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>
 
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.
 
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.
 
Stato
Discussione chiusa ad ulteriori risposte.
Pubblicità
Pubblicità
Indietro
Top