jquery autocomplete in not working input text box
following javascript code
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/jquery.jcarousel.min.js"></script> <script type="text/javascript" src="js/jquery.cycle.all.min.js"></script> <script type="text/javascript" src="js/serversidevalidation.js"></script> <script type="text/javascript" src="js/clientsidevalidation.js"></script> <script type="text/javascript" src="js/jquery.ui.autocomplete.min.js"></script> <script type="text/javascript"> $(document).ready( function() { $('#slideshow').cycle({ fx : 'fade', speed : 'slow', timeout : 5000, pager : '#slider_nav', pageranchorbuilder : function(idx, slide) { // return sel string existing anchor return '#slider_nav li:eq(' + (idx) + ') a'; } }); addsearchhelp(); }); function addsearchhelp() { var availabletags = [ "actionscript", "applescript", "asp", "basic", "c", "c++", "clojure", "cobol", "coldfusion", "erlang", "fortran", "groovy", "haskell", "java", "javascript", "lisp", "perl", "php", "python", "ruby", "scala", "scheme" ]; $("input#searchbox")[0].autocomplete({source:availabletags, minlength: 2}); } and folllowing input text box
<input name="searchbox" id="searchbox" type="text" class="input-header" style="background-image:url(images/search-bg.png); background-repeat:repeat-x; background-position:center; height:31px; width:423px" size="65" maxlength="60" onblur="this.value=trim(this.value)" onkeypress="return checkenter(event,'product')" /> please suggest answer problem
try way,
script
$(document).ready(function() { $('#slideshow').cycle({ fx : 'fade', speed : 'slow', timeout : 5000, pager : '#slider_nav', pageranchorbuilder : function(idx, slide) { // return sel string existing anchor return '#slider_nav li:eq(' + (idx) + ') a'; } }); $('#searchbox').on('keyup', function(event){ addsearchhelp(); }); }); function addsearchhelp() { var availabletags = [ "actionscript", "applescript", "asp", "basic", "c", "c++", "clojure", "cobol", "coldfusion", "erlang", "fortran", "groovy", "haskell", "java", "javascript", "lisp", "perl", "php", "python", "ruby", "scala", "scheme" ]; $("input#searchbox").autocomplete({source:availabletags, minlength: 2}); } html
<input name="searchbox" id="searchbox" type="text" class="input-header" size="65" maxlength="60" onblur="this.value=trim(this.value)" onkeypress="return checkenter(event,'product')" /> hope you.
Comments
Post a Comment