جافا سكربت: خلفية في أجزاء الفورم تختفي عند النقر بالماوس>الأستاذZizwar

[haidar]

السلام عليكم
عندي هذه الأجزاء في الفورم، ولكل منهما خلفية
input
textarea
أريد عند نقر المستخدم في كل جزء من الفورم تختفي الخلفية لنفس الجزء
وبالعكس عند ترك الخانة ترجع الخلفية

تحياتي

[haidar]

عفواً، رح استخدم الـcss، سويت كلاسين، كلاس يحتوي على تعريف الخلفية، وكلاس لا يحتوي على خلفية
بس إذا أحد الاخوة أو الأستاذ زيزوار يعطيني الكود الخاص بتغيير الخلفية بين الكلاسين

تقبلوا تحياتي

[محمود حسين]

<input type="text" style="background-color:#000000;" onfocus="this.style.cssText='background-color:#FFFFFF;'" onfocusout="this.style.cssText='background-color:#000000;'">

تفضل أخي

[Zizwar]

<input type="text" style="background-color:#000000;" onfocus="this.style.cssText='background-color:#FFFFFF;'" onfocusout="this.style.cssText='background-color:#000000;'">

تفضل أخي

ماشاء أضفت الى قاموسي الإسم (cssText) أنا عوض

this.style.cssText='background-color:#000000;' 

أصل الى نفس الغرض عن طريق

this.style.backgroundColor='#000000' 

لكن عند دالة غير قياسية و هي onfocusout حيث انها تشتغل في متصفح IE
لذا إستبدلها بـ onblur

أخي haidar اذا كنت تريد تغيير لون الخلفية فقط فكود الاخ mahmoud009 كافي وشافي غير فقط
onfocusout الى onblur
او كودي

<input type="text" 
style="background-color:#ff0000"
onfocus="this.style.backgroundColor='#FFFFFF'" 
onblur="this.style.backgroundColor='#ff0000'" 
/> 

اما إذا اردت تغيير صورة الخلفية فإليك هذا

<input type="text"
style="background-image:url(http://www.swalif.net/softs/images/buttons/reply.gif)" 
onfocus="this.style.backgroundImage='url(http://www.swalif.net/softs/images/buttons/newthread.gif)'"
onblur="this.style.backgroundImage='url(http://www.swalif.net/softs/images/buttons/reply.gif)'" 
/> 

[haidar]

mahmoud009، مشكور وجزاك الله خير الجزاء
Zizwar، مشكور وجزاك الله خير الجزاء
أخي Zizwar كودك يعمل أيضاً في الفايرفوكس :nice:
مشكورين، تحياتي