Printable View
چطور می تونم کاری کنم که وقتی روی کادر جستجو کلیک میشه رنگش عوض شه؟
یا چطور می تونم مثل مال سایت Apple اندازش هم عوض بشه؟
با jQuery یا با چیز دیگه؟
با jQuery تا اونجاشو بلدم که وقتی روی کادر کلیک میشه و cursor تو کادر شروع به چشمک زدن می کنه تغییرات اعمال بشه؛ ولی واسه بر گردوندش ایده ای ندارم. یعنی وقتی یه جای دیگه از صفحه کلیک بشه و cursor دیگه تو کادر نباشه شکل و رنگ کادر برگرده به حالت اول؟
باید از onfocus و this.style استفاده کنید.
بقیش هم مربوط میشه به CSS.
مثال:
این بدون نیاز به فریم ورک هست. با فریم ورک جی کوئری هم میشه از تابع style استفاده کرد.کد:onfocus="this.style.width='25px';"
ممنون، راستش من بیشتر با event اش مشکل دارم. الآن این onfocus که فرمودید کار کرد و فکر کنم تفاوت چندانی با onclick نداشته باشه، ولی مسئله اصلی برگردوندن کادر به استایل قبلیه که با کد شما فقط اندازه 25px میشه ولی دیگه به استایل قبل بر نمی گرده.
onblur برای وقتیه که از تکست فیلد خارج شد کاربر.
=====
=====
پ.ا.و:
تفاوت onclick و onfocus اینه:
onclick برای هر المنتی و onfocus برای انتخاب شدن تکست فیلد هاست.
ممنون، حالا اگه ممکنه یه توضیحی هم در مورد .this بدید؟ این جور دستورات زبون یا متدشون چیه؟ jQuery نیست؟
this کلا" اشاره گر هست، و در اینجا هم داره به تگ مورد نظر اشاره میکنه، مثلا div در مثال پایین:نقل قول:
[HTML]<div class="content" onclick="this.style.width='25px'">...</div>[/HTML]
به jQuery ربطی نداره، این یکی از امکانت داخلی JavaScript هست.