SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict goldensona's Avatar
    Join Date
    Jun 2011
    Posts
    226
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    how to create slider for mobile iphone

    hi all

    i have used this code
    HTML Code:
     <input type="range" name="slider" id="slider" value="0" min="0" max="100"  />
    this is not worked in iphone browser but work well in all web browsers , please any one tell why it not worked? or any other solution ...

  2. #2
    SitePoint Member
    Join Date
    Aug 2011
    Location
    Toronto, Canada
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This is the first time I see ... input type="range" ... syntax, that must be some recently introduced feature of HTML(5?). No surprise iPhone does not support it then.

    1) Well you could use <select> with <option> from 0 to 100, it will actually scroll nice in the Android, so it is not a bad solution b/c it is easy to implement.

    2) Or just put a plain input box type=text and do some javascript validation, if you feel so.

    3) Or use jQuery and jQueryUI and there is a component in jQuery UI that is called slider if I am not mistaken

    Or do something else, there are million ways to solve this problem. Personally, I would try <select> element first. In Android browser, long <option> list is not a problem at all, on the iPhone - I am not so sure.

    Anyways,
    good luck solving your problem

  3. #3
    SitePoint Addict goldensona's Avatar
    Join Date
    Jun 2011
    Posts
    226
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    can you give example for it , i need like this http://jquerymobile.com/demos/1.0a1/...ms-slider.html


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •