AUTOCOMPLETE TEXT FIELD IN JAVASCRIPT RAILS

AUTOCOMPLETE TEXT FIELD IN JAVASCRIPT RAILS

HTML PAGE

<%= text_area_tag :query_editor, '', :onkeyup => "textAreaAdjust(this)", :onclick => "textAreaAdjust(this)", :style => "overflow:hidden" %>

<script>
   function textAreaAdjust(o) {
     o.style.height = "1px";
     o.style.height = (1+o.scrollHeight)+"px";
   }

</script>

<style type="text/css">
  .add_query_editor {
      margin-top: 15px !important;
      min-height: 120px;
      font-size: 14px !important;
      padding-left: 10px !important;
      padding-top: 10px !important;
      width: 93% !important;
      float: left;
  }

</style>


WE CAN FOLLOW :- 

http://jsfiddle.net/happysmiles/F33Av/22/



http://jsfiddle.net/2t9Dh/
Post a Comment

Popular posts from this blog

CARRIERWAVE - UPLOAD ANY MEDIA (AUDIO , VIDEO AND IMAGE ) FILE IN RAILS

RAILS: UPLOADING PHOTOS VIA AMAZON S3 AND PAPERCLIP (UPLOADING FILES TO S3 IN RUBY WITH PAPERCLIP)

SELECT COUNTRY WITH STATE AND IT'S CITIES RAILS

UNINITIALIZED CONSTANT PAPERCLIP::STORAGE::S3::AWS

HOW TO CALL RAILS API FROM SIMPLE HTML PAGE.

Building native extensions. This could take a while... ERROR: Error installing mysql: ERROR: Failed to build gem native extension.

CREATE API FOR USER SIGN UP, LOGIN AND CREATE PUBLISHER WITH CURRENT USER

UPLOAD ANY MEDIA FILE IN RAILS USING PAPERCLIP