maryam_vb
شنبه 02 اردیبهشت 1391, 17:14 عصر
سلام
دو Button با نام های Next و Prev دارم میخوام با کلیک شدن روی هر دکمه استایلش رو عوض کنم و استایل دکمه تا کلیک بعدی حفظ شه.مثلا اگر روی Next کلیک شد رنگ دکمه قرمز شه و رنگ دکمه Prev آبی بمونه تا کلیک بعدی. و همین طور میخوام اینکار سمت کلاینت انجام شه.
برای این منظور کد زیر رو نوشتم:
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<style type="text/css">
.default
{
background-color: #3366FF;
color: #FFFFFF;
}
.click
{
color: #FFFF00;
background-color: #CC0099;
}
</style>
<script type="text/javascript">
function changeClass (elementID, newClass) {
var element = document.getElementById(elementID);
element.setAttribute("class", newClass);
if (elementID == "BtnNext")
document.getElementById("BtnPrev").setAttribute("class", "default");
else
document.getElementById("BtnNext").setAttribute("class", "default");
return false;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:Button ID="BtnPrev" runat="server" onclick="BtnPrev_Click" OnClientClick="changeClass('BtnPrev','click')" Text="Prev" CssClass="default" />
<asp:Button ID="BtnNext" runat="server" OnClientClick="changeClass('BtnNext','click')"
Text="Next" CssClass="default" />
</form>
</body>
</html>
ولی وقتی صفحه از سمت سرور برمیگرده استایل رو نگه نمیداره.
چه کدی رو باید اضافه کنم؟
دو Button با نام های Next و Prev دارم میخوام با کلیک شدن روی هر دکمه استایلش رو عوض کنم و استایل دکمه تا کلیک بعدی حفظ شه.مثلا اگر روی Next کلیک شد رنگ دکمه قرمز شه و رنگ دکمه Prev آبی بمونه تا کلیک بعدی. و همین طور میخوام اینکار سمت کلاینت انجام شه.
برای این منظور کد زیر رو نوشتم:
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<style type="text/css">
.default
{
background-color: #3366FF;
color: #FFFFFF;
}
.click
{
color: #FFFF00;
background-color: #CC0099;
}
</style>
<script type="text/javascript">
function changeClass (elementID, newClass) {
var element = document.getElementById(elementID);
element.setAttribute("class", newClass);
if (elementID == "BtnNext")
document.getElementById("BtnPrev").setAttribute("class", "default");
else
document.getElementById("BtnNext").setAttribute("class", "default");
return false;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:Button ID="BtnPrev" runat="server" onclick="BtnPrev_Click" OnClientClick="changeClass('BtnPrev','click')" Text="Prev" CssClass="default" />
<asp:Button ID="BtnNext" runat="server" OnClientClick="changeClass('BtnNext','click')"
Text="Next" CssClass="default" />
</form>
</body>
</html>
ولی وقتی صفحه از سمت سرور برمیگرده استایل رو نگه نمیداره.
چه کدی رو باید اضافه کنم؟