Jul 24, 2008

Code To Autocomplete A Form? - in hmtl or PHP

Free Web Hosting, No Ads > CONTRIBUTE > Computers > Programming Languages > HTML, XML etc..

free web hosting

Code To Autocomplete A Form? - in hmtl or PHP

leiaah
Hey guys. I'm doing a web-based (running on an intranet) Inventory System for my final requirement in school. I'm looking for a code to autocomplete a form like if I type in a few letters in a textfield, the rest of the word gets displayed already or if I type in a few letters of an item in a drop-down menu (Select), the focus goes to that item.

Has anyone done this before or does anyone have the code for this? Thanks very much smile.gif

Reply

Plenoptic
It does it by itself. I did a bit of research, and with a bit of editting I cam up with this code. It will do it for you. Just type in the first letter of the name and it will automatically highlight it. This particular dropdownbox is for a navigation.
QUOTE
<FORM>
<SELECT NAME="blah">
<OPTION VALUE="">Choose a Destination...

<OPTION VALUE="/url/"                    >Guide to HTML
<OPTION VALUE="/url/"                          >Idocs Home Page
<OPTION VALUE="http://Trap17.com" >Trap 17
</SELECT>
<INPUT TYPE=SUBMIT VALUE="Go">
</FORM>

Reply

Tyssen
Dropdowns will behave just like folders in Windows Explorer - type in some letters and it'll take you to it. Text inputs would be an entirely different story. You might be able to do it using javascript but I can see it being difficult to code especially when you have to consider that each browser is already going to have its own store of words previously typed into form elements which might clash with what the javascript is trying to output.

Reply

magiccode9
hi, i'am not family with this tech. but i do a search of ms web site and found this url that may help you. smile.gif
AutoComlete HTMl forms

- hope this help.

Reply

leiaah
Thanks guys for your suggestions.

Tyssen...The textfield is the most tricky because I would have to make use of data from a database so it's very likely that I'd be having difficulty if I just use javascript and I already plan on coding with PHP. I agree with what you said, Windows IE does have its own autocomplete functions in forms but I don't want the textfield to include words that are not present in my database. I hope what I'm saying is not all gibberish to you. unsure.gif smile.gif

Reply

Tyssen
I'm not aware of any way that you can access information from your database without the form being submitted to the server, so in other words, you're not going to get any 'real time' interaction as the person is typing. Remember, that only javascript can be used for client-side interaction which is what you're talking about here. Everything else has to be submitted to the server first.
You might be able to access your db and get it to print out an array of suitable words into a javascript function which is then tied to your text inputs, but it seems like it'd be a lot of work for a fairly small return.
The other possibility is that you might be able to accomplish what you want with AJAX but I don't know enough about it.

Reply

