توضیحات و دانلود

Watermark TextBox با استفاده از جاوا اسکریپت در asp.net
0 0
Watermark TextBox با استفاده از جاوا اسکریپت در asp.net

با سلام خدمت کاربران گرامی در این مقاله توضیح خواهیم داد که چگونه Watermark را به یک TextBox ASP.Net با استفاده از جاوا اسکریپت اضافه کنید.
عملکرد Watermark جاوا اسکریپت
این اسکریپت در وقایع inblur و onfocus در جعبه متن نامیده می شود . اسکریپت به سادگی دو بررسی زیر را انجام می دهد
1. اگر TextBox خالی است و رویداد نوع رویداد blur باشد، علامت water را تعیین می کند و رنگ فونت را به عنوان خاکستری تغییر می دهد.
2. اگر TextBox  متن پیش فرض را مطابقت دهد و نوع رویداد آن focus باشد، جعبه متن را پاک می کند و رنگ فونت را به عنوان سیاه تنظیم می کند.

<script type = "text/javascript">
    var defaultText = "Enter your text here";
    function WaterMark(txt, evt)
    {
        if(txt.value.length == 0 && evt.type == "blur")
        {
            txt.style.color = "gray";
            txt.value = defaultText;
        }
        if(txt.value == defaultText && evt.type == "focus")
        {
            txt.style.color = "black";
            txt.value="";
        }
    }
</script>

 پیاده سازی جاوا اسکریپت Watermark با ASP.Net TextBox
تابع جاوا اسکریپت Watermark می تواند با ASP.Net TextBox در دو روش زیر اجرا شود.
Client Side
عملکرد آبجکت جاوا اسکریپت را می توان به طور مستقیم با استفاده ازرویدادهای on blur  handler و infocus و انتقال مرجع TextBox و شی رویداد اعمال کرد.

<asp:TextBox ID="TextBox1" runat="server" Text = "Enter your text here"
    ForeColor = "Gray" onblur = "WaterMark(this, event);"
    onfocus = "WaterMark(this, event);">
</asp:TextBox>

Code Behind
راه حل اول کار می کند، اما پیام های هشدار دهنده را نمایش می دهد که ویژوال استودیو را نشان می دهد که برای بعضی از شما ممکن است خسته کننده باشد  از این رو یک روش پاک کننده برای اتصال دهنده های رویداد onblur و onfocus از Code Behind در رویداد بارگذاری صفحه به صورت زیر نشان داده شده است.
C #

TextBox1.Attributes.Add("onblur", "WaterMark(this, event);");

TextBox1.Attributes.Add("onfocus", "WaterMark(this, event);"); 

VB.Net

TextBox1.Attributes.Add("onblur", "WaterMark(this, event);")

TextBox1.Attributes.Add("onfocus", "WaterMark(this, event);")

 


دانلود
  • لینک های دانلود دوره های آموزشی تا پایان دوره قابل دانلود می باشد.
  • برای خارج کردن فایل ها از حالت فشرده از ورژن جدید نرم افزار winrar استفاده کنید.
  • برای خارج کردن فایل ها از حالت فشرده لینک های دانلودی که چندین قسمت می باشند فقط قسمت اول را از حالت فشرده خارج کنید.
  • لطفا توضیحات نوشته شده برای مطالب را با دقت بخوانید.
  • برای نمایش فیلم ها می توانید از نرم افزار هایی مانند Km Player , VLC Player یا Media Player Classic استفاده کنید.

ارسال نظر
ارسال پیام به :