 |
|
|
|
|
|
|||||||
 |
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
05-04-2013, 06:05 PM
|
#1 |
|
مدون نشيط
 
تاريخ التسجيل: Aug 2012
الدولة: سوريا الحرة
المشاركات: 185
الإجابات الموجودة: 7
|
مجاب: كيف يمكن جعل النص داخل مربع البحث يختفي بمجرد النقر داخل المربع لكتابة كلمة البحث
كود البحث داخل مدونتي هو : كود:
<style type='text/css'>
#w2b-searchbox{background:url() no-repeat scroll center center transparent;float:right;;width:307px;height:50px;disaply:block;margin:2px 30px 0 0}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px; font: bold 13px Merriweather;color:#000000;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id='w2b-searchbox'>
<form action='/search' id='w2b-searchform' method='get'>
<input id='s' name='q' type='text' value='search'/>
<input id='sbutton' src='http://img1.blogblog.com/img/blank.gif' type='image'/>
</form>
</div>
ما هو التغيير المطلوب لذلك ؟
__________________
|
|
|
 أفضل جواب - كتبه مـدونـجـي
|
|
شكراً جزيلاً أخي عماد على المشاركة, السر وراء تعطل البحث في الكود الأخير كان رمز ( 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;"/>  المشكلة انتهت و تم حلها, شكراًَ مرة أخرى لكما. |
|
|
05-04-2013, 08:49 PM
|
#2 |
|
مدون مميز
تاريخ التسجيل: Dec 2012
الدولة: PaLeStinE
المشاركات: 343
الإجابات الموجودة: 20
|
رد: كيف يمكن جعل النص داخل مربع البحث يختفي بمجرد النقر داخل المربع لكتابة كلمة البحث
اهلا اخي
جرب استبدل كود PHP:
كود PHP:
__________________
|
|
|
|
|
05-04-2013, 09:37 PM
|
#3 |
|
مدون نشيط
تاريخ التسجيل: Aug 2012
الدولة: سوريا الحرة
المشاركات: 185
الإجابات الموجودة: 7
|
رد: كيف يمكن جعل النص داخل مربع البحث يختفي بمجرد النقر داخل المربع لكتابة كلمة البحث
شكراً أخي علي. استبدلت الكود, و أصبح نص البحث متلاشي و يختفي بمجرد النقر على المستطيل لكن المشكلة أن هناك مستطيل بحث جديد ظهر إلى جوار المستطيل الأصلي للبحث و تعطل المستطيل الاول عن العمل !
__________________
|
|
|
|
|
05-04-2013, 09:50 PM
|
#4 |
|
مدون مميز
تاريخ التسجيل: Dec 2012
الدولة: PaLeStinE
المشاركات: 343
الإجابات الموجودة: 20
|
رد: كيف يمكن جعل النص داخل مربع البحث يختفي بمجرد النقر داخل المربع لكتابة كلمة البحث
يمكن انت واضع الكود بطريقة خطأ او شيئ , لاني جربت الكود وضبط معي
الأن استبدل كل الكود اللي انت وضعتو بمشاركتك الأولى بالكود التالي كود PHP:
تأكد انك حددت الكود اللي وضعتو انت بالضبط واستبدلو بالكود اللي بالمشاركة هنا
__________________
|
|
|
|
|
05-04-2013, 10:03 PM
|
#5 |
|
مدون نشيط
تاريخ التسجيل: Aug 2012
الدولة: سوريا الحرة
المشاركات: 185
الإجابات الموجودة: 7
|
رد: كيف يمكن جعل النص داخل مربع البحث يختفي بمجرد النقر داخل المربع لكتابة كلمة البحث
نعم أخي علي الكود يعمل بالشكل المطلوب, لكني المشكلة هي أن كلمة البحث تظهر ضمن مستطيل جديد غير مستطيل البحث الأصلي و اللذي تركت رابط خلفيته فارغاً في الكود, هذا هو الكود الأصلي : كود:
<style type='text/css'>
#w2b-searchbox{background:url(http://lh5.googleusercontent.com/-Cm6Ya53Wj6g/TeixHY3LRDI/AAAAAAAAA6I/jJkMnJEN60s/way2blogging_searchbox1.png) no-repeat scroll center center transparent;float:right;;width:307px;height:50px;disaply:block;margin:2px 30px 0 0}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px; font: bold 13px Merriweather;color:#000000;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id='w2b-searchbox'>
<form action='/search' id='w2b-searchform' method='get'>
<input id='s' name='q' type='text' value='search'/>
<input id='sbutton' src='http://img1.blogblog.com/img/blank.gif' type='image'/>
</form>
</div>
__________________
|
|
|
|
|
05-04-2013, 10:21 PM
|
#6 |
|
مدون مميز
تاريخ التسجيل: Dec 2012
الدولة: PaLeStinE
المشاركات: 343
الإجابات الموجودة: 20
|
رد: كيف يمكن جعل النص داخل مربع البحث يختفي بمجرد النقر داخل المربع لكتابة كلمة البحث
طيب اخي جرب الطريقة التالية
إبحث عن ]]></b:skin> وأضف قبلها كود PHP:
كود PHP:
إستبدل left بـ right
__________________
|
|
|
|
|
05-04-2013, 10:54 PM
|
#7 |
|
مدون نشيط
تاريخ التسجيل: Aug 2012
الدولة: سوريا الحرة
المشاركات: 185
الإجابات الموجودة: 7
|
رد: كيف يمكن جعل النص داخل مربع البحث يختفي بمجرد النقر داخل المربع لكتابة كلمة البحث
نعم أخي الكودان يعملان و لكن في حال استخدامهما سأضطر لخسارة مستيطل البحث الأصلي . أليس هنالك من طريقة للتحكم فقط في كيفية ظهور عبارة البحث داخل المستطيل الموجود أصلاً دون الحاجة لتغييره ؟
__________________
|
|
|
|
|
05-05-2013, 12:08 AM
|
#8 |
|
مدون مميز
تاريخ التسجيل: Dec 2012
الدولة: PaLeStinE
المشاركات: 343
الإجابات الموجودة: 20
|
رد: كيف يمكن جعل النص داخل مربع البحث يختفي بمجرد النقر داخل المربع لكتابة كلمة البحث
جرب الكود التالي بدل الكود الأصلي اللي عندك
كود:
<style type='text/css'>
#w2b-searchbox{background:url() no-repeat scroll center center transparent;float:right;;width:307px;height:50px;disaply:block;margin:2px 30px 0 0}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px; font: bold 13px Merriweather;color:#000000;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id='w2b-searchbox'>
<form action='/search' id='w2b-searchform' method='get'>
<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 id='sbutton' src='http://img1.blogblog.com/img/blank.gif' type='image'/>
</form>
</div>
بدل السطر اللي كنت واضع فيه الكلمة باللون الأحمر كود:
<input id='s' name='q' type='text' value='search'/> كود:
<input type="text" name="s" id="s" value="إبحث هنا .. " onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/> المهم انت تأكد انك استبدلت الكود كامل
__________________
|
|
|
|
|
05-05-2013, 06:48 AM
|
#9 |
|
مدون نشيط
تاريخ التسجيل: Aug 2012
الدولة: سوريا الحرة
المشاركات: 185
الإجابات الموجودة: 7
|
رد: كيف يمكن جعل النص داخل مربع البحث يختفي بمجرد النقر داخل المربع لكتابة كلمة البحث
شكراً أخي علي, نعم باستبدال السطر قبل الأخير من الكود اصبح مستطيل البحث يظهر و داخله كلمة البحث تظهر بالشكل المطلوب, لكن المشكلة التي ظهرت الآن هي أن المستطيل لم يعد يبحث و إنما يظهر كل المواضيع بغض النظر عن كلمة البحث الموضوعة !
__________________
|
|
|
|
|
05-05-2013, 07:12 AM
|
#10 |
|
مدون مميز
تاريخ التسجيل: May 2012
الدولة: تونس
المشاركات: 874
الإجابات الموجودة: 13
|
رد: كيف يمكن جعل النص داخل مربع البحث يختفي بمجرد النقر داخل المربع لكتابة كلمة البحث
تصحيح للكود، هذا هو الكود الصحيح : <input type="text" name="q" id="s" value="إبحث هنا .. " onfocus="if(this.value==this.defaultValue)this.val ue='';" onblur="if(this.value=='')this.value=this.defaultV alue;"/> جرب الآن
__________________
Arabic Labs | المختبرات العربية أفضل مكان لتعلم المهارات الإبداعية والفنية مثل تطوير وتصميم المواقع الإلكترونية، (وغيرها الكثير). http://www.arabiclabs.com
|
|
|
|
|
| مواقع النشر (المفضلة) |
| الكلمات الدلالية (Tags) |
| مربع, البحث, النص, داخل, يختفي |
| الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
| أدوات الموضوع | |
| انواع عرض الموضوع | |
|
|
|
المواضيع المتشابهه
|
||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| كيف يمكن جعل النص داخل مربع البحث يختفي بمجرد النقر داخل المربع لكتابة كلمة البحث | مـدونـجـي | طلبات تعديل القوالب | 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 |
|
الساعة الآن 01:31 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |
العرض العادي