sharpz
the only way to do this would be through javascript. an example is google suggest (http://www.google.com/webhp?complete=1) . they use a very complicated algorithim to decide what the suggest text will be though. is that what you were talking about?

Reply

leiaah
I think I found a program. My friend told me about MX Widgets, an add-on (sort of) for Dreamweaver MX. I googled it and I'm planning to download the trial version soon (now actually) since I'm already using Dreamweaver.

From the Widgets website
CODE
MX Widgets offers a powerful alternative to the regular HTML controls for Dreamweaver developers. Unlike standard HTML forms, our product relies on the power of the server side language and JavaScript to enforce an accurate and user friendly form completion: combo-boxes, date pickers, masked inputs, calendar controls and others.


I think this is what I need:
CODE
It allows the users type text in a dynamic drop-down menu and locates records based on the user's entered text. The field has an auto-complete feature, which fills in the first found matching entry. In order to select a record, the user can also use the down arrow key, or expand the menu

 

 

 


Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Recent Queries:-
  1. key in hmtl array - 43.91 hr back. (1)
Similar Topics

Keywords : code, autocomplete, form, hmtl, php

  1. Applet Code
    (0)
  2. I Need Help With This Code
    (3)
    could some one help with this code. I have been working on this for the past hour trying to get it
    to work. this is the first time i have had problem with writing html code. the code i need help
    with is HTML a href =" http://www.darkzone3.110mb.com/contact.php " target=" _blank ">
    input type =" image " height=" 27 " width=" 139 " src="
    http://www.darkzone3.110mb.com/buttons/contact.png " /> /a > for some reason on my page it
    want work at all it want even open it the same page. What i'm trying to do with the code is a
    page in a new window using an....
  3. Email Form Code
    (8)
    I want to create my own e-mail form for my site and I don't quite know if JavaScript or PHP is
    required. I use my Nintendo Wii to manage my sites so I only can use what my webhost allows. I am
    using Angelfire for my main site and InvisionPlus for my forums. I'm planning on switching to
    Trap17 for my main site. Well here is my current code. Please tell me what I need to change.
    Message ....
  4. How To Display Php Code [resolved]
    Html Help With Php Codebox (8)
    I'm trying to make codebox for my guestbook so that users can post PHP code inside.. I tried
    many versions but none of them works If i use , or i can display HTML code, but when i try to
    write PHP code it executes it does not display.. There is a way to make swap for You have codebox
    in forum to display php how can i make that?! thanks....
  5. Transparent Roll Over Pictures
    Whats the code for tranparent pictures (4)
    I dont want just transparent pictures i want a sort of rollover image. I see this done on myspace a
    lot. A transparent picture that when you roll over is less transparent. I want that for my site. Go
    to: http://boozkerstweaks.trap17.com/tutorials...ws_to_vista.php And look at the thumbnail at
    the beginning. I want that to be a transparent image that when you roll over it, it becomes less
    transparent. Ive seen this in HTML and CSS. Either way is fine with me. I looked on this site and
    google, but never really found what i wanted. Almost everyone was only how to make ....
  6. My Very Sad Code
    (4)
    So i usually work in notepad, or frontpage but i was using dreamweaver instead because i wanted to
    see the difference and i like it better than frontpage and all. But as usual i cant get anything to
    work. I wanted the table to be over the images i took the table out .
    http://www.indiealways.trap17.com/zooey.html is the link to the page HTML html xmlns ="
    http://www.w3.org/1999/xhtml "> head > meta http-equiv =" Content-Type " content=" text/html;
    charset=iso-8859-1 " /> title >Untitled Document /title > /head > body > style type =" text/css
    "> body....
  7. Morse Code
    haha (4)
    very useful /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" />
    you know why... CODE <A></A> <P align=left><!-- saved from
    url=(0034)http://www.mathsking.net/morse.htm --> <META content="MSHTML
    6.00.2800.1106" name=GENERATOR> <META content=FrontPage.Editor.Document name=ProgId>
    <script language=JavaScript> var respecterCasse = true; var ignorerCasse = false; var
    motsEntiers = true; var touteSousChaine = false; function rechercher(cible,terme,resp....
  8. Screen Resolution
    I need a code to help out here please... (6)
    Hey everyone.. I was just wondering if there was a code/script that I could insert into my html
    website to change viewers resolution from 1024x800 to 800x600 or something to that effect. It's
    just I use 800x600 at home, and I programme it around that, and it's fine, but on some public
    computers it's default to 1024x800 and can't be changed.. Is there a script to chance
    this??? Help plz anyone!!! Thanks in advance, Sean.....
  9. Have You Used This Html Code?
    very useful (9)
    how do you do if you want to put a video or audio file on you page...maybe you will use CODE
    <object><param name=url value="url"></object>/*simple format*/
    CODE <div><embed src="url"></embed></div> /*simple
    format*/ there is a very familiar code for carring out the video show : CODE <img
    dynsrc="http://kenvi9999.googlepages.com/ff7.wmv" border=1>/*an example:FF7*/
    have you used this html code...I just knew a tag can achieve video play that is really co....
  10. Html Question Concerning Pre Tag And Code Tag
    (8)
    My question is, why would anyone use the CODE tag when you can use the PRE tag? 1. The PRE tag
    recognises white space, the CODE tag does not. 2. The CODE tag requires that you escape some
    chars, the PRE tag does not. I cannot see anything that the CODE tag achieves that is special apart
    from sounding as though it is perfect for displaying code which IMO it is not. Thanks. ....
  11. Realtime/wma Player In Websites
    What's the code (5)
    Alright, I'm making a website for a band. And he requested on the "Media" page that when you go
    there, you see there sample songs. And next to it, it's like "Song - Play in - MWA - RealTime."
    How do you make it so when you click, say, realtime, it takes you to another page and the player is
    right there, playing the song? I suppose this is some kind of PHP but I'm not sure. Links,
    code, tutorials, anything to get this working for me is appretiated.....
  12. What Is The Xhtml 1.1 Code To Embed An Applet?
    (2)
    I've been doing a lot of java stuff recently and some is pretty neat, so I'd like to put it
    on the internet. I'm using XHTML 1.1 for all my pages, though, and according to W3Schools
    doesn't exist anymore and to use object. It's not working, though. There are a bunch of
    attributes ( http://www.w3schools.com/tags/tag_object.asp ) and I have no idea which things I need
    to use. Which do I put for an applet?....
  13. Code For This Table Layout?
    html help needed (6)
    Hey, can anyone help me generate the code needed for a table that would look something like this?
    CODE  ----------------------------------------------------- |                                  
    |---------------- | |                                   |---------------- | |                    
                  |---------------- | |                                   |---------------- | |      
                                |---------------- | |                                  
    |---------------- |  ------------------------------------------------------ Thanks i....
  14. Total Lines Of Code
    (3)
    Does anyone know how to have Dreamweaver MX (or some other program) tally up the lines of code in an
    entire website and display the total lines of code? I can get the number of pages but I am very
    interested in how many lines I've written. Kvernerexpress....
  15. W3c Compliant Flash
    anyone know the html code to make flash w3c compliant? (0)
    Recently, I decided to make my entire site W3C compliant . That didn't work too well (or else
    this thread wouldn't be here) because I have flash games on my website. The main purpose of the
    validator is to ensure that your HTML code will run on any computer on any platform, which it does
    because I've tested it, but the validator still insists that my code will not work. So I teamed
    up with Google to help me find a solution. The first result led me to A List Apart who is known
    for their excellent HTML and CSS tutorials/articles. It turns out that there is ....
  16. List-style Help
    - I need a good code (2)
    you know where you can use your own images for a list. well, I have a code that don't work.
    Please send me a good code that works. yu know, CODE <li>with my image
    infront</i> ....
  17. Redirect Code Help
    (8)
    Can someone give me the code which redirects you automatically in the whole page instead of only in
    the frame? I'm using this code, but it just redirects inside a frame... CODE <meta
    HTTP-EQUIV="REFRESH" content="0; url=http://www.something.com"> But now
    .tk has added a ad to the pages so I don't want to use it anymore, so I want that people
    entering the site is being redirected to the "real" domain name now.......
  18. Blendtrans Filter With Onmouseover?
    anybody got a good code? (1)
    I need the best way to do a blendTrans filter, BUT IT HAS TO BE INCORPERATED INTO ONMOUSEOVER.
    I'd aprictiate it.....
  19. Scroll Color
    CODE (2)
    i find this code :: CODE <STYLE type=text/css>BODY { SCROLLBAR-FACE-COLOR:
    #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff;
    SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #0099cc; SCROLLBAR-TRACK-COLOR:
    #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #394963 }</style> with this code you can change
    your Scroll color /blink.gif' border='0' style='vertical-align:middle' alt='blink.gif' /> ....
  20. I Forgot A Code
    History -1 (7)
    What's the code I use on a link to go back to previous page?....
  21. Disable Scrollbars, Menubars Etc....
    Javascript / Html code to disable them (6)
    hi, i would like to know how the scrollbars, menubars etc.. can be disabled. I hope someone can help
    me with this. /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif"
    /> Btw: can you tell me where the code should be inserted to? thanks! /cool.gif"
    style="vertical-align:middle" emoid="B)" border="0" alt="cool.gif" />....
  22. Whats The Best Code?
    www.bpsite.tk (31)
    Whats you fav code?....
  23. Html Animation Code
    Help!! (4)
    I'm a total moron of html... and i wish i know how to: 1. Change the visitor mouse cursor while
    they visit my website 2. Have the navigation bar always followed the visitor view. by the way,
    what is the good site that have great html tutorials in it. Thx hey check this site out:
    http://www.dhtmlnirvana.com/ what a great website with full of html animation... GREAT!!....
  24. What Is Invalid In This Code ?, That Hinders Cross
    (3)
    What is invalid in this CSS that hinders it to show up the edge effect (ripped papper like on left &
    right side) in Mozilla FireFox Where as Internet Explorer shows it out perfectly.... Problematic
    URL: http://ajaysekher.net This is a CSS effect made by casecading a picture repeatedly in Y axis
    in the background of a column.... I am attaching the Screenshot of it showing the edges perfectly in
    IE also the CSS code used for that effect. Astonishingly the CSS and the XHTML code is said to be
    valid by W3.ORG..... Adding the validation result URLs too.... Can any one fi....

    1. Looking for code, autocomplete, form, hmtl, php

Searching Video's for code, autocomplete, form, hmtl, php
advertisement



Code To Autocomplete A Form? - in hmtl or PHP



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE