PDA

View Full Version : تغییر حالت button با حرکت ماوس بر روی آن


yekta64
پنج شنبه 21 دی 1391, 15:25 عصر
سلام دوستان
یه سوال ایا راهی هست که بشه برای دکمه asp.net حالتی رو تعریف کرد که با حرکت ماوس روی آن بر فرض رنگش تغییر کند؟
مثل حالت ماوس اور در html
website.expert
پنج شنبه 21 دی 1391, 15:34 عصر
با سلام،
ببینید این به کارتون میاد:
http://barnamenevis.org/showthread.php?219681-%D8%AA%D8%BA%DB%8C%DB%8C%D8%B1-%D8%B1%D9%86%DA%AF-%DB%8C%D8%A7-%D8%AA%D8%BA%DB%8C%DB%8C%D8%B1-%D8%B4%DA%A9%D9%84-%D8%AF%DA%A9%D9%85%D9%87-%D9%87%D8%A7-%D8%AF%D8%B1-%D8%B3%D8%A7%DB%8C%D8%AA
yekta64
پنج شنبه 21 دی 1391, 17:07 عصر
راستش هنوز نیازبه راهنمایی دارم اینکه کلاس css رو چطور مرتبط کنم به buttton???
aspismylove
پنج شنبه 21 دی 1391, 17:42 عصر
راستش هنوز نیازبه راهنمایی دارم اینکه کلاس css رو چطور مرتبط کنم به buttton???

سلام

خیلی سادس !!!

ببین اول یک کلاس توی فایل سی اس اس بنویس :

.button
{
background-color:white;
}

توی این کلاس میای و میگی که هر چیزی (دکمه ، تگ یا هر چیز دیگه ای ) که داره از این کلاس استفاده میکنه رنگ پس زمینش سفید باشه.

حالا میای و یک کلاس دیگه مثل زیر اضافه میکنی برای اشاره ماوس رو اون :

.button:hover
{
background-color:gray;
}

توی کلاس بالایی میایم و میگیم که هر موقع ماوس روی اون رفت رنگش به خاکستری تغییر کنه ...

موفق باشید
aspismylove
پنج شنبه 21 دی 1391, 17:45 عصر
راستی برای استفاده دکمه مربوطه از این کلاس هم باید :

css-class="button" کلاس اون دکمه رو برابر با اسم کلاسی که نوشتی قرار بدی !!!
website.expert
پنج شنبه 21 دی 1391, 18:38 عصر
بفرما،این هم یه نمونه با توضیحاتی که جناب aspismylove دادن.
yekta64
پنج شنبه 28 دی 1391, 18:03 عصر
دوستان در همین زمینه
اگه بخایم وقتی که کاربر روی یه تکس باکس کلیک میکنه رنگش تغییر کنه چیکار باید کرد؟
malloc
پنج شنبه 28 دی 1391, 18:06 عصر
دوستان در همین زمینه
اگه بخایم وقتی که کاربر روی یه تکس باکس کلیک میکنه رنگش تغییر کنه چیکار باید کرد؟
باید با دوتا حالت زیر بازی کنی :

.BtnContact:active

.BtnContact:focus
yekta64
پنج شنبه 28 دی 1391, 18:13 عصر
باید با دوتا حالت زیر بازی کنی :

.BtnContact:active

.BtnContact:focus


میشه بیشتر توضیح بدید بایه مثال کوچیک لطفا
yekta64
پنج شنبه 28 دی 1391, 18:18 عصر
این کارو انجام دادم کاری انجام نشد
malloc
پنج شنبه 28 دی 1391, 18:28 عصر
این کارو انجام دادم کاری انجام نشد

<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
yekta64
پنج شنبه 28 دی 1391, 18:34 عصر
<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


دوست عزیز من برای یه تکس باکس میخام نه باتون
website.expert
پنج شنبه 28 دی 1391, 18:43 عصر
بفرما،ببین خوبه:
98537
malloc
پنج شنبه 28 دی 1391, 18:45 عصر
فرقی نمیکنه تو همونو به تکست باکس نسبت بده.
yekta64
پنج شنبه 28 دی 1391, 18:50 عصر
فرقی نمیکنه تو همونو به تکست باکس نسبت بده.

هیچ اتفاقی نمیوفته
ببینید میخام وقتی توی تکس باکس کلیک شد که مکان نما داخل تکس باکس هست رنگش تغییر کنه ولی از تکس باکس میام بیرون سفید بشه
yekta64
پنج شنبه 28 دی 1391, 18:51 عصر
بفرما،ببین خوبه:
98537


بی نهایت ممنون دوست عزیز درست شد
malloc
پنج شنبه 28 دی 1391, 18:55 عصر
بی نهایت ممنون دوست عزیز درست شد

ببین دوست عزیز شما کد زیر و تو یه صفحه کامل کپی کن جواب میگیری . یعنی یه صفحه ایجاد کن هرچیزی که توش نوشته رو پاک کن و کد من رو paste کن.


<%@ 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>

هرچند تو اون صفحه ای که ایجاد میکنی خط اول و پاک نکن یعنی خط زیر رو :

<%@ Page Language="C#‎‎" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>


اوکی . خوشحالم که درست شد . من هواسم نبود گفتی درست شد
yekta64
پنج شنبه 28 دی 1391, 18:55 عصر
بفرما،ببین خوبه:
98537


یه سوال چرا برای مرورگر ie عمل نمیکنه این کد؟؟؟؟///
yekta64
پنج شنبه 28 دی 1391, 18:57 عصر
ببین دوست عزیز شما کد زیر و تو یه صفحه کامل کپی کن جواب میگیری . یعنی یه صفحه ایجاد کن هرچیزی که توش نوشته رو پاک کن و کد من رو paste کن.


<%@ 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>



هرچند تو اون صفحه ای که ایجاد میکنی خط اول و پاک نکن یعنی خط زیر رو :

<%@ Page Language="C#‎" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>

می دونید دوست عزیز مشکل مرورگره با ie این کد جواب نمیده ولی با فایرفاکس جواب میده این بده که
yekta64
پنج شنبه 28 دی 1391, 19:04 عصر
دوستان علت چیه که در مرورگر ie این کد جواب نمیده
website.expert
پنج شنبه 28 دی 1391, 19:09 عصر
دوستان علت چیه که در مرورگر ie این کد جواب نمیده
از تو visual Studio اجرا کنید تویه ie هم مشکلی نداره.
website.expert
پنج شنبه 28 دی 1391, 19:14 عصر
این هم برای حل مشکل ie:
به دوخط اول که به فایل HTML اضافه شده دقت کنید!
yekta64
پنج شنبه 28 دی 1391, 19:20 عصر
این هم برای حل مشکل ie:
به دوخط اول که به فایل HTML اضافه شده دقت کنید!

والا نمیدونم چرا جواب نمیده یعنی ممکنه ربطی به مسترپیچ داشته باشه؟؟؟

این دو خط کد html عینا توی مسترپیج هستن ولی جواب نمیده
من این کدها رو یه یه فایب .css مینویسم ربطی داره به نظرتون؟
website.expert
پنج شنبه 28 دی 1391, 19:21 عصر
والا نمیدونم چرا جواب نمیده یعنی ممکنه ربطی به مسترپیچ داشته باشه؟؟؟

این دو خط کد html عینا توی مسترپیج هستن ولی جواب نمیده
من این کدها رو یه یه فایب .css مینویسم ربطی داره به نظرتون؟

نه به هیچ وجه!
اگه میتونید نمونه بذارید.
بهتره.
yekta64
پنج شنبه 28 دی 1391, 19:38 عصر
نه به هیچ وجه!
اگه میتونید نمونه بذارید.
بهتره.
بسیار مننون از راهنماییتون درست شد