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

برنامه تغییر فایل CSS به طور پویا از کدنویسی در ASP.Net
0 0
برنامه تغییر فایل CSS به طور پویا از کدنویسی در ASP.Net

با سلام در این مقاله نحوه تغییر دینامیکی فایل کلاس CSS را بطور برنامه ای از کد پشتی ASP.Net با استفاده از C # و VB.Net توضیح می دهیم. بنابراین لینک تنظیم CSS آن را به فایل کلاس CSS تنظیم کنید.
در اصل دو دکمه برای تغییر فایل های کلاس CSS ایجاد کرده ایم.

کد HTML
کد HTML شامل عنصر HTML < link > است که ویژگی runat = "server" را تنظیم کرده ایم تا بتوانیم به راحتی به کد پشتی آن دسترسی داشته باشیم. همچنین دو کنترل ASP.Net < asp : Button > قرار داده ایم که به صورت پویا فایل های CSS را در رویداد ChangeCSS  handler خود تغییر دهیم .
همچنین  ویژگی CommandArgument را برای دکمه های ASP.Net به نام فایل های کلاس CSS تنظیم کرده ایم.
سرانجام از كنترل ASP.Net < asp : Label > استفاده كرده ایم كه ​​به عنوان يك شاخص عمل خواهد كرد تا تغيير ديناميك فایل هاي كلاس CSS را به ما اطلاع دهد.

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link id="lnkCSS" runat="server" href = "~/CSS/Default.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <asp:Label ID="Label1" runat="server" Text="This is a Label" CssClass="label"></asp:Label>
    <hr />
    <asp:Button ID="Button1" runat="server" Text="CSS 1" OnClick="ChangeCSS" CommandArgument="CSS1.css" />
    <asp:Button ID="Button2" runat="server" Text="CSS 2" OnClick="ChangeCSS" CommandArgument="CSS2.css" />
    </form>
</body>
</html>

فایل های CSS
برای این مقاله ، سه فایل کلاس CSS شامل  Default.css ، CSS1.css و CSS.css را ایجاد کرده ایم.
پیش فرض.css

body
{
    font-family:Arial;
    font-size:10pt;
}
.label
{
    font-weight:bold;
    color:Black;
}

CSS1.css

body
{
    font-family:Arial;
    font-size:10pt;
}
.label
{
    font-weight:bold;
    color:Red;
}

CSS2.css

body
{
    font-family:Arial;
    font-size:10pt;
}
.label
{
    font-weight:bold;
    color:Blue;
}

تغییر پویا فایل های کلاس CSS با کلیک دکمه
در قسمت مدیریت رویداد کلیک زیر ، بطور دینامیکی مسیر فایل کلاس CSS را با استفاده از نام فایل از ویژگی CommandArgument دکمه ASP.Net تنظیم می کنیم.
C #

protected void ChangeCSS(object sender, EventArgs e)
{
    lnkCSS.Attributes["href"] = "~/CSS/" + (sender as Button).CommandArgument;
}

VB.Net

Protected Sub ChangeCSS(sender As Object, e As EventArgs)
    lnkCSS.Attributes("href") = "~/CSS/" + TryCast(sender, Button).CommandArgument
End Sub

 


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

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