تغییر اندازه ندادن یک input در div
سلام دوستان
یه تیکه کد نوشتم میخوام توی یه div یه input ورودی متنی بذارم ، ولی وقتی میذارم بینه div چون اندازش بزرگ تر از div هست میاد بیرون از div باید چیکار کنم ؟
این سی اس اسشه
.serch{
width: 35px;
height: 35px;
background: red;
-webkit-transition: width 2s;
-webkit-transition-timing-function: ease-in-out;
transition: width 2s;
border:#000000 dashed 1px;
position:absolute;
}
.serch:hover{
width: 230px;
}
اینم اچ تی ام الش
<li><div class="serch"> <img src="000.png" title="جستجو " style="width:35px;height:35px; float:left;"/> <input type="text" name="serch" value=" " placeholder="...جستجو"style=" color:#666666;border-radius:5px; -webkit-box-shadow:0px 0px 2px #bababa, inset 2px 2px 2px #303030; -moz-box-shadow: 0px 0px 2px #bababa, inset 2px 2px 2px #303030; box-shadow:0px 0px 2px #bababa, inset 2px 2px 2px #303030; margin-top:5px; margin-left:-3px; text-align:right;border:none; height:25px; outline: none; position:static;" > </div>
10 پاسخ
jQuery یک کتابخانه استاندارد و آماده شامل تعدادی متد و توابع نوشته شده به زبان JavaScript می باشد . از توابع و متدهای این کتابخانه برای کار با عناصر و تگ های موجود در صفحات HTML , ASP.Net و یا PHP استفاده می شود . به طور کلی با استفاده از این متدهای از پیش تعریف شده ، می توانید تغییراتی را در عناصر و تگ های HTML ایجاد کرده و یا نحوه نمایش آنها را تغییر دهید . برای مثال می توانید یک عنصر HTML را با کلیک بر روی یک دکمه فرمان پنهان کرده و یا در صورت مخفی بودن آن را نمایش دهید .
زبان jQuery دارای یک شعار معروف است . این شعار می گوید کمتر بنویسید ، بیشتر انجام دهید ( write less , do more ) . به طور کلی کتابخانه jQuery شامل موارد زیر می باشد :
در استفاده از jQuery شما نیاز ندارید برای انجام کارهای مورد نظرتان یک تابع جدید بنویسید . فقط کافی است عنصر مورد نظر خود را انتخاب کرده و سپس متد مورد نظر را فراخوانی نموده تا آن عنصر را تغییر دهد .
همه ی اون کد هایی با علامت دلار شروع می شن درواقع همون کد های زبان جی کوئری هستن که بجای دلار از خود عبارت جی کوئری هم میشه استفاده که که دلار راحت تره
برای مثال این دو کد زیر باهم معادل هستن
$("input[type=button]#inputid").click(function(){});
Jquery("input[type=button]#inputid").click(function(){});
اینو ببین باز اگه اونی نبود که می خواستی بگو توضیح بدم
ممنونم از اطلاعاتتون
کتاب خونه این کدی ک نوشتم چیه ؟؟؟
البته شرمنده ها این قدر مزاحم و سوال میپرسم
input که ساختم میخوام توی دیو قرار بگیره . ینی وقتی با موس میریم روی دیو با عکس مورد نظر input ظاهر بشه
میدونم با همین transition میشه ولی هر کاریش کردم نشد
الان همین لینکی ک قرار دادید کلا اینپوته بیرونه من میخوام توی دیو باشه و با رفتن روی دیو مشخص بشه
شرمنده ن متا سفانه اون چیزی که من میخوام نیست این
ینی کلا اصلا از جاوا استفاده نشده نمونشو دیدم ولی در دسترسم نیست متاسفانه
ب هر حال ازتون ممنونم دوست عزیز
اگر پیدا کردم شکلشو حتما میذارم و مجدد مزاحمتون میشم
به دو روش می تونین کتابخونه جی کوئری رو به سایتتون اضافه کنین
1- این تگ رو تو کد هاتون قرار بدین
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
2- فایل جی کوئری رو دانلود کنین تو فایل های سایتتون
<script src="js/jquery-1.11.1.min.js"></script>
باز اگه سوالی داشتین در خدمتم
** توابع جی کوئری خیلی ساده و کاربردی تر از جاوا اسکریپته **
متشکرم ازتون پیداش کردم .
فقط ی سوال من این کدو مینویسم
<script type="text/javascript">
$( "#pp" ).click(function() {
$( "#1" ).toggle( "slow" );
});
</script>
<p id="pp">pppppppppppp </p> <ul id="1"> <li>1111111111</li> <li>1111111111</li> <li>1111111111</li> <li>1111111111</li> </ul>
مگه نباید با کلیک روی پی لیستم محو یا نمایش داده بشه ؟
این لینک و ببین بعد دقیق توضیح بده می خوای چه طوری باشه؟
نه
کتابخونه ی این چیه ؟؟؟
خواهش میکنم خب توضیح بدین چی می خواین تا جایی که از دستم بر میاد کدش رو بنویسم