jquery - How to increase input box size from right to left -
how increase input box size right left
$('#search').live('focus', function () { $(this).animate({ width: ($(this).width() + 60) + 'px' }, 300); }).live('blur', function () { if ($(this).val() == '') { $(this).animate({ width: ($(this).width() - 60) + 'px' }, 300); }
try this
<div style="position:absolute; float:right; right:160px; top:-14px;"> <input class="boxhomefilterbutton" id="searchininstitudesbutton" style="width:100px; padding-left:15px;"
placeholder="hizli ara" onfocus="focussearch(this);" onblur="bluursearch(this);"/>
and this
function focussearch(e) { $('#searchininstitudesbutton').animate({ 'margin-left': '-=60px', width : 160, "opacity": "9" }, 200); //e.style.width = "115px"; //e.style.backgroundcolor = '#62b930';//'#666'; document.getelementbyid('searchininstitudesbutton').removeattribute('placeholder'); } function bluursearch(e) { //e.style.backgroundcolor = '#528834'; $('#searchininstitudesbutton').attr("placeholder", "hızlı ara"); $('#searchininstitudesbutton').animate({ 'margin-left': '+=60px', width: 100, "opacity": "4" }, 200); $('#searchininstitudesbutton').style.opacity = "0.5"; }
Comments
Post a Comment