Entwickler-Ecke

Programmiersprachen (Client) - TextBox Style über JS ändern


Delete - Fr 18.11.16 20:51
Titel: TextBox Style über JS ändern
Hallo Forum,
wenn eine TextBox in HTML angeklickt werden soll, soll diese ihren Style ändern.


HTML-Dokument
1:
<input type="text" name="textBoxName" onclick="ChangeStyle(this)" />                    


JavaScript-Quelltext
1:
2:
3:
function ChangeStyle(textBox) {
     textBox.style.border-left: 2px solid red;
}


Wenn ich nun die TextBox anklicke, passiert nix. Wie kann man eine Algorithmus programmieren, der anhand von dem TextBox Parameter die passende Textbox findet und diese anders stylet?


Delete - Sa 19.11.16 00:33

Ich habe jetzt noch ein bisschen daran gearbeitet, aber es funktioniert einfach nicht.


JavaScript-Quelltext
1:
2:
3:
4:
5:
6:
7:
8:
<script type="text/javascript">
      function TextBoxActive(textBox) {
        alert(textBox.value);
        var textBox1 = document.getElementById(textBox).value;
        textBox1.style.border-left-color = "#00b1ff";
        alert("hallo");
      }
    </script>



HTML-Dokument
1:
<input type="text" id="lastname" onclick="TextBoxActive('lastname');" name="lastname" />                    


Wenn man jetzt auf das Eingabefeld klickt, passiert nichts.


Delete - Sa 19.11.16 01:46

- Nachträglich durch die Entwickler-Ecke gelöscht -