[Proto-Scripty] Re: Submit form on select for autosuggest
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(); } /scriptThanks, 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, Yogeshyogesh.aga...@gmail.comwrote: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 getSelectedId 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 -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Submit form on select for autosuggest
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:45pm, 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(); } /scriptThanks, 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:19am, Yogeshyogesh.aga...@gmail.comwrote: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 -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Submit form on select for autosuggest
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:45pm, 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(); } /scriptThanks, 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:19am, Yogeshyogesh.aga...@gmail.comwrote: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 -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Submit form on select for autosuggest
Hey Yogesh, You may want to also look at how you're referencing the form. Usually document.forms is a numerical array, not an associative. I'd recommend using an ID on the form object and then grab it via $(form_id)... document.forms['searchcustomerform'].submit(); vs $(searchcustomerform).submit(); Cheers, Matt On Oct 12, 3:02 pm, Yogesh Agashe yogesh.aga...@gmail.com wrote: 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.netOn Oct 8, 10:45 pm, Yogesh Agasheyogesh.aga...@gmail.comwrote: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(); } /scriptThanks, Yogesh Matt Foster wrote:http://wiki.github.com/madrobby/scriptaculous/ajax-autocompleterafterUpdateElementfunction... 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, Yogeshyogesh.aga...@gmail.comwrote: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 -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Submit form on select for autosuggest
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-autocompleter afterUpdateElement function... you receive an input object and some element that was representing the field. At this point you could execute form.submit.. -- http://positionabsolute.net On Oct 7, 11:19am, 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 getSelectedId 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 -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Submit form on select for autosuggest
http://wiki.github.com/madrobby/scriptaculous/ajax-autocompleter afterUpdateElement function... you receive an input object and some element that was representing the field. At this point you could execute form.submit.. -- http://positionabsolute.net On 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 getSelectedId 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 -~--~~~~--~~--~--~---