PDA

View Full Version : سوال: تایپ نام فیلد در درون فیلد


Farzad66
شنبه 01 خرداد 1389, 15:58 عصر
با سلام

چگونه می توان نامی که مربوط به فیلد مورد نظر میباشد در درونش تایپ بشه و با کلیک کردن روی فیلد آن نام حذف شود و متن مورد نظر توسط کاربر نوشته شود مانند اکثر سایت ها که فیلد جستجوی سایت به این صورت میباشد
battak
شنبه 01 خرداد 1389, 19:08 عصر
منظورتون چه فیلدی و هست؟ تکست باکس رو میگین؟
Farzad66
شنبه 01 خرداد 1389, 22:08 عصر
منظورم فیلدها ارسال فرم ، بله یا همون تکست باکس ، به طور مثال یک ماژولی که فرم ارتباط با ما میباشد ، حالا میخواهم نام فیلدهای آن درون خود فیلد نوشته شود و با کلیک موس از بین رود و مقدار توسط کاربر نوشته شود

ممنون میشم راهنمایی نمائید
binyaft
یک شنبه 02 خرداد 1389, 09:20 صبح
میتونی از jQuery استفاده کنی ( با استفاده از تابع attr )
با خود جاوا اسکریپت هم میشه ( سبکتره اما مشکلتر )
خواستی میتونم با جی کئوری بنویسم
binyaft
یک شنبه 02 خرداد 1389, 09:24 صبح
برو اینو در مورد jQuery بخون

http://boplo.ir/jquery/what-is-jquery/
سلیمانی پور
یک شنبه 02 خرداد 1389, 16:47 عصر
سلام
این مثال، همین کار را انجام می دهد:

<!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">

<head>
<meta http-equiv="Content-Language" content="fa" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>default text in textbox1</title>
</head>

<body>
<input type="text" name="email" value="متن دلخواه" onFocus="if (value == 'متن دلخواه') {value=''}" onBlur="if (value== '') {value='your@email.com'}" size="15" />
</body>

</html>





موفق باشید
Reza1607
یک شنبه 02 خرداد 1389, 17:09 عصر
اگر منظورتو درست فهمیده باشم اینکه مثل داخل یک فیلد کلمه جستجو نوشته شده و شما با کلیک روی فیلد کلمه داخلش حذف می شه اگه منظورت اینه که از کد زیر استفاده کن




<html>
<head>
<script language='javascript'>
function settext1(x){
if(x.value=="Search..."){x.value="";}
else if(x.value==""){x.value="Search...";}
}
</script>
</head>
<body>
<input type='text' onFocus='settext1(this);' id='txt1' value='Search...' name='txt1'>
</body>
</html>
Farzad66
سه شنبه 04 خرداد 1389, 23:04 عصر
بسیار ممنون از شما عزیزان هر دو کد بسیار عالی و کاربردی عمل کردند و همونی هست که من میخوام ، من ازشون استفاده میکنم اگر باز مشکلی پیش اومد مزاحم شما عزیزان میشم واقعا سپاسگذارم از شما دوستان عزیز جناب آقای سلیمانی پور و Reza1607 (http://barnamenevis.org/forum/member.php?u=74057)
Farzad66
پنج شنبه 06 خرداد 1389, 14:07 عصر
با سلام مجدد

تا الان همانطور که میخواستم شد اگر بخوام رنگ نوشته های داخل فیلد را کم رنگ تر کنم یا رنگش را تغییر بدم از دستور

input {
color : #9c9c9c;
}

استفاده میکنم ، آیا میشه مثلا در حالت اولیه رنگ نوشته داخل فیلد طوسی باشد ولی وقتی کاربرد میخواهد درونش تایپ کند رنگ آن به مشکی تغییر کند ؟

آیا میشه خود فیلد های را مثلا گرد کنم ؟ برای این کار چگونه عمل کنم ؟

* و اینکه وقتی کاربر میخواهد درون فیلد چیزی بنویسد به صورت خودکار فارسی تایپ شود

ممنون میشم راهنمایی کنید
binyaft
جمعه 07 خرداد 1389, 07:34 صبح
برای گرد کردن
البته بگم که توی IE کار نمیکنه

-moz-border-radius:7px;
-khtml-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
و اما برای تغییر رنگ
از مشخصه onclick استفاده کن!
سوالی بود در خدمتیم
Farzad66
جمعه 07 خرداد 1389, 10:28 صبح
ممنون ،

این کدها را در کجا استفاده کنم ؟

میشه به جای فیلد از یک تصویر استفاده کرد ؟ که در همه مرورگرها نشان داده شود

من از این کد استفاده کردم ، در هنگام کلیک بر روی فیلد رنگ ها عوض میشن


input[type="text"]:focus, input textarea:focus
{
background-image: none;
background-color: #ffffff;
color: #161616;
border: solid 1px #85b1de;
}

مشخصه onclick که شما گفتید به چه صورته ؟ باید به صورت جاوا باشه ؟
Farzad66
دوشنبه 10 خرداد 1389, 00:12 صبح
و آیا میتوان به طوری فیلد ها را قرار داد که خودکار به زبان فارسی تایپ کند ؟
Farzad66
چهارشنبه 12 خرداد 1389, 16:00 عصر
آیا میتوان به طوری فیلد ها را قرار داد که خودکار به زبان فارسی تایپ کند ؟

ممنون میشم دوستان راهنمایی کنند
Farzad66
یک شنبه 16 خرداد 1389, 00:27 صبح
کیست که مرا یاری کند ، ممنون میشم