Moderatoren: Basti, Ingo
von -Denise- am 22.04.2008, 16:50
von Basti am 22.04.2008, 17:19
von MJK am 22.04.2008, 23:37
<head>
<title>Test001</title>
<script language="javascript" type="text/javascript">
function test_function(){
document.getElementById('input_feld').style.color="#000000";
}
</script>
</head>
<body>
<input type="text" id="input_feld" value="Irgendein text" style="color:#666666" onClick="test_function();" />
</body>
</html>
von -Denise- am 23.04.2008, 08:11
von MJK am 23.04.2008, 09:00
von -Denise- am 23.04.2008, 09:40
zweitaccount hat geschrieben:Alternativ kannst Du auch schreiben:
- Code: Alles auswählen
<html>
<head>
<title>Inputfarbwechsel</title>
<style type="text/css">
<!--
INPUT {
color:lightgrey;
}
INPUT:focus {
color:red;
}
-->
</style>
</head>
<body>
<input type="text" class="myInputField" value="myValue">
</body>
</html>
Geht aber nur in modernen Browsern. Für den IE6 und älter
also dann noch ein eigenes Stylesheet per Conditional Comments.
Via Javascript in etwa so:
- Code: Alles auswählen
<script type="text/javascript">
var attachColorChange = function() {
var el = document.getElementsByTagName("input");
for(i=0;i<el.length;i++) {
el[i].onfocus = function() {
this.style.color = 'red';
}
el[i].onblur = function() {
this.style.color = 'lightgrey';
}
}
}
window.onload = attachColorChange;
</script>
Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast