Web Analytics Made Easy - StatCounter Auto Complete Like Text Box - CodingForum

Announcement

Collapse
No announcement yet.

Auto Complete Like Text Box

Collapse
X
Collapse
 
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
  • #1

    Auto Complete Like Text Box

    Has there been or is there any method or function already created that will based on the entry event cause a textbox to behave such as the auto complete feature in IE?

    e.g. Can you make a text box that behaves like a drop-down combo list box?

    Any/All suggestions are welcomed!

    Thanks!
    Tags: None
  • #2
    Found this:

    http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie50/html/ACoff.asp
    Quيet Storm Designs ~ Art is not what you see, but what you make others see.
    · the Storms· || ·Ultraviolent Winter· || ·Was Einstein Wrong?· || ·It´s About Time!·

    Comment

    • #3
      Disabling Method

      QuietStorm, thanks for the link...

      I want to "enable" a similar feature but not the autocomplete in IE.

      The feature would provide a set of values to allow the end user to choose from or be able to type in their own value.

      Comment

      • #4
        You can pretty much re-engineer form controls into behaviors of your choosing; MSIE 'autocomplete', obviously, involves a pretty sophisticated level of data manipulation and would require a lot of work. If you're just looking for something to impress/spoil your users, here's a easy sample:


        <html>
        <head>
        <title>untitled</title>
        <style type="text/css">

        table {
        font: 200 14px "times new roman";
        color: orange;
        margin: 0px;
        padding: 0px;
        border:3px darkgreen double;
        background: black;
        }

        input {
        width: 100px;
        border: 1px darkred solid;
        background: ivory;
        }

        select {
        background: orange;
        }

        </style>
        </style>
        </head>
        <body>
        <form>
        <table><tr><td>My website is</td><td>
        <input name="t1" type="text"
        onfocus="choices.style.visibility='visible'"
        onkeypress="choices.style.visibility='hidden'"></td></tr><td></td><td>
        <select name="choices" style="visibility:hidden;"
        onchange="if(this.selectedIndex)t1.value=this[this.selectedIndex].value;
        this.selectedIndex=0;
        this.style.visibility='hidden'">
        <option selected="selected">choose</option>
        <option value="awful">Awful</option>
        <option value="bad">Bad</option>
        <option value="barely tolerable">Barely Tolerable</option>
        <option value="disturbing">Disturbing</option>
        <option value="steve">Steve</option>
        </select>
        </td></tr></table>
        </form>
        </body>
        </html>

        Comment

        • #5
          Thanks!

          Thanks Adios that is really slick!!

          I added in "multiple" to the select tag and it behaves exactly as I wanted!!

          I appreciate you taking the time to code it out!

          Thanks for sharing all your knowledge!

          Comment

          Previous template Next
          Working...
          X