ورود

View Full Version : سوال: onclick


هزاره سوم
سه شنبه 08 مرداد 1392, 10:26 صبح
سلام دوستان
من یه قسمت برای طرح هم آماده کردم که مثلا عضویت خبرنامه انجام شه درونش
عکسش رو هم ضمیمه کردم
توی عکس یه کادر میبینید که بالاش خاکستری هستش
این قسمت خاکستری رنگ عکس هست
چکار کنم تا وقتی کاربر درون این کادر کلیک کرد یا روی اون عکس خاکستری...عکس خاکستری رنگ تغییر کنه؟ :ناراحت:
با css میشه این کارو کرد؟؟؟
pirmard66
سه شنبه 08 مرداد 1392, 11:48 صبح
سلام دوست من...

با جاوا اسکریپت میتونی این کارو بکنی..

یه سرچ بزنی پیدا میکنی...
pirmard66
سه شنبه 08 مرداد 1392, 11:49 صبح
سلام دوست من...

با جاوا اسکریپت میتونی این کارو بکنی..

یه سرچ بزنی پیدا میکنی...
qartalonline
سه شنبه 08 مرداد 1392, 11:59 صبح
اگه منظورتون اینه که وقتی کلیک کردید رنگ عوض شه و بعد به حالت اول برگرده میتونید از خاصیت active: در css استفاده کنی. در غیر اینصورت از رویداد onclick در js استفاده کنید.
azamicu
سه شنبه 08 مرداد 1392, 12:57 عصر
با jquery
رخداد کلیک رو بایند کن به اون شیئت و بعد توش تغییرات رو بده
هزاره سوم
سه شنبه 08 مرداد 1392, 13:54 عصر
اگه منظورتون اینه که وقتی کلیک کردید رنگ عوض شه و بعد به حالت اول برگرده میتونید از خاصیت active: در css استفاده کنی. در غیر اینصورت از رویداد onclick در js استفاده کنید.

میشه در موردش بیشتر توضیح بدین؟؟؟؟؟؟؟؟
میخوام با css باشه نه jquery
qartalonline
سه شنبه 08 مرداد 1392, 14:06 عصر
با css وقتی روی بلوک کلیک کردید رنگش تغییر میکنه ولی پایدار نیست و با رها کردن کلیک دوباره به حالت اول برمیگرده.
qartalonline
سه شنبه 08 مرداد 1392, 14:21 عصر
نمونه کد css :

<!doctype html>
<html>
<head>
<style type="text/css">
.block{
display:block;
width:150px;
}
.title{
background:#999;
display:block;
height:40px;
}
.body{
background:#CCC;
display:block;
height:200px;
}
.block:active .title{
background:#00F;
}
</style>
</head>
<body>
<div class="block">
<div class="title"></div>
<div class="body"></div>
</div>
</body>
</html>
هزاره سوم
سه شنبه 08 مرداد 1392, 14:39 عصر
ممنون از توضیحتون
راهی نداره به جای کلیک وقتی موس رفت روی صفحه این تغییر رنگ صورت بگیره؟و تا موس بیرون نره اون همون طور بمونه؟؟؟
mohammad kafiyan
سه شنبه 08 مرداد 1392, 15:38 عصر
.block:active .title{ background:#00F; }
به جای active از hover اگر اشتباه نکنم استفاده کن
هزاره سوم
سه شنبه 08 مرداد 1392, 15:51 عصر
آره درست شد
از همه دوستان ممنون
na_des
سه شنبه 08 مرداد 1392, 22:54 عصر
از :hover استفاده کنید 100% درس میشه و با رفتن ماوس برروی اون تغییر میکنه فقط کافیه تو :hover تغییری که میخواید اعمال کنید