Is there any Spin-box control for JQuery Mobile. I found nothing in Demo section. Which would be the best way to have one?
There is a slider that allows the user to choose a value from a range by swiping the slider:
http://jquerymobile.com/demos/1.0b1/docs/forms/forms-slider.html
I found a spinner plugin at http://dev.jtsage.com/jQM-Spinbox/ which is a basic spinner that just increases/decreases the value in the field. There are no min, max, or stepping options.
Related
I have not found a configuration option in the docs for either widget, but is there a way to implement the noUiSlider or jQuery UI Slider to provide this functionality in a localized way (localized = allow default functionality where needed in other sections of the DOM):
User must click and drag the handle to set a value
User cannot click on the bar to set the value -> value not set to where user clicked
This is for a business requirement, and while I don't mind learning how to re-write a slider from scratch in vanilla JS, it is quite nice to use well-supported widgets. Thanks in advance.
You can do this in noUiSlider by setting behaviour: 'none'. See the documentation for more info.
I have a jquery UI slider on a webpage I'm working on, but I'm looking to get a tooltip on the slider too. I've been through most of the questions here (searching) and didn't find what I was looking for or I couldn't understand the answer(s).
Here's a sample of what I'm looking for:
Sample UI Slider with tooltip
Here is my slider:
My slider with no tooltip yet
I just created a simple UI slider from the jquery website. Snap to increments. Ideally, whatever dollar amount the slider is on, I'd like the tooltip to display right above it. I'll tackle CSS code later for look n' feel.
and I can't post my actual code, because it has hyperlinks in it, and because I'm a newbie here, this website won't let me make a posting with more than 2 hyperlinks, which I've already used up to show you the sample and my slider.
I believe you are looking for this.
Basically, this tutorial shows how to style the slider and place a tooltip above the slider to get the value of the input.
Is there a way to make a slider in jQuerymobile with two selection points, and a highlight inbetween?
I'm looking for something like this:
http://jqueryui.com/demos/slider/#range but for a mobile framework.
At the moment there doesn't seem to be a built in way to do so, however you might want to have a look at this SO question
jQuery Mobile Dual Range slider
I have a date field on a PHP website and I'm using jQuery Mobile for mobile site.
While browsing the site on a mobile browser, (eg firefox mobile on android), on clicking on the date text input, the calendar dialog comes up, but the soft keyboard also comes up on my android (Soft keypad comes up whenever one focuses on a input field)
Is there a way, I can force hide the soft keyboard ? Is there a generic javascript based trick to force hide the soft keypad (that works on all mobile devices like iphone, android etc ?
I'm using the jQuery Mobile datepicker from here
TIA
A more simple solution is to add readonly="true" to the input boxes that you have the datepicker attached to. Even though you can't manually type in a date, on mobile you won't have to deal with the keyboard popping up and getting in the way
Just found an answer to my question. (Guess I didn't search with the right keywords earlier :-|)
Adding a jQuery blur event on focus solves the issue.
Thanks to this post by Danny C
My workaround (though I am using a different plugin: the datebox from jtsage.com) is currently the following:
set a disabled attribute on the input
bind a click handler to the input or its parent
the click handler triggers .datebox('open') on the selected element
This way there is no focus element so no triggering of Android soft keyboard.
add the readonly attribute to your date box. (or readonly="readonly") input type="text" data-role="date" readonly
For JQM add the folloiwing files jqm.datepicker.css , jqm.datepicker.theme.css , jqueryUI.js , jqm.datepicker.js
I need modal dialog box in which I can open forms and other html pages. It should have on/off and min/max button. Could anybody suggest me any link for the same. I am not getting this type of widget anywhere.
The JQuery plugin SimpleModal is pretty effective. I have used it before and am quite sure it should provide the functionality you require.