Saber Mogaddas
دوشنبه 12 تیر 1391, 12:44 عصر
سلام
با این روش توسط java script استفاده کنید :
<input name="text2" type="text" id="text2" value="textbox 2" onFocus="this.style.background = 'yellow'" onBlur="this.style.background='white'">
و یا برای تغییر رنگ border :
<asp:TextBox ID="TextBox1" runat="server" OnFocus="this.style.borderColor='red'" OnBlur="this.style.borderColor=''"></asp:TextBox>
ویا به صورت زیر تابعی برای event خود تعریف کنید و تو textbox ائن رئ فراخوانی کنید ..
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script type ="text/javascript">
function Change(obj, evt)
{
if(evt.type=="focus")
obj.style.borderColor="red";
else if(evt.type=="blur")
obj.style.borderColor="black";
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:TextBox ID="TextBox1" runat="server" onfocus ="Change(this, event)" onblur ="Change(this, event)"></asp:TextBox>
</form>
</body>
</html>
لازم هست بدونید که با دستور jquery هم این کار انجام میشه به این صورت که یک کلاس برای focus تعریف میکنید و توسط دستورات add class و remove class هنگام focus و blur استفاده می کنید به صورت زیر :
$('input[type="text"]').focus(function() {
$(this).addClass("focus");
});
$('input[type="text"]').blur(function() {
$(this).removeClass("focus");
});
و کد css تعریف شده focus :
.focus {
border: 2px solid #AA88FF;
background-color: #FFEEAA;
}
موفق باشید..