بسم الله الرحمن الرحيم

أهلا بكم ياخبراء بلوجر
لدى طلب فى غاية الاهمية وأكون شاكر لمن يلبيه لى وبسيط عليكو

وهو لدى فورم مربع بحث بهذة الاسماء

<div id='searchnya'>
<form action='/search' id='ajax-search-form'>
<input name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;إبحث ؟&quot;;}' onfocus='if (this.value == &quot;إبحث &quot;) {this.value = &quot;&quot;;}' type='text' value='إبحث '/>
<input type='submit' value='Search'/>
</form>
</div>


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

---

#b-query {
width: 131px;
padding: 0px 2px;
background: #F9F9F9;
border: none;
border-right: 1px solid #efefef;
float: right;
margin-top: 0px;
text-align: right;
color: #666;
font: 13px 'Droid Arabic Kufi', tahoma ,arial;
}
#b-query:focus{
width: 200px;
}
#b-searchbtn {
float: left;
width: 27px;
height: 26px;
font: 13px 'Droid Arabic Kufi', tahoma ,arial;
background:hsl(191, 100%, 47%) url(http://4.bp.blogspot.com/-IVC1OVVMVBk/UIJ8y8n8ibI/AAAAAAAABvo/euUZmNLeM7M/s1600/rech.png) center no-repeat;
cursor: pointer;
border: none;
margin: 0;
padding: 0;
}
.shea{
float:left;
height:26px;
}

---

---

<div class='shea'>
<form action='http://computer-for-security.blogspot.com/search' id='searchthis' method='get' style='display: inline;'>
                                <input id='b-query' maxlength='250' name='q' size='29' type='text'/>
                              <input id='b-searchbtn' type='submit' value=''/>
                            </form>
</div>

---

أخى أشكرك على مساعتدك لى ولكل من حاول ساعدنى وللاسف لم ينجح

طلبى بسيط للغاية انا أريد فقط كود جى كويرى لا اريد css كود جى كويرى للكود الذى وضعتة سابقا
عند وضع المؤشر على الكتابة يتمدد يزيد العرض ياريت تحاول وشكرا لك مرة ثانية

---

#b-query {
width: 131px;
padding: 0px 2px;
background: #F9F9F9;
border: none;
border-right: 1px solid #efefef;
float: right;
margin-top: 0px;
text-align: right;
color: #666;
font: 13px 'Droid Arabic Kufi', tahoma ,arial;
}
#b-query:focus{
width: 200px;
}

---

لم ينجح أخى انا تعبتك معايا كثيرا شكرا لك
ممكن يتم عمل كود جى كويرى للكلاسات ال فوق سهله

أخى الكريم لقد ضيفته ولم ينجح انا فقط كل ما اريدة هو كود جى كويرى
حتى لو تجيبه من كود آخر وتعدل عليه كود جى كويرى
زى دة مثلا
http://www.w3schools.com/jquery/tryi...ery_slide_down

بس انا اريدة يتمدد بالعرض ويطبق عليه الفورم الذى وضعته سابقا

وينكم ما فى حد عارف فى الجى كويرى

---

<style>
#search {
}

#search input[type="text"] {
    background: url(search-white.png) no-repeat 10px 6px #444;
    border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #d7d7d7;
    width:150px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#search input[type="text"]:focus {
    background: url(search-dark.png) no-repeat 10px 6px #fcfcfc;
    color: #6a6f75;
    width: 200px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    }

</style>
<form method="get" action="/search" id="search">
<input name="q" type="text" size="40" placeholder="Search..." />
</form>

---

شكرا أخى الكريم ولكن للاسف لم تنجح