رئيسية المعهد
رئيسية المعهد  تواصل معنا  حقوق الملكية الفكرية  اربط مدونتك بنا  محول أكواد أدسنس

 

معرض قوالب معهد خبراء بلوجر - دليل مدونات بلوجر - موقع نشر بلوجر - اضافات بلوجر




العودة   معهد خبراء بلوجر > الدعم الفني > طلبات الدعم الفني


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 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>
كلمة search المعلمة بالأحمر هي التي تظهر داخل مربع البحث, لكن تحتاج إلى مسحها قبل كتابة الكلمة المفتاحية المطلوبة, و ما أريده هو أن تظهر كلمة search , لكن أن تختفي تلقائيا بمجرد النقر داخل مربع البحث دون الحاجة لمسحها قبل كتابة الكلمة المفتاحية.

ما هو التغيير المطلوب لذلك ؟

الدعم العربي

مـدونـجـي غير متواجد حالياً   رد مع اقتباس
أفضل جواب - كتبه مـدونـجـي
شكراً جزيلاً أخي عماد على المشاركة, السر وراء تعطل البحث في الكود الأخير كان رمز ( 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
3li
مدون مميز
 
الصورة الرمزية 3li
 
تاريخ التسجيل: Dec 2012
الدولة: PaLeStinE
المشاركات: 343
الإجابات الموجودة: 20
افتراضي رد: كيف يمكن جعل النص داخل مربع البحث يختفي بمجرد النقر داخل المربع لكتابة كلمة البحث

أنا : 3li




اهلا اخي

جرب استبدل
كود PHP:
<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
استبدلو بـ
كود PHP:
<form action='/search' class='searchform' method='get'>
<
input class='searchfield' id='q' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value='Search games....'/>
</
form
وان شاء الله بيضبط معك

الدعم العربي

3li غير متواجد حالياً   رد مع اقتباس
قديم 05-04-2013, 09:37 PM   #3
مـدونـجـي
مدون نشيط
 
الصورة الرمزية مـدونـجـي
 
تاريخ التسجيل: Aug 2012
الدولة: سوريا الحرة
المشاركات: 185
الإجابات الموجودة: 7
افتراضي رد: كيف يمكن جعل النص داخل مربع البحث يختفي بمجرد النقر داخل المربع لكتابة كلمة البحث

أنا : مـدونـجـي




شكراً أخي علي.

استبدلت الكود, و أصبح نص البحث متلاشي و يختفي بمجرد النقر على المستطيل لكن المشكلة أن هناك مستطيل بحث جديد ظهر إلى جوار المستطيل الأصلي للبحث و تعطل المستطيل الاول عن العمل !

الدعم العربي

مـدونـجـي غير متواجد حالياً   رد مع اقتباس
قديم 05-04-2013, 09:50 PM   #4
3li
مدون مميز
 
الصورة الرمزية 3li
 
تاريخ التسجيل: Dec 2012
الدولة: PaLeStinE
المشاركات: 343
الإجابات الموجودة: 20
افتراضي رد: كيف يمكن جعل النص داخل مربع البحث يختفي بمجرد النقر داخل المربع لكتابة كلمة البحث

أنا : 3li




يمكن انت واضع الكود بطريقة خطأ او شيئ , لاني جربت الكود وضبط معي

الأن استبدل كل الكود اللي انت وضعتو بمشاركتك الأولى بالكود التالي

كود PHP:
<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 class='searchfield' id='q' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value='إبحث هنا ...'/>
    <
input id='sbutton' src='http://img1.blogblog.com/img/blank.gif' type='image'/>
</
form>
</
div

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


الدعم العربي

3li غير متواجد حالياً   رد مع اقتباس
قديم 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
3li
مدون مميز
 
الصورة الرمزية 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;zoom1;*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;outlinenone;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==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value='إبحث هنا ...'/>
</
form>
</
div></div
الأن اذا اشتغل تمام وكان اتجاه المربع على اليسار وكنت بدك يكون على اليمين
إستبدل left
بـ right

الدعم العربي

3li غير متواجد حالياً   رد مع اقتباس
قديم 05-04-2013, 10:54 PM   #7
مـدونـجـي
مدون نشيط
 
الصورة الرمزية مـدونـجـي
 
تاريخ التسجيل: Aug 2012
الدولة: سوريا الحرة
المشاركات: 185
الإجابات الموجودة: 7
افتراضي رد: كيف يمكن جعل النص داخل مربع البحث يختفي بمجرد النقر داخل المربع لكتابة كلمة البحث

أنا : مـدونـجـي




نعم أخي الكودان يعملان و لكن في حال استخدامهما سأضطر لخسارة مستيطل البحث الأصلي . أليس هنالك من طريقة للتحكم فقط في كيفية ظهور عبارة البحث داخل المستطيل الموجود أصلاً دون الحاجة لتغييره ؟

الدعم العربي

مـدونـجـي غير متواجد حالياً   رد مع اقتباس
قديم 05-05-2013, 12:08 AM   #8
3li
مدون مميز
 
الصورة الرمزية 3li
 
تاريخ التسجيل: Dec 2012
الدولة: PaLeStinE
المشاركات: 343
الإجابات الموجودة: 20
افتراضي رد: كيف يمكن جعل النص داخل مربع البحث يختفي بمجرد النقر داخل المربع لكتابة كلمة البحث

أنا : 3li




جرب الكود التالي بدل الكود الأصلي اللي عندك

كود:
<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;"/>
ولو وضعته داخل اداة من التخطيط رح يشتغل بالشكل المطلوب وما فيه مشاكل

المهم انت تأكد انك استبدلت الكود كامل

الدعم العربي

3li غير متواجد حالياً   رد مع اقتباس
قديم 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)
مربع, البحث, النص, داخل, يختفي


 
أدوات الموضوع
انواع عرض الموضوع

ضوابط المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

كود [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





لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin™ Version 3.8.7
Copyright © 2018 vBulletin Solutions, Inc. All rights reserved. منتديات
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 07:04 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)