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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط ghasem47
      سلام به همه ی دوستان عزیز
      من در نظر دارم که یک وبسایت برای فروش فایل هایی مربوط به وب راه اندازی کنم .و قصد من این است که علاوه بر فروش فایل در سایت ، هاست و دامنه نیز بفروشم . و همچنین این هم مهمه که کاربر برای خرید هاست و یا دامین باید در وبسایت عضو بشه و بعد از خرید نیز بتونه اطلاعات هاست و تنظیمات هاست رو از حساب کاربریش در وبسایت من انجام بده.
      مانند این وبسایت : (سایت ساز زرین )   https://sitesazz.ir/
      اما تنها مشکل و مسئله در این جاست که من نمی دونم و بلد نیستم که باید چگونه این کار رو انجام بدم؟
      من قراره که وبسایت رو با وردپرس راه اندازی کنم ولی نمی دونم چطوری باید این امکان فروش هاست رو به وبسایت اضافه کنم و کاری کنم که در وبسایت بتونم هاست و دامنه هم بفروشم و به علاوه این مسئله هم هست که باید کاربرا بتونن از حساب کاربری داخل وبسایتشون به تنظیمات هاست و یا دامنشون دسترسی پیدا کنند.
      لطفاً منو راهنمایی کنید.
      با تشکر
    • توسط iranibonsai
      درود، سایتی رو با وردپرس بالا آوردیم
      اما اکنون در صفحات داخلی سایت کد خطایی رو در بخش بالای مرورگر نشون میده که نتونستیم رفعش کنیم
      Warning: count(): Parameter must be an array or an object that implements Countable in /home3/zahrefzo/public_html/wp-includes/post-template.php on line 284
      این خطا قبلا وجود نداشت، نفهمیدم به چه علتی بوجود آمده و تو اینترنت هم چیز خاصی راجعبه رفعش پیدا نکردم، ممنون میشم اعلام نظر بفرمایید
      آدرس سایت :
      http://minelbeautysalon.com//
    • توسط sydvza
      باسلام ببخشید من کلیدواژه دکه را انتخاب کردم ولی در سرچ گوگل کلمه دکه وارد میکنم حتی جز 10 صفحه هم نیستم
      https://dackeh.com
    • توسط MajidRB
      سلام وقتتون بخیر.
      دوستان قالب placid رو به صورت های مختلف دانلود و نصب کردم ( هم از سایت های فارسی و قالب فارسی شده هم از منابع خود وردپرس)
      چه به شکل فارسی چه به شکل انگلیسی پست ها رو اونطوری که در پیش نمایش قالب نشان داده شده ، در صفحه اصلی نشان نمیده !
      عکس ها رو درج میکنم
      هیچ تنظیماتی نمانده که من دستکاری نکرده باشم
      فکر کنم باید چند خط کد کم یا زیاد بشه ( که بلد نیستم ! )
      خیلی ممنون میشم راهنمایی کنید
       


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