[Proto-Scripty] Re: Submit form on select for autosuggest

[Yogesh Agashe]

Hello, I am glad to say that I found the root of the problem. I had a button named submit and this was causing the problem. Thanks so much Matt for pointing out the function definition error. As Christo notes here: (http://www.spiration.co.uk/post/1232/Submit%20is%20not%20a%20function) This means you have a function trying to call the form's submit() method, but you also have a button which is called submit(). This causes a conflict in _javascript_, because the submit method is already bound to that button. To solve the problem, simply change the name of the button so that name="moo" (or something). Your submit() call in your _javascript_ function/method will now work. Sincerely, Yogesh Yogesh Agashe wrote: Thanks for pointing out this error Matt. I should have noticed this. But even after defining the function earlier, form submit doesn't work :( Sorry. Sincerely, Yogesh Matt Foster wrote: You've defined your function after you reference it... It needs to be created first then it can be referenced. function getSelectedId(text, li) { $('class_id').value=li.id; document.forms['searchcustomerform'].submit(); } new Ajax.Autocompleter("search","hint","server_class.php", {afterUpdateElement : getSelectedId, minChars:1}); -- http://positionabsolute.net On Oct 8, 10:45 pm, Yogesh Agashe <yogesh.aga...@gmail.com> wrote: Hello, Thanks for the reply. I tried doing that but it didn't work for me.If you point out the mistake in following code, it will be great.Thanks again.<script type="text/_javascript_">     new Ajax.Autocompleter("search","hint","server_class.php", {afterUpdateElement : getSelectedId, minChars:1});         function getSelectedId(text, li) {             $('class_id').value=li.id;             document.forms['searchcustomerform'].submit();         } </script>Thanks, Yogesh Matt Foster wrote:http://wiki.github.com/madrobby/scriptaculous/ajax-autocompleterafterUpdateElement function... you receive an input object and some element that was representing the field. At this point you could execute form.submit.. --http://positionabsolute.netOn Oct 7, 11:19 am, Yogesh<yogesh.aga...@gmail.com>wrote:Hello, I am using Ajax.autocompleter in one of my forms. I am calling a custom function getSelectedId after update element to get an ID of the selected list item. I need a functionality such that form should get submitted whenever : 1) a user clicks a item using mouse from the autosuggest list. 2) Whenever user presses enter key while a list item is selected. (This I have achieved through a hack as shown in code below. I call .submit() after getSele ctedId function) I don't know how to submit the form on mouse click. Any help on this issue will be really helpful to me. <script type="text/_javascript_">     new Ajax.Autocompleter("search","hint","server_class.php", {afterUpdateElement : getSelectedId, minChars:1});         function getSelectedId(text, li) {             $('class_id').value=li.id;             document.forms['searchcustomerform'].submit();         } </script> Thank you. Sincerely, Yogesh --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~----------~----~----~----~------~----~------~--~---