Search jQuery

jQuery Forum

Screen name:
garyns

garyns's Profile

9 Posts

19 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Maximizing form element width on iPad
[0Replies]
- 07-Feb-2011 10:13 PM
- Forum: jQuery Mobile
Hello,

I notice on iPad and Chrome (and probably true for other devices with larger screens) that form elements, like textfields do not maximize the horizontal space of the screen.

For example, I want to use the unused space (red lines) -

Does any one have a work around for this?

Thanks.

Default back buttons are missing
[4Replies]
- 28-Jan-2011 06:50 PM
- Forum: jQuery Mobile
Hi. I'm using the latest git code and I've noticed in the last week that the auto-generated back buttons are not longer showing on the header toolbars.

I'm using a multi-page design. My understanding is that the 1st page does not get a back button, but none of my pages get the back button.

Has something changed so that back buttons are no-longer automatically created? Or do I now need to specify an attribute to make the appear? I scanned the docs but cannot see anything.

Thanks,
Gary.

Github help - reopen an issue
[1Reply]
- 26-Jan-2011 05:35 PM
- Forum: Developing jQuery Mobile
Hello,

I need some help/advice with GITHUB.

I opened issue https://github.com/jquery/jquery-mobile/issues/closed/#issue/859 and later added a comment. I see in my account history that I've 'Closed" the issue.

I have no idea how I closed it or how to 'un' close it.

Thanks,
Gary.

swipe events firing twice
[1Reply]
- 20-Jan-2011 05:22 PM
- Forum: jQuery Mobile
Hello,

Any one else experiencing this problem - with the below code, a single swipe results in 2 x prevs printed on the console. Its been happening to me with the latest code (18 Jan 2011). Tested on Chrome and iPad Safari. I've verified that I only have one bound handler.

   $gal.swiperight(function(e) {
   $gal.cycle("prev");
   console.log("prev");
   e.preventDefault();
   });

swipeleft and swipe double up also.

Thanks
Gary.

mobileinit not firing
[9Replies]
- 11-Jan-2011 07:57 PM
- Forum: jQuery Mobile
This worked in alpha 2 but no longer works with the git code.

I include jQuery 1.4.4 JS, then the code below, then JQM JS.

Am I missing something obvious ?

$(document).bind("mobileinit", function() {

  $.mobile.loadingMessage = "Please Wait";
  $.mobile.ajaxFormsEnabled = false;
  alert ("IT WORKS"); // Never shows.

}); // jqm.init

changePage() from AJAX handler causes server request in HTML5 Offline Cache App
[0Replies]
- 11-Jan-2011 07:16 PM
- Forum: Developing jQuery Mobile
Hello, I'm not sure if this is a bug or expected behaviour if I'm calling changePage() form a AJAX callback function. Any comments appreciated.

I have create a HTML5 manifest for my app and verified (with JS events chrome://appcache-internals/) that files are caching. I can replicate this on Chrome (Win) and iPad.

This code is execured from a click event bound to a button:

    $.getJSON(url, null, function(data, textStatus) {

      if (data.count == 0) {
        alert("No Results Found");
      } else {
        $.mobile.changePage("ShowResults", "slide", false, true);   // **** THIS LINE ****
      }
    });

// **** THIS LINE **** above causes a server resuest to me made. This appears in my Apache error log:

[Wed Jan 11 11:10:13 2011] [error] [client X.X.X.X] File does not exist: /opt/wwwroot/theapp/ShowResults

It appears that the request is the URL with the # missing.

The page still transitions and shows correctly in the app.

If I call $.mobile.changePage("ShowResults", "slide", false, true) directly or from Chrome's JS console no server request is made, and the cached version is used.

Dynamically added Select Options are not selectable (they generate a JS error)
[3Replies]
- 03-Jan-2011 01:06 AM
- Forum: jQuery Mobile
Hello,

I cannot get <options> added to a Select with javascript to work successfully.

I'm using the GIT pull as of 3/1/2011

I have this code:

<div data-role="fieldcontain">
  <label for="postcode" class="select">Suburb:</label>
  <select id="postcode" name="postcode">
   <option value="1">ONE</option>
   <option value="2">TWO</option>
  </select>
</div>

And this JS:

$() {
  $("#SearchPage").bind("pagebeforeshow", function() {

   var $e = $("#postcode");

   // Cities normally come from an AJAX request. Static array for testing.
   var cities = JSON.parse('[{"city":"City A","postcode":"1234"},{"city":"City B","postcode":"5678"}]');

   for(i in cities) {
   var city = cities[i];
   var value = city.city + ":" + city.postcode;
   var tmp = "<option value='" + value + "'>" + city.city + " " + city.postcode + "</option>";
   $e.append(tmp);
   }

   $e.selectmenu('refresh', true);
  }
}

I can select options ONE and TWO successfully, however I cannot select the dynamically added options City A or City B.

Testing In Chrome, the JS console gives this error when selecting the cities - Uncaught TypeError: Cannot set property 'selected' of undefined. Safari on iPad gives this error - TypeError: Result of expression 'option' [undefined] is not an object.

Am I dynamically adding options correctly? Any advice would be greatly appreciated.

Thanks,
Gary.

changePage() not updating hash for internal div pages.
[14Replies]
- 24-Nov-2010 09:52 PM
- Forum: jQuery Mobile
Hi,

I've noticed that changePage() is not updating the URL hash when showing internal DIV Pages.

For example:

If my url is http://localhost/#ClientPage and I make a call to

$.mobile.changePage($("#EditClientPage"), "flip", false, true);

to show this page (which is already present in the DOM)

<div data-role="page" id="EditClientPage">
....
</div>

My url stays as #ClientPage, which breaks back-button navigation.

The problem occurs for me in alpha2 and the latest GIT pull (25 Nov 10).

Is this expected behavior or a problem?

If is is expected, how can changePage() be used with internal DIVs to maintain back-button functionally ?

Thanks,
Gary.

Programically showing dialogs with JS
[3Replies]
- 26-Oct-2010 11:10 PM
- Forum: jQuery Mobile
Hi,

Is there any way to show (and hide) a dialog using javascript? We're test-porting an application to JQMobile (it looks promising!) and have a generic message dialog that is manipulated by javascript (eg change message).

The best I can come up with has been window.location.hash = "theDialogId", but that seems rather hackish, plus the dialog ends up in history and I cannot control the transition effect.

I did find a post mentioning $.changePage(),. but that did not work on dialogs.

Thanks,
Gary.

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend