i am trying to do some thing with radio button. my main tergate is that i have 2 radio button and 2 text field. when i click on a radio button1, then the corrosponding text field say text1 will b active, and another text field say text2 will b inactive. and again when if we click on the other radio button2 then the corrosponding text field say text2 will be active and text1 will b inactive....... NOTE : Basically i am very new in Ruby On Rails..so i cant do this. if anyone kindly hepl me i will be very much thankful to him/her --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
Soutom Soutom wrote:> i am trying to do some thing with radio button. > > my main tergate is that i have 2 radio button and 2 text field. > when i click on a radio button1, then the corrosponding text field say > text1 will b active, and another text field say text2 will b inactive. > > and again when if we click on the other radio button2 then the > corrosponding text field say text2 will be active and text1 will b > inactive....... > > NOTE : Basically i am very new in Ruby On Rails..so i cant do this. > if anyone kindly hepl me i will be very much thankful to him/herhave a look at jQuery, which is perfect for this sort of thing. You''ll need to know a little bit of javascript (syntax mainly) but that''s pretty much essential for web dev. You could set up the html as follows (this is inside a form): <%# checked by default %> <%= radio_button_tag "field", 1, true, {:id => "button1"} %> <%= text_field_tag :field1, "", {:id => "field1"} %> <br/> <%= radio_button_tag "field", 2, false, {:id => "button2"} %> <%# disabled by default %> <%= text_field_tag :field1, "", {:id => "field2", :disabled => true} %> then, at the top of the page, you could have the following script (obviously it will only work once you''ve installed jQuery) <script> //disable text_field 2 (and enable 1) when button 1 is clicked jQuery("#button1:checked").each(function() jQuery("#field2")[0].disabled = true; jQuery("#field1")[0].disabled = false; }); //and vice versa jQuery("#button2:checked").each(function() jQuery("#field1")[0].disabled = true; jQuery("#field2")[0].disabled = false; }); </script> this is all untested! jQuery is fantastic and has loads of really useful plugins - it''s really essential. good luck. -- Posted via http://www.ruby-forum.com/. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
Max Williams wrote:> Soutom Soutom wrote: >> i am trying to do some thing with radio button. >> >> my main tergate is that i have 2 radio button and 2 text field. >> when i click on a radio button1, then the corrosponding text field say >> text1 will b active, and another text field say text2 will b inactive. >> >> and again when if we click on the other radio button2 then the >> corrosponding text field say text2 will be active and text1 will b >> inactive....... >> >> NOTE : Basically i am very new in Ruby On Rails..so i cant do this. >> if anyone kindly hepl me i will be very much thankful to him/her > > have a look at jQuery, which is perfect for this sort of thing. You''ll > need to know a little bit of javascript (syntax mainly) but that''s > pretty much essential for web dev. > > You could set up the html as follows (this is inside a form): > > <%# checked by default %> > <%= radio_button_tag "field", 1, true, {:id => "button1"} %> > <%= text_field_tag :field1, "", {:id => "field1"} %> > <br/> > > <%= radio_button_tag "field", 2, false, {:id => "button2"} %> > <%# disabled by default %> > <%= text_field_tag :field1, "", {:id => "field2", :disabled => true} %> > > then, at the top of the page, you could have the following script > (obviously it will only work once you''ve installed jQuery) > > <script> > //disable text_field 2 (and enable 1) when button 1 is clicked > jQuery("#button1:checked").each(function() > jQuery("#field2")[0].disabled = true; > jQuery("#field1")[0].disabled = false; > }); > > //and vice versa > jQuery("#button2:checked").each(function() > jQuery("#field1")[0].disabled = true; > jQuery("#field2")[0].disabled = false; > }); > > </script> > > this is all untested! > > jQuery is fantastic and has loads of really useful plugins - it''s really > essential. > > good luck.Oops., i forgot one important thing! The jQuery commands need to go inside a ''document ready'' block, which is run as soon as the page has loaded. So, the script element should be: <script> jQuery(document).ready(function() { //disable text_field 2 (and enable 1) when button 1 is clicked jQuery("#button1:checked").each(function() jQuery("#field2")[0].disabled = true; jQuery("#field1")[0].disabled = false; }); //and vice versa jQuery("#button2:checked").each(function() jQuery("#field1")[0].disabled = true; jQuery("#field2")[0].disabled = false; }); } </script> -- Posted via http://www.ruby-forum.com/. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
oops again! and, of course, the script start tag should be <script type="text/javascript"> not just "<script>". This must be a friday...i never could get the hang of fridays. -- Posted via http://www.ruby-forum.com/. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
Thankx... Max Williams for your helphul informatin... still i am faceing some problem..the text field2 is not working with the corrosponding radio button. Even when i select the radio button2 then also text field2 also disable & textfield 2 also enable.. my total code with javascript is ........... <script language="javascript" type="text/javascript"> jQuery(document).ready(function() { //disable text_field 2 (and enable 1) when button 1 is clicked jQuery("#button1:checked").each(function() { jQuery("#field2")[0].disabled = true; jQuery("#field1")[0].disabled = false; }) //and vice versa jQuery("#button2:checked").each(function() { jQuery("#field1")[0].disabled = true; jQuery("#field2")[0].disabled = false; }) }); </script> <%# checked by default %> <%= radio_button_tag "field", 1, true, {:id => "button1"} %> <%= text_field_tag :field1, "", {:id => "field1"} %> <%= radio_button_tag "field", 2, false, {:id => "button2"} %> <%# disabled by default %> <%= text_field_tag :field2, "", {:id => "field2", :disabled => true} %> will tou plese hepl me to solv this problem...... thanking you --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
Soutom Soutom wrote:> Thankx... Max Williams for your helphul informatin... > > still i am faceing some problem..the text field2 is not working with > the corrosponding radio button. > Even when i select the radio button2 then also text field2 also > disable & textfield 2 also enable..Would you mind opening the page source and copying the section with the fields and radio buttons, and posting it up here? -- Posted via http://www.ruby-forum.com/. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---