YOU

تغییر رنگ فیلد دیدگاه

7 پست در این موضوع قرار دارد

ارسال شده در (ویرایش شده)

با سلام خدمت دوستان

فیلد دیدگاههای من کدهای زیر میباشد میخوام وقتی بازدید کننده هنگام نوشتن نظر؛ بمحض اینکه شروع به تایپ میکنه رنگ فیلد از رنگ #E8E8E8 به رنگ #f8d9d9 تغییر کنه یعنی تغییر رنگ background فیلد

کد فیلدها:


<input type="text" name="author" id="author" placeholder="*نام (ضروری)" title="لطفا فارسی تایپ نمائید" size="35" tabindex="1" />
<br />
<input type="text" name="email" id="email" placeholder="*ایمیل (نمایش داده نمی شود) (ضروری)" size="35" tabindex="2" />
<br />
<input type="text" name="url" id="url" placeholder="وبلاگ / وب‌سایت(اختیاری)" size="35" tabindex="3" />

ویرایش شده در توسط YOU
0

به اشتراک گذاری این پست


لینک به پست

کد فیلدها؟

1

به اشتراک گذاری این پست


لینک به پست

کد فیلدها؟

متاسفانه هنگان ارسال مطلب ابتدا ویرایشگر ساده دارم باید ارسال کنم بعد ویرایشگر را بزنم تا چیزی پیوست نمایم یا کدی بنویسم

الان کدها را گذاشتم

0

به اشتراک گذاری این پست


لینک به پست

خاصیت focus


.comment input[type="text"]{
color:#E8E8E8;
}
.comment input[type="text"]:focus{
color:#f8d9d9;
}

3

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

خاصیت focus


.comment input[type="text"]{
color:#E8E8E8;
}
.comment input[type="text"]:focus{
color:#f8d9d9;
}

تغییرات را اعمال کردم نشد اینم css خودم


input, button, textarea, option, select{
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
padding: 2px;
border: 1px solid #DDDDDD;
border-radius: 2px;
color: #666666;
-moz-transition: all 0.3s linear 0s;
background: #E8E8E8;
margin: 2px;
border-right: 5px solid #ccc;
}

به این صورت هم انجام دادم ولی بعد از رفتن به فیلد بعدی رنگش به حالت قبلی برمیگرده من میخوام بعد تایپ یعنی فیلد پر باشه رنگش عوض بشه


#email:focus , #author:focus,#url:focus{
background-color:#fbd3ec;
border-top-left-radius:7px;
border-right: 5px solid #fbd3ec;
margin-right:10px;
}

ویرایش شده در توسط YOU
0

به اشتراک گذاری این پست


لینک به پست

یک مثال:


<!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" xml:lang="en" lang="en">
<head>
<title></title>
<script type="text/javascript">
/*<![CDATA[*/
function InputHighLight(id,col){
var obj=document.getElementById(id)||document;
var ips=obj.getElementsByTagName('INPUT');
this.ary=[];
for (var z0=0;z0<ips.length;z0++){
if (ips[z0].type=='text'){
this.addevt(ips[z0],'blur','HighLight');
this.ary.push(ips[z0]);
}
}
this.col=col||'#FFE4E1';
}
InputHighLight.prototype.HighLight=function(){
for (var ip,z0=0;z0<this.ary.length;z0++){
ip=this.ary[z0];
ip.style.backgroundColor=ip.value.replace(/\s/g,'')!=''?this.col:'transparent';
}
}
InputHighLight.prototype.addevt=function(o,t,f,p){
var oop=this;
if (o.addEventListener) o.addEventListener(t,function(e){ return oop[f](e,p);}, false);
else if (o.attachEvent) o.attachEvent('on'+t,function(e){ return oop[f](e,p); });
else {
var prev=o['on'+t];
if (prev) o['on'+t]=function(e){ prev(e); oop[f](e,p); };
else o['on'+t]=o[f];
}
}

/*]]>*/
</script></head>
<body onload="IP=new InputHighLight(null,'#FFE4E1');">
<input name="" />
<input name="" />
<input type="button" name="" value="TEST" onclick="IP.HighLight();" />
</body>
</html>

4

به اشتراک گذاری این پست


لینک به پست

بدون کوتیشن مارک هم تست کنید


