الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

ال Text Field

مغلق
بدأه Designer في 17 نوفمبر 2002 · 7 رد · 644 مشاهدة · في منتدى تصميم صفحات الويب
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم

في بعض المواقع يتم وضع كلمة أو كلمات افتراضية بداخل الـ Text Field

مثلا صندوق بحث، نجد كلمة "ابحث هنا" بداخل الـ text field و عند النقر بداخله تختفي الجملة و يصبح بامكانك كتابة ما تشاء

سؤالي، عندما وضعت كلمة افتراضية بداخل ال text box فإنها تبقى موجودة حتى عند النقر بدخله، و يحب أن أقوم بمسحها بنفسي!!

كيف يمكنني جعلها تختفي عند نقر الزائر بداخل الـ text box؟

وشكرا جزيلا

#2

المطلوب هو كود جافا سكريبت أو في بي سكريبت و ظيفتها هي أنه عندما يتم وضع الماوس على ال textBox يؤدي التالي:

 function EmptyTextBoxValue(){
       textBox.value="";    
       textBox.focus;
}

أنا طبعا لست متأكدا تماما من الفكرة لكنها واضحة لو ملة بالسكريبتات لأني و الله قربت أنساهم من كثر ما انا انشغلت بال ASP

طبعا الفكرة عمل دالة تقوم بمسح قيمة مربع النص و إعادة المؤشر إليها عند الضغط على مربع النص ..

أنا راح أعملها بالبيت و أكتب الكود هنا ان شاء الله ..

You can fly while you can touch the sky

#3

السلام عليكم

شكرا أخ محمد، و بانتظار الكود

#4

قمت بعمل دالة جافا سكريبت اسميتها go تقوم كما ترين بافراغ قيمة مربع النص و إعادة المؤشر عليه

و يتم استدعاء الدالة عند الضغط على مربع النص .

اعتقد ان الكود واضح و يشرح نفسه بنفسه و يمكن عمل نفس الفكرة بسهولة

في الفي بي سكريبت ..

<script language="JAVASCRIPT">
 function go(){
    MYfORM.MYbOX.value="";
    MYfORM.MYbOX.Focus; 
  }




  NAME:

You can fly while you can touch the sky

#5





#6

جزاكم الله خير،

سأجرب الأكواد، مع جزيل الشكر و التقدير

#7

الأخ محمد أبو صلاح شكرا جزيلا على الكود

الأخ أحمد عدلي فعلا الكود الذي أضفته مشابه لما أريد

ولكني وجدت الكود و هو على الشكل التالي

<body>

<input onfocus='this.value=""' value=إسمك name=name>

<input onfocus='this.value=""' value=البريد name=email>

<input type=submit value=دخول>

</body>

شكرا جزيلا على تعاونكم :)

#8

عندي فكرة 

ATForum
<script language="JAVASCRIPT">
function go(){
if ( MYfORM.MYbOX.value=="ENTER TEXT") {MYfORM.MYbOX.value=""}
MYfORM.MYbOX.Focus; 
}




NAME:

طبعا المشكل ENTER NAME قد تتغير ... اذا كان عندك اكثر من حقل لكن ممكن تستخدم متغير للدالة go ويكون يحتوي قيمة الكلمة الاساسية بكل حقل ....

هذا الموضوع مغلق.

مواضيع مشابهة