-
تغییر حالت button با حرکت ماوس بر روی آن
سلام دوستان
یه سوال ایا راهی هست که بشه برای دکمه asp.net حالتی رو تعریف کرد که با حرکت ماوس روی آن بر فرض رنگش تغییر کند؟
مثل حالت ماوس اور در html
-
نقل قول: تغییر حالت button با حرکت ماوس بر روی آن
-
نقل قول: تغییر حالت button با حرکت ماوس بر روی آن
راستش هنوز نیازبه راهنمایی دارم اینکه کلاس css رو چطور مرتبط کنم به buttton???
-
نقل قول: تغییر حالت button با حرکت ماوس بر روی آن
نقل قول:
نوشته شده توسط
yekta64
راستش هنوز نیازبه راهنمایی دارم اینکه کلاس css رو چطور مرتبط کنم به buttton???
سلام
خیلی سادس !!!
ببین اول یک کلاس توی فایل سی اس اس بنویس :
.button
{
background-color:white;
}
توی این کلاس میای و میگی که هر چیزی (دکمه ، تگ یا هر چیز دیگه ای ) که داره از این کلاس استفاده میکنه رنگ پس زمینش سفید باشه.
حالا میای و یک کلاس دیگه مثل زیر اضافه میکنی برای اشاره ماوس رو اون :
.button:hover
{
background-color:gray;
}
توی کلاس بالایی میایم و میگیم که هر موقع ماوس روی اون رفت رنگش به خاکستری تغییر کنه ...
موفق باشید
-
نقل قول: تغییر حالت button با حرکت ماوس بر روی آن
راستی برای استفاده دکمه مربوطه از این کلاس هم باید :
css-class="button" کلاس اون دکمه رو برابر با اسم کلاسی که نوشتی قرار بدی !!!
-
1 ضمیمه
نقل قول: تغییر حالت button با حرکت ماوس بر روی آن
بفرما،این هم یه نمونه با توضیحاتی که جناب aspismylove دادن.
-
نقل قول: تغییر حالت button با حرکت ماوس بر روی آن
دوستان در همین زمینه
اگه بخایم وقتی که کاربر روی یه تکس باکس کلیک میکنه رنگش تغییر کنه چیکار باید کرد؟
-
نقل قول: تغییر حالت button با حرکت ماوس بر روی آن
نقل قول:
نوشته شده توسط
yekta64
دوستان در همین زمینه
اگه بخایم وقتی که کاربر روی یه تکس باکس کلیک میکنه رنگش تغییر کنه چیکار باید کرد؟
باید با دوتا حالت زیر بازی کنی :
.BtnContact:active
.BtnContact:focus
-
نقل قول: تغییر حالت button با حرکت ماوس بر روی آن
نقل قول:
نوشته شده توسط
malloc
باید با دوتا حالت زیر بازی کنی :
.BtnContact:active
.BtnContact:focus
میشه بیشتر توضیح بدید بایه مثال کوچیک لطفا
-
نقل قول: تغییر حالت button با حرکت ماوس بر روی آن
این کارو انجام دادم کاری انجام نشد
-
نقل قول: تغییر حالت button با حرکت ماوس بر روی آن
نقل قول:
نوشته شده توسط
yekta64
این کارو انجام دادم کاری انجام نشد
<style type="text/css">
.btn
{
background-color: Black;
}
.btn:hover
{
background-color: Blue;
}
.btn:focus
{
background-color: Red;
}
.btn:active
{
background-color: Yellow;
}
</style>
استایل بالا رو به یه button نسبت بده . اونوقت تفاوتهاشو احساس میکنی
لینک زیر هم خیلی خوب میتونه کمکت کنه :
http://www.w3schools.com/cssref/css_selectors.asp
-
نقل قول: تغییر حالت button با حرکت ماوس بر روی آن
نقل قول:
نوشته شده توسط
malloc
<style type="text/css">
.btn
{
background-color: Black;
}
.btn:hover
{
background-color: Blue;
}
.btn:focus
{
background-color: Red;
}
.btn:active
{
background-color: Yellow;
}
</style>
استایل بالا رو به یه button نسبت بده . اونوقت تفاوتهاشو احساس میکنی
لینک زیر هم خیلی خوب میتونه کمکت کنه :
http://www.w3schools.com/cssref/css_selectors.asp
دوست عزیز من برای یه تکس باکس میخام نه باتون
-
1 ضمیمه
نقل قول: تغییر حالت button با حرکت ماوس بر روی آن
بفرما،ببین خوبه:
ضمیمه 98537
-
نقل قول: تغییر حالت button با حرکت ماوس بر روی آن
فرقی نمیکنه تو همونو به تکست باکس نسبت بده.
-
نقل قول: تغییر حالت button با حرکت ماوس بر روی آن
نقل قول:
نوشته شده توسط
malloc
فرقی نمیکنه تو همونو به تکست باکس نسبت بده.
هیچ اتفاقی نمیوفته
ببینید میخام وقتی توی تکس باکس کلیک شد که مکان نما داخل تکس باکس هست رنگش تغییر کنه ولی از تکس باکس میام بیرون سفید بشه
-
نقل قول: تغییر حالت button با حرکت ماوس بر روی آن
نقل قول:
نوشته شده توسط
website.expert
بی نهایت ممنون دوست عزیز درست شد
-
نقل قول: تغییر حالت button با حرکت ماوس بر روی آن
نقل قول:
نوشته شده توسط
yekta64
بی نهایت ممنون دوست عزیز درست شد
ببین دوست عزیز شما کد زیر و تو یه صفحه کامل کپی کن جواب میگیری . یعنی یه صفحه ایجاد کن هرچیزی که توش نوشته رو پاک کن و کد من رو paste کن.
کد HTML:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.btn
{
background-color: Black;
border:1px solid gray;
}
.btn:hover
{
background-color: Gray;
}
.btn:focus
{
background-color: White;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" CssClass="btn" runat="server"></asp:TextBox>
</div>
</form>
</body>
</html>
هرچند تو اون صفحه ای که ایجاد میکنی خط اول و پاک نکن یعنی خط زیر رو :
کد HTML:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>
اوکی . خوشحالم که درست شد . من هواسم نبود گفتی درست شد
-
نقل قول: تغییر حالت button با حرکت ماوس بر روی آن
نقل قول:
نوشته شده توسط
website.expert
یه سوال چرا برای مرورگر ie عمل نمیکنه این کد؟؟؟؟///
-
نقل قول: تغییر حالت button با حرکت ماوس بر روی آن
نقل قول:
نوشته شده توسط
malloc
ببین دوست عزیز شما کد زیر و تو یه صفحه کامل کپی کن جواب میگیری . یعنی یه صفحه ایجاد کن هرچیزی که توش نوشته رو پاک کن و کد من رو paste کن.
کد HTML:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.btn
{
background-color: Black;
border:1px solid gray;
}
.btn:hover
{
background-color: Gray;
}
.btn:focus
{
background-color: White;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" CssClass="btn" runat="server"></asp:TextBox>
</div>
</form>
</body>
</html>
هرچند تو اون صفحه ای که ایجاد میکنی خط اول و پاک نکن یعنی خط زیر رو :
کد HTML:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>
می دونید دوست عزیز مشکل مرورگره با ie این کد جواب نمیده ولی با فایرفاکس جواب میده این بده که
-
نقل قول: تغییر حالت button با حرکت ماوس بر روی آن
دوستان علت چیه که در مرورگر ie این کد جواب نمیده
-
نقل قول: تغییر حالت button با حرکت ماوس بر روی آن
نقل قول:
نوشته شده توسط
yekta64
دوستان علت چیه که در مرورگر ie این کد جواب نمیده
از تو visual Studio اجرا کنید تویه ie هم مشکلی نداره.
-
1 ضمیمه
نقل قول: تغییر حالت button با حرکت ماوس بر روی آن
این هم برای حل مشکل ie:
به دوخط اول که به فایل HTML اضافه شده دقت کنید!
-
نقل قول: تغییر حالت button با حرکت ماوس بر روی آن
نقل قول:
نوشته شده توسط
website.expert
این هم برای حل مشکل ie:
به دوخط اول که به فایل HTML اضافه شده دقت کنید!
والا نمیدونم چرا جواب نمیده یعنی ممکنه ربطی به مسترپیچ داشته باشه؟؟؟
این دو خط کد html عینا توی مسترپیج هستن ولی جواب نمیده
من این کدها رو یه یه فایب .css مینویسم ربطی داره به نظرتون؟
-
نقل قول: تغییر حالت button با حرکت ماوس بر روی آن
نقل قول:
نوشته شده توسط
yekta64
والا نمیدونم چرا جواب نمیده یعنی ممکنه ربطی به مسترپیچ داشته باشه؟؟؟
این دو خط کد html عینا توی مسترپیج هستن ولی جواب نمیده
من این کدها رو یه یه فایب .css مینویسم ربطی داره به نظرتون؟
نه به هیچ وجه!
اگه میتونید نمونه بذارید.
بهتره.
-
نقل قول: تغییر حالت button با حرکت ماوس بر روی آن
نقل قول:
نوشته شده توسط
website.expert
نه به هیچ وجه!
اگه میتونید نمونه بذارید.
بهتره.
بسیار مننون از راهنماییتون درست شد