input[type=text]:focus
textarea:focus

2

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط nnmmss
      با سلام
       
      من اصلا وردپرس بلد نيستم ولي مجبورم كه سايتي را نگهداري كنم. در اين سايت وقتي وارد بعضي صفحات ميشوم عبارت "دسته" به انتهاي عنوان اضافه شده.  اين صفحات بعنوان "دسته" در فهرست انتخاب شده اند. مثلا
      من در منو مورد 
      آرشيو   
      را دارم كه زير مجموعه آن 
      آرشيو سال 97
      آرشيو سال 96
      آرشيو سال 95
      هست.
       
      من "آرشيو" بعنوان برگه انتخاب شده و آرشيو سال 97 - 96 - 95 به صورت دسته انتخاب شده است. وقتي من روي هر كدام از آرشيو سال 97 يا 96 يا ..... ميروم عنوان صفحه به صورت زير است
      آرشیو سال 97دسته
      اين عبارت دسته از كجا ميايد؟ و من چگونه ميتوانم آنرا حذف كنم؟
      با تشكر
    • توسط amirmehdi950
      سلام روزتون بخیر
      من میخوام از افزونه ultimate member private message استفاده کنم اما یه چیزی کم داره.
      میخوام دکمه پیوست هم داشته باشه.
      (این افزونه همونطوری که از اسمش پیداست برای ارسال پیام خصوصی بین کاربرا ساخته شده، افزونه private message به تنهایی کار نمیکنه و باید ultimate member هم نصب باشه که افزونه بسیار خوبیه.)
      حالا من سوالی که دارم اینه که چطوری میشه این دکمه رو هم به قسمت چت اضافه کرد و از کجا باید کدهاشو ویرایش کرد
      این هم تصویر افزونه ( محل جایگذاریش میخوام کنار بخش emoji باشه)
       

      ممنونم
    • توسط amirmehdi950
      سلام دوستان اگه جوابم رو بدید ممنون میشم.
      من یک افزونه ای میخوام (مثل مناقصه) که افراد بتونن با ثبت نام در سایت، پروژه شون رو ثبت و افراد دیگه بتونن روی اون پیشنهاد قیمت بدن و درصورت تایید ثبت کننده پروژه، پروژه خودکار تایید و شروع بشه و مجری بتونه با تعیین حق دستمزد پولش رو قبل از دریافت فایل توسط ثبت کننده پروژه ، دریافت کنه.
      منتها زمانی که ثبت کننده پول رو پرداخت میکنه خودکار یه درصدی کم شه(حق سایت) و بقیش به حساب مجری (حساب اعتباریش که تو سایته) ریخته بشه.
      مشابه این کار در چند سایت هست که میتونید مشاهده کنید:
      http://typeiran.com/
      http://tarahiran.com/
      https://parscoders.com
      این هم یک نمونه از چیزی که میگم: https://parscoders.com/project/54921/درخواست-قالب-آماده-وردپرس-برای-ثبت-سفارش-انجام-پروژه البته منظور چیزی که ثبت کردن ، تحت عنوان قالب وردپرس... نیست، منظورم نحوه عملکرد سایت هست.
    • توسط mohsen_sj
      سلام دوستان
      برای یک سایت چند منظوره که هم به عنوان دایرکتوری باشه و هم فروشگاهی که امکان چند فروشگاهی رو بتونه ساپورت کنه چه قالب یا افزونه ای پیشنهاد میکنید؟
    • توسط mrb1994
      سلام به همه دوستان بنده دارم یه قالب طراحی می کنم تو قسمت pagination به مشکلی بر خوردم من از قسمت خواندن وردپرس محدودیت اعمال کردم که تو صفحه بلاگ در هرصفحه 5 تا از پست ها رو نشون بده و ما بقی رو ببره یه صفحه دیگه حالاوردپرس محدودیت رو اعمال کرده ولی صفحه های دیگه رو لینکشو نمیده راه های مختلفی رو امتحان کردم از نصب افزونه های مختلف گرفته تا اضافه کردن کد دستی به function ولی کار نمیکنه
      یه مشکل دیگه هم هست اینکه تو دسته بندی ووکامرسم این محدودیت اصلا اعمال نمیشه
      لطفا راهنمایی کنید خیلی ممنون