كيف يمكن جعل النص داخل مربع البحث يختفي بمجرد النقر داخل المربع لكتابة كلمة البحث

05-04-2013, 10:21 PM	#1
3li مدون مميز تاريخ التسجيل: Dec 2012 الدولة: PaLeStinE المشاركات: 343 الإجابات الموجودة: 20	مجاب: رد: كيف يمكن جعل النص داخل مربع البحث يختفي بمجرد النقر داخل المربع لكتابة كلمة البحث أنا : 3li سجل معنا لتتمتع بهذه الخاصية طيب اخي جرب الطريقة التالية إبحث عن ]]></b:skin> وأضف قبلها كود PHP: .menusearch{width : 240px;float :left;margin:0 auto;padding:0 auto} .searchform {margin-top:0px;display : inline-block;zoom: 1;*display : inline;padding:0;background:#EAF3FA;width : 240px;height:25px; overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #001946;} .searchform input {font:italic 13px ;color:#001244;line-height:25px;height:25px;padding:0;margin:0;} .searchform .searchfield {background:transparent;padding:0 6px 0 0;margin:0;width : 195px;height:25px;border:0px;outline: none;line-height:25px;} .searchform .searchbutton {border:none;margin:0;padding:0;font-size:13px;height:25px;width : 27px;} واستبدل كل الكود الأصلي اللي عندك بالكود التالي كود PHP: `<div class='menusearch'> <div style='float :left;padding:4px 0 0 8px;'> <form action='/search' class='searchform' method='get'> <input class='searchfield' id='q' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=''' type='text' value='إبحث هنا ...'/> </form> </div></div>` الأن اذا اشتغل تمام وكان اتجاه المربع على اليسار وكنت بدك يكون على اليمين إستبدل left بـ right مـدونـجـي معجب بهذا __________________ من مواضيع 3li طريقة تغيير حركة الشريط من اليسار الى اليمين شرح تضمين الألعاب والفيديو بدون تحويل لأي موقع إضافة نجوم أسفل الموضوع وعدد المشاهدات لمدونة بلوجر Blogger اضافة خرائط جوجل sitemap.xml لمدونة بلوجر شرح حجز نطاق بلوجر بالعربي

أفضل جواب - كتبه مـدونـجـي

شكراً جزيلاً أخي عماد على المشاركة, السر وراء تعطل البحث في الكود الأخير كان رمز ( name="s" id="s" ) و اللذي يجب استبدال الـ s الأولى فيه إلى حرف p :

كود:

<input type="text" name="s" id="s" value="إبحث هنا ..." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/>

إلى

كود:

<input type="text" name="p" id="s" value="إبحث هنا ..." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/>

المشكلة انتهت و تم حلها, شكراًَ مرة أخرى لكما.

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)

مربع, البحث, النص, داخل, يختفي

« الموضوع السابق | الموضوع التالي »

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
الانتقال إلى العرض العادي العرض المتطور الانتقال إلى العرض الشجري

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة لا تستطيع الرد على المواضيع لا تستطيع إرفاق ملفات لا تستطيع تعديل مشاركاتك BB code is متاحة الابتسامات متاحة كود [IMG] متاحة كود HTML معطلة قوانين المنتدى

الانتقال السريع

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
كيف يمكن جعل النص داخل مربع البحث يختفي بمجرد النقر داخل المربع لكتابة كلمة البحث	مـدونـجـي	طلبات تعديل القوالب	3	05-04-2013 04:27 PM
درس : دمج صورة داخل كتابة !	NetSkills	طلبات التصاميم	0	04-28-2013 05:20 AM
مساعدة فى تغيير كلمة مسميات ونقلها داخل رسائل المدونة	moon light	طلبات الدعم الفني	0	02-17-2013 12:49 PM
كيفية معرفة عدد مرات البحت عن كلمة معينة في محركات البحت	i2am	المواضيع العامة	6	02-17-2013 11:39 AM
إضافة مربع البحث لمدونات بلوجر بشكل إحترافي	yacine	إضافات وأدوات بلوجر	1	08-14-2012 09:57 PM

كيف يمكن جعل النص داخل مربع البحث يختفي بمجرد النقر داخل المربع لكتابة كلمة البحث

طلبات الدعم الفني