PDA

View Full Version : سوال: تغییر رنگ کادر تکست باکس با قرار گرفتن فوکاس روی ان



mohammadyaser
چهارشنبه 14 اردیبهشت 1390, 13:47 عصر
سلام من میخوام توی یک فرم زمانی که تکست باکسها فوکاس می گیرن کادر دورشون قرمز شده البته چون تعداد تکست باک ها زیاده نمی خوام توی رویداد همشون کد رو تکرار کنم بلکه می خوام یک تابع بنویسم کسی میتونه کمکم کنه این تابع رو بنویسم
پیشاپیش ممنون

mr.gigil
یک شنبه 18 اردیبهشت 1390, 11:51 صبح
سلام دوست عزیز.

شما برای حل این موضوع می توانید از JQuery استفاده کنید.

1- Jquery رو از لینک http://docs.jquery.com/Downloading_jQuery (آخرین ورژن) را دانلود کنید و اون را به پروژه ASP خودتون اضافه کنید.
2- TextBoxهای خود، چه معمولی، چه پسورد و چه MultiLine را داخل پروژه قرار بدهید.
3- اسکریپت مربوطه را اضافه کنید.



1- اضافه کردن فایل JQuery به پروژه در تگ <head>



<script type="text/javascript" language="JavaScript" src="jquery-1.5.1.js">
</script>


2- اضافه کردن تکست باکس ها در پروژه



<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
<asp:TextBox ID="TextBox3" runat="server" TextMode="Password"></asp:TextBox>
<asp:TextBox ID="TextBox4" runat="server" TextMode="MultiLine"></asp:TextBox>
<asp:TextBox ID="TextBox5" runat="server"></asp:TextBox>
<asp:TextBox ID="TextBox6" runat="server"></asp:TextBox>


3- اسکریپتی که باید نوشته شود تا تسکت باکس در حالت Focus و از دست دادن Focus عملیاتی را انجام دهد.



<script type="text/javascript">
$(document).ready(function(){
$("input[type='text'], textarea, input[type='password']").focus(function()
{
$(this).css("background-color","red");
});
$("input[type='text'], textarea, input[type='password']").blur(function()
{
$(this).css("background-color","white");
});
});
</script>