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

2009-10-12 Thread Matt Foster

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

2009-10-12 Thread Yogesh Agashe





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

2009-10-12 Thread 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: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

2009-10-12 Thread Matt Foster

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

2009-10-08 Thread Yogesh Agashe





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

2009-10-07 Thread Matt Foster

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
-~--~~~~--~~--~--~---