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

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

php - .htaccess mod_rewrite for dynamic url which has domain names -

Website Login Issue developed in magento -