#1
  1. No Profile Picture
    Curt McClain
    Guest
    Devshed Newbie (0 - 499 posts)
    We are working on a project to place one of our online surveys into a kiosk network using touch-screens for input. The problem that we are running into is that the standard/default Radio buttons are too small for a person to easily hit using their finger. Does anybody know of a Javascript (or any other) solution to increase the size of these Radio buttons?

    Thanks,

    Curt
  2. #2
  3. No Profile Picture
    cseline
    Guest
    Devshed Newbie (0 - 499 posts)
    It is possible to change the size of buttons for Netscape users just by increasing the font size. This does not work for IE users, however, which is why I have started using images to supplant the buttons. You can make them function in the same manner as the buttons inmost cases, and you can make them any size you want.

    ------------------
    2wrongs.com?
  4. #3
  5. No Profile Picture
    webcoder
    Guest
    Devshed Newbie (0 - 499 posts)
    cseline - that sounds pretty neat. Do you have any examples on-line? Do you use hidden form fields to hold the data and swap out images each time it's checked?
  6. #4
  7. No Profile Picture
    dahamsta
    Guest
    Devshed Newbie (0 - 499 posts)
    You can change the size of a regular button, but not a radio button. As cseline says though, you can use an image as a form input, like this:

    <input type=image src="image.gif" name="name" width=20 height=20>

    Or use an image, a hidden field, and the onClick event handler:

    <a href="#" onClick="document.form.field.value='whatever'; document.form.submit()"><img src="whatever.gif"></a>

    I'd really need more information on the form to be more specific.

    Cheers,
    adam

    [This message has been edited by dahamsta (edited 05-25-99).]
  8. #5
  9. Contributing User
    Devshed Frequenter (2500 - 2999 posts)

    Join Date
    Aug 2005
    Location
    Bucharest ROMANIA
    Posts
    2,524
    Rep Power
    609
    Originally Posted by swebsitedesign
    how we can change the radio button size?
    You can't. Period.

    Comments on this post

    • Skipt disagrees
  10. #6
  11. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2011
    Posts
    1
    Rep Power
    0
    You can not Change The size of you Radio button
  12. #7
  13. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2011
    Location
    surrey
    Posts
    3
    Rep Power
    0
    My suggestion is also for you to make radio button and change the size of radio after watch it on the website. If you want big than increase the size or wants small than decrease the size...
  14. #8
  15. Contributing User
    Devshed Frequenter (2500 - 2999 posts)

    Join Date
    Aug 2005
    Location
    Bucharest ROMANIA
    Posts
    2,524
    Rep Power
    609
    Originally Posted by creater
    If you want big than increase the size or wants small than decrease the size...
    Of course Except that you can neither increase nor decrease it
  16. #9
  17. No Profile Picture
    Permanently Banned
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2010
    Location
    California
    Posts
    42
    Rep Power
    0
    var _radioName = "diabetes_type"; // Obtain programmatically
    var _var = "diabetes_type-other";

    #(document).ready(function(){
    var lastChecked = false;
    $("input[name=" + _radioName + "]").change(function() {
    if(this.id == _var) lastChecked = true;
    else if(lastChecked){
    /*The radio input isn't "other". Check if the last checked element equals
    "other" (lastChecked == true). If true, set lastChecked to false*/
    lastChecked = false;
    } else return; /*The input isn't "other", and the last checked element isn't
    "other". Return now. */

    alert('changed');
    });
    });
  18. #10
  19. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2011
    Location
    India
    Posts
    10
    Rep Power
    0
    You can change the radio button size in photoshop.
  20. #11
  21. Contributing User
    Devshed Frequenter (2500 - 2999 posts)

    Join Date
    Aug 2005
    Location
    Bucharest ROMANIA
    Posts
    2,524
    Rep Power
    609
    Originally Posted by kevin smith 619
    var _radioName = "diabetes_type"; // Obtain programmatically
    var _var = "diabetes_type-other";

    #(document).ready(function(){
    var lastChecked = false;
    $("input[name=" + _radioName + "]").change(function() {
    if(this.id == _var) lastChecked = true;
    else if(lastChecked){
    /*The radio input isn't "other". Check if the last checked element equals
    "other" (lastChecked == true). If true, set lastChecked to false*/
    lastChecked = false;
    } else return; /*The input isn't "other", and the last checked element isn't
    "other". Return now. */

    alert('changed');
    });
    });
    What's that? It has nothing to do with the topic.
  22. #12
  23. Contributing User
    Devshed Frequenter (2500 - 2999 posts)

    Join Date
    Aug 2005
    Location
    Bucharest ROMANIA
    Posts
    2,524
    Rep Power
    609
    Originally Posted by pankaj_s
    You can change the radio button size in photoshop.
    Why not with a pencil on the wall?

    And after you change the radio button in Photoshop, what's next? Stick it with Super Glue on the site?
  24. #13
  25. Eager to learn
    Devshed Regular (2000 - 2499 posts)

    Join Date
    Jan 2009
    Location
    Maryland, USA
    Posts
    2,223
    Rep Power
    2184
    KorRed

    I am disappointed in you. You did not even notice this is like a 12 year bump? >_>

    Let's stop replying now people.

    Comments on this post

    • KorRedDevil disagrees : You miised something
    "Quality of responses may vary. I reserve the right to change my mind for any reason what-so-ever without admitting I was wrong. I'd prefer to change your mind however, it's easier on my ego". - jwdonahue

    "so no-one has actually bothered to post an original quote ? what's wrong with making up your own?"
    - marnixR
  26. #14
  27. Contributing User
    Devshed Frequenter (2500 - 2999 posts)

    Join Date
    Aug 2005
    Location
    Bucharest ROMANIA
    Posts
    2,524
    Rep Power
    609
    Originally Posted by Skipt
    KorRed

    I am disappointed in you. You did not even notice this is like a 12 year bump? >_>

    Let's stop replying now people.
    If you had read attentively, you could have noticed that I have answered to a new post, written by swebsitedesign the same day I have posted mine, in 2011. For a reason or another (maybe swebsitedesign proved to be a spammer) some Moderators had deleted that post later, and leave my post hanging in the air. So, it was not me the person who dug an old Thread. I did nothing but to reply somebody who did that.

    So, I am dissapointed in you as well, Sir.

    Comments on this post

    • Skipt agrees : Got me there.
    Last edited by KorRedDevil; October 14th, 2011 at 03:20 AM.

Similar Threads

  1. radio button links with command butotn: hot to assign?
    By Jackmack357 in forum HTML Programming
    Replies: 3
    Last Post: January 8th, 2004, 11:22 AM
  2. Checking/unchecking radio buttons/checkboxes
    By rpd in forum HTML Programming
    Replies: 1
    Last Post: December 1st, 2003, 01:33 PM
  3. please help
    By traixanha in forum C Programming
    Replies: 7
    Last Post: April 25th, 2003, 03:39 AM
  4. Resetting a radio button to a default using JS
    By munkfish in forum HTML Programming
    Replies: 4
    Last Post: January 1st, 2002, 07:39 PM
  5. getting radio button values
    By damon129 in forum HTML Programming
    Replies: 5
    Last Post: June 26th, 2001, 05:12 PM

IMN logo majestic logo threadwatch logo seochat tools logo