Radio button controlgroup leaves buttons in the down state
I've noticed that the buttons created in the Radio button controlgroup remains in the down state when you click on another button in the group. Inspecting the className of each of the buttons, I noticed that the selected button has ui-btn-active and ui-btn-hover-b, the untouched button has ui-btn-up-b, and any clicked on buttons have ui-btn-down-b. So whenever a button is clicked, it's set to ui-btn-down-b, and never changed back to ui-btn-up-b, leaving the button in the down state. Is this expected
small buttons?
http://jquerymobile.com/demos/1.0a4.1/docs/pages/docs-pages.html The docs have small buttons... if i use the same markup, I end up with full width buttons... they are not using grids on that page or anything... i'm trying to check in firebug which css rules are responsible for that... but i'm failing. Any hints to get small buttons like that doc page?
JQuery Cycle lite Plugin
Hello, Thank you for developing the JQuery Cycle lite plugin. I have been using the most basic version of the plugin (which was working fine) until I recently decided I would like to use the Scroll Left feature. My problem is: It displays the first 2 slides fine, but only displays the html title attribute for the remaining 4 in the slideshow. Can anyone make a suggestion for what may be causing the other slides not to display..or load I guess? Thanks, Josh
$.Deferred chains
Hi all! I'm excited about jQuery has implemented Deferred! But I can't find very important functionality - deferred chains. Yes, there is $.when(...) method. But it works only once and then you can't add async call to chain. I'm looking for something like this: $.get('/ajax/1/') .done(function(){ console.log('ajax 1 success'); // first ajax scope }) .then(function(){ return $.get('/ajax/2/'); // but if we're returning promise ... }) .done(function(){ console.log('ajax 2 success'); // ... scope changes
loading content before displaying
Hi I'm fairly new to JQuery and am trying to get my menus to load all the images before it tries to fade in. I am passing categoryid to an external php page which gets the relevant data from the database, and then displays it in the right div element. My Code so far: <script> function loadContent(id) { $("#leftmenu").load("query_left.php?category="+id+"").fadeIn("slow"); $("#rightmenu").load("query_right.php?category="+id+"").fadeIn("slow"); } </script> At the moment, this code seems to load the
Dragging from droppable to droppable
So I have two distinct TD tags, and each one is designated droppable. Inside one of the TDs I have a DIV tag that is draggable. Both droppables will accept that draggable. The dragging and dropping works, but *both* droppables call their "drop()" methods when I drag the DIV from one TD to the other. The ui object of first (erroneous) drop() reports that the DIV was dropped into the TD from which it came. The ui of the second drop() says that DIV was dropped into the other TD (which is accurate).
Half Datepicker in an iframe (Browser: IE)
Hello guys, I am using the jquery datepicker successfully in all kinds of pages. But I have noticed an problem in the internet explorer. I am using IE 8.0.7600. When I have a datepicker in an iframe on the right side near the edge of the iframe and I will show the datepicker, than the datepicker is in the iframe shown half and not shown outside of the iframe. What's a pretty solution for that ? Greetings, Kelturio
getJson iphone4 issue
I am in the middle of building this website for mobile/iphone well everything seemed to be going all ok, built a page using json data using the getJson function all ok on my 3G iphone, but when viewed on my colleague iphone 4, the code did not show? There was no error nothing just did not run the code within the getJson function. MY CODE: //-- this log will show on both iphone 3G and 4 console.log('begin json '); //-- the log and code within will not show in iphone4 safari mobile but
Flip Switch - is it possible to detect changes as they happen (onchange)?
Hi guys, I have spent hours on this and got nowhere so I'm assuming it's not yet possible to detect when a flip switch is changed? I'm using this kind of code: <div data-role="fieldcontain"> <label for="audioOn">Play Audio:</label> <select name="audioOn" id="audioOn" data-role="slider"> <option value="off">Off</option> <option value="on">On</option> </select> </div> Now I can bind an onchange event to the select element and it works but, it seems to fire many times during
Problem with jQuery Form Plugin and Chrome 9
Hi, I have a web-application which does ajax submit of some forms. It works well with Chrome 8, but with Chrome 9 the ajax-submits do not work any more. I get no error-message, the form just silently not submits. Does anyone else see a similar issue when going from Chrome 8 to 9?
Upcoming conferences?
Will there be any conferences coming up in the 2nd half of the year? I see on events.jquery.com that a Boston and London conference are anticipated, but I also see that Events is no longer linked at the top of most of the other jquery pages. So, are these still planned? Thanks.
Alpha 4 fixed header not working on internal linked page
Fixed header (data-position="fixed") is invisible once page has loaded on internal linked pages in iPhone app During slide in animation, the header is visible, but once animation stops the header disappears. Header appears correctly during page scrolling Thanks
[jQuery UI Autocomplete] accent folding and "associative array"
I'm not very good in JS, but usually I am able to solve my problems by searching and trial&erroring, but this time I can't do it. Please help. I have a problem with Autocomplete's Accent folding function. I can't get the standard code to work with my "associative array" of values. This is how my autocomplete data look like: var availableDestination = [ {label: "Írsko", id: "149", supreg: "724"}, ... ...]; MY GOAL: Check value of the "label" element and return "Írsko" when people start typing both
Multiple Submit Buttons vs Enter to submit form
I'm having trouble setting the default submit button AND complying with jquery-mobile styling/markup best practices. a simple login form, and i want to have the layout: email: ___ pass: ___ [forgot pass] [login] so to get that on the buttons and jquery-mobile i must use: <fieldset class="ui-grid-a"> <div class="ui-block-a"><button name="action" value="forgot" type="submit" data-theme="c">I forgot</button></div> <div class="ui-block-b"><button name="action" value="login" type="submit" data-theme="b">Log
enable page transition ONLY for dialog?
documentation for page transitions is: ajaxEnabled (boolean, default: true): jQuery Mobile will automatically handle link clicks and form submissions through Ajax, when possible. If false, url hash listening will be disabled as well, and urls will load as regular http requests. but it should read: "if false, this will disable every page transitions and it will not be possible to force link clicks and form submissions through Ajax" I was really hoping that the default behaviour would be to not use
Retrieving all attributes of a given element and their values.
jQuery appears to be missing a way to retrieve an array of attribute names for a given element, and to (optionally) retrieve their values at the same time. riddlemd has created two concise plugins to address this shortcoming - listAttributes and mapAttributes - but I think this functionality should be core, and ideally unified into a single function - perhaps called attrs() - which optionally retrieves a map rather than a list via an optional parameter, set to true for map, false for list... not
validate 1.8 with jquery 1.6 RC 1 not working
Doing my part to test out jQuery 1.6 RC1, I changed my link to jQuery. I have a form and with all previous versions of jQuery when I click my save button my invalid inputs show their respective messages. With jQuery 1.6 RC1 the validation messages do not show. No other changes were made to the app. Using validation 1.8. I switched back to jQuery 1.5.2 and it works as expected. Paul Speranza
XML parsing doesn't work in IE 8 - How to parse an element in IE? - Take a look at the sample html file
Hello forum, after a lot of investigations I don't know the answer why the attached sample doesn't work properly. Please take a look at the attached sample. That's a html file. Because of forbidden uploads of html files i removed the file extension. So please put after download the file extension ".html" on it and take a look at the sourcecode. The goal is to parse the included xml structure and to show the some information as checkboxes with a title or description. The checkboxes are parsed based
A couple of Sizzle micro-optimisations
First - there's a lot of testing whether typeof selector !== "string"(or whatever) - might be useful to define the strings "string", "undefined" etc. as a variable STRING, UNDEFINED - wouldn't make any difference to the code, but minifiers would find it useful, since they could create there own minified var. Would save a few bytes. Second - there's quite a lot of comparison to null and not-null - but usually == instead of ===. Either it's meant to be coerced (in which case just do !(whatever)) but
How to get a enter key-event by the Android ?
Hello I know that enter-key number is 13. It's a possible to check enter-key event ! function OnKey_Up(event) { var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode; if (keyCode == 13) { ...... } } but the android device didn't checked !! how to make a event for the Enter-key by the Android ?
How to manipulate collapsible element programmatically.
Hello. I can expand and collapse this by clicking the element. <div data-role="collapsible" data-collapsed="true" id="TestCollapsible"> <h2>title</h2> ... </div> However, I need to manipulate collapsible element like following: $("#TestCollapsible").collapsible("expand"); I could not find such a method. Any help would be greatly appreciated.
How Can I Help?
I've been using jQuery mobile for a few months now and I love it! I'm looking for a way to give back. I fancy myself a pretty decent JavaScript developer, so I'd love to tackle a bug or two, is there any convention for claiming a bug or knowing if a bug is being worked on by somebody else? -Eric
Refresh dynamic listview with image did not render properly
Hi I have a listview like the one at the bottom of http://jquerymobile.com/demos/1.0a3/docs/lists/lists-inset.html . I load my images and content dynamically and refresh the listview. But the content did not render properly. I found out that I had to remove the "find('li')" at the _itemApply function of mobile.listview. Now it works. The find("li") did not apply on my listview because the item was the li itself! Is it necessary to first apply the find("li")? Beat
Issue with duplicated userCollapseText when useing JQuery Expander :(
Hello JQuery group, I'm must say that I really enjoy using the jquery.expander control for a simple and intuitive UI. It works really well with news items that need to include a Read More... and Close... option. I just have a strange issue/artifact with one of the controls properties, the userCollapseText property. The strange thing about this issue is that I'm using the control on a test repeater which works fine (I'll explain in a bit) but on our test box in a DIFFERENT repeater, it somehow
Validation issue
Hi Folks, I am new to JQuery and have used it for an application form. Unfortunately, the validation is not working as it should. I'm not sure exactly where I might be going wrong. The form still "submits" even though the validation has picked up on blank fields. I have pasted the coded below: **** START OF CODE **** <script type="text/javascript"> $(function(){ // Grab each form element $("label[title]").each(function(){ $(this).append("<div class=\"infopop\">"); titletext = $(this).attr("title");
Just Joined problem...
Hi, I was browsing the forum looking for help with something I'm trying to accomplish with jQuery but couldn't find anything specific... So I decided to join up and post a question myself... My problem is, and I don't know how I'm gona see the response... after signing up, when I visit the Forum page (or click on anything in the blue menubar apart from 'My Account' (an 'New Post' obviously ;), all I get is a black box in the center of the screen?!?! I can no longer see any of the forum entries, is
Form w/ NO AJAX
How do you specify that a form will not be handled by ajax. <form action="/login/mobile_login" method="post" id="logform"> form is directed to login controller in a rails app, controller redirect to /mobile/menu in alpha 1 after form was redirected to /mobile/menu in alpha 2 end up at /mobile#/login/mobile_login, which is not a valid url what appears to be displaying is /mobile/menu#reports
inline search input and submit
Hi, Just recently started using jQueryMobile / jQuery (also a newbie at web development) and have tried to set an inline search input alongside a submit button, but have had no success so far. I've tried: - Have the two inputs into a DIV tag with 'data-inline=true' . Have the two inputs into a DIV tag with 'data-inline=true' .and the 'fieldcontain' data role. Mark each input with 'data-inline=true'. The only result so far is to have the submit button inlined. The only way to control the width of
Using jQuery to parse XML
First post. Looking to parse the XML file a perl script sends back. I want to get values from specific tags in the XML file. Here is my code: $.ajax({ type: "GET", url: 'http://servername/cgi-bin/findwhoisonduty.pl?host='+groupName, dataType: "xml", success: function parseXml(xml){ $xml.find('ax21:user').each(function(){ var firstName = $(this).find('ax21:firstName').text(); var lastName = $(this).find('ax21:lastName').text(); }); alert(firstName
jQuery UI Tabs failing on dynamic creation
I am using jQuery UI Tabs in 3 separate places of a web page. The second tab bar needs to be different, depending on what is selected (in an input radio), and then have the tabs working. When I create the replacement tab bar, I call .tabs() on the new bar, but it does not seem to generate tabs. I also tried using .tabs('destroy'); on the main tab bar and its individual tabs. When I click on a tab, I see an error with Firebug that says, "uncaught exception: jQuery UI Tabs: Mismatching fragment
Ajax Navigation, URL and Page elements issue in a4.1 demo
Hi, I am working with sample project to analyze the Ajax Navigation, and URL behavior in jquery mobile. I found one strange thing , not sure that it is a problem or not. I tested it in Firefox 4. To check this issue, Go to jQuery mobile Demo page here: http://jquerymobile.com/demos/1.0a4.1/ 1. click first item under overview - "Intro to jQuery Mobile" from the listitem view. 2. now once that page is loaded, click home on top - right corner. this will show you home page again. 3. Do this for 6-7
Creating new Swatches for a JQuery Theme
Hello: I was wondering if there is a tutorial / post / wiki / article that talks about how I can add more swatches. O have looked at the CSS, and I am sure that I can look at the classes with -a etc appended to them. However, I wanted to check-in to see if there was any documentation on it, before i chase this.
Alpha 4 - positioning problem in listview (with sytle="float:left;")
The following demonstrates a problem in which the text for the second <li> element is displayed below the space allocated for it in the list. <div data-role="page"> <div data-role="header"> <h1>Test jQM</h1> </div> <div data-role="content"> <ul data-role="listview"> <li>Correct place</li> <li><div style="float: left; color: #aa00ff;">Wrong place</div></li> </ul> </div> </div> Screen shot:
Selecting by a custom DOM property
Hello everybody, i have a script, that adds a custom DOM property to <li> elements (.qqFileId=2 f.i.). Is it possible to select the list item with jQuery by the value of this property? $(...) thx for any advice, haemse
Image Slider Control , smooth scrolling
Hi All, I have created one page having two image sliders horizontally. its tested on iPhone and iPad , works well. though browser fallback needs to be developed. I checked different posts in this forum about image carousal, but when i test it on mobile devices, its very slow and animation/sliding is not as smooth as desired. I also tried creating one as explained here in my previous post. this particular approach does not have animation but sliding is easy. this kind of image slider can be found
Timeline for a jQuery Mobile 1.0 release?
Hi all. I'm evaluating jQuery Mobile for a project in 2011 and I'm wondering if there's a timeline available for a 1.0 release... anyone? Thanks! Rich
[jQuery] hi guys do you know any good jquery plugin for photo tagging ?
hi guys do you know any good jquery plugin for photo tagging ? <br clear="all"> -- Putra Prima A 0410630078 Teknik Elektro Brawijaya 3 ipa 2 smunsa 2004 <a href="http://siubie.zxq.net/wordpress/">http://siubie.zxq.net/wordpress/</a>
Scrollview Frozen on IOS
Hi All, We're starting to develop a video mobile app for tablets and the layout is a very simple Scrollview on top of a native video player. We are using 1.0a4.1 1. standalone scrollview with our dataset on a blank page works perfectly on an ipad2 2. same scrollview with same dataset placed on a full screen video player freezes completely and looks like we placed a static image over a video player (but the underlying video and player works fine) 3. The same scrollview and video player that froze
Selectmenu (select box) widget still useless... can anyone else verify?
In jQM alpha 2, the selectmenu widget for creating nice select boxes was basically unusable to me because it contained really bad bugs that caused javascript errors with the hashtag page tracking and had a lot of display bugs as well. Specifically the biggest issue was when you had a select box with several option items... it creates a full-sized page that acts as a dialog to display the option menus as opposed to when the list is short and it generates an overlay on the same active page. My original
Cant exit/go back in web app from video
I have a mobile web app that has a list of m4v videos. I am using the meta tag that removes the address bar. On the iPhone, when I click on the m4v, it opens in the native player and I can hit the “Done” button and takes me back to the page. On the iPad, when I click on the video, the screen goes black and begins playing. I can scroll the video as if it was embedded on a page. If I full screen the video, the native player takes over and when I hit the “Done” button, it just takes me back to the video
Next Page