Response title
This is preview!
- Screen name: jimboidaho
jimboidaho's Profile
44 Posts
131 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- Suddenly all my dialogs are not showing. The background is turning black but the dialog is not showing. When I click the back link in the browser, the URL changes but the page does not. I used the web inspector to make sure the markup was being rendered and it seems it has. This change is happening for all my dialogs and I have not changed them. I have now stripped out all by the most essential js code and it did not change anything. I just don't see anything wrong and I am not sure where to go from here.Thanks.UPDATE. I am using jqm 1.2.
- I have a simple pop that will not work on both an ipad and Eee Pad 4.0.3 but works fine on Chrome, Firefox and IE. The popup will flash for a second and then go away. Here is my code. I tried this on a very simple page and it does work. I have spent most of the morning trying take parts of the problem page out but it still won't work. I added all the libs and css links to my test page and the test page still works. Not sure where to go from here?Thanks.
- $('#br_setup').append('<div data-role="popup" id="popuptest"><h2>test</h2></div>');
- $('#popuptest').popup();
- $('#popuptest').popup( "open" );
- 24-Sep-2012 06:30 PM
- Forum: jQuery Mobile
Not sure how much this is a JQM issue but I thought I would try here first. Just ran into an issue where the new IOS6 has some type of hardware button for likeing a web page. The problem is, my button has a query string attached to find the correct item when clicked on in Facebook. The hardware button does not. Can anything be done about this other than training users
?Thanks.- I am getting complaints from my users when they leave my app loaded in their browser and return to it later, the browser tries to reload and all the format is gone. I know why that is happening but I was wondering if there was a way to detect that happening so I can just go back to the main page. I am really not excited about making all the pages self contained.Thanks.
- I am working on a tablet/browser interface and I would like to create a nice pick list based on user's input. I have all working except for scrolling a long list. using css overflow:auto works fine on a browser but it seems that my tablet (android ICS) will not show the scroll bars. It will scroll but there is no indication that scrolling will work. How can I make this work?Thanks.
- 29-May-2012 12:12 PM
- Forum: jQuery Mobile
I was wondering if there are any plans to have a Post option when linking to another page? For example,<a href="/mypage.php" send-option="post" >get page</a>For now I am using changePage() to do this.- 27-May-2012 01:38 PM
- Forum: jQuery Mobile
UPDATE: I added data-dom-cache="true" to the page div and that seemed to fix the problem.I have a complex page that is called like this.function compareProps() {var cdata = $("#frm_likelist").serialize();$.mobile.changePage('/pagebr/compareprop.php',{'type': 'post','data': cdata,'reloadPage':false});}That page has a button that calls a dialog page to edit some data. I call the dialog like this.function editlike(id) {$.mobile.changePage('/pagebr/likeProperty.php',{'type': 'post','data': 'listingid='+id,'reloadPage':false});};This all works well until I hit the back button to go back to compareprop page then then JQM gets compareprop.php which returns a blank page because it is depending on a post to render the page correctly. What I need is for compareprop to be restored as it was previously.How can I do that?Thanks.- 18-May-2012 05:44 PM
- Forum: jQuery Mobile
My customer is wanting an easy way to allow their users to add a shortcut button to a mobile devices's desktop. Not sure if it is possible.- I need to have a fixed footer that is always visible. The way it works now is when user clicks or taps on the page it toggles hide or show. Is there a way to disable the hide part?
- 14-May-2012 03:52 PM
- Forum: jQuery Mobile
Is it possible to get rid if up and down arrows on a slider?- 13-May-2012 01:33 PM
- Forum: jQuery Mobile
I have been working on a browser/table UI for my app and it is working very well until I tried to use a dialog page.I am calling the page using changePage() because I need to post back to my server. There is nothing fancy about the page just the typical page, header, content divs with some check boxes inside the content. I even tried to force the content div to 500 px wide but it still is over 1000 (see image).Here is the page code.- <div id="selectPropertyType" data-role="dialog" data-theme="b" style="overflow:hidden;">
- <div data-role="header" data-theme="b" ><h5>Select Property types.</h5></div>
- <div data-role='content'>
- All property types will be searched if nothing is checked.
- <?php echo $objinit->getPropertyType(); ?>
- <div class="jqmButtons">
- <input type="button" id="saveType" data-inline="true" value="Save Selection" />
- <input type="button" id="cancelType" data-inline="true" value="Cancel" />
- </div>
- </div>
- </div>
I tried displaying just a blank dialog by commenting out the buttons and not showing the check boxes but the content div was still too wide. Not sure how to fix this except rolling my own popup.Thanks.- 08-May-2012 04:46 PM
- Forum: jQuery Mobile
I have a button bar at the top of a page and I would like to position the icons on the left and right of the left and right buttons. I can add this <div data-role="navbar" id="showMorePhotos" data-iconpos="left"> and both buttons alight left. Adding data-iconpos="left" to each button does not seem to work.Thanks.- <div data-role="navbar" id="showMorePhotos" data-iconpos="left">
- <ul>
- <li style="width:33%">
- <a href="#" name="btn_prev" id="btn_prev" style="text-align:left"
- data-icon="arrow-l" data-iconpos="left" data-theme="b" onClick="oPhoto.getPrevPhoto();">Prev</a>
- </li>
- <li style="width:33%;text-align:center;vertical-align:middle;padding-top:5px;">
- <label id="ShowMoreText" data-theme="b" >Show More</label>
- </li>
- <li style="width:34%">
- <a href="#" data-iconpos="right" name="btn_next" id="btn_next" style="text-align:center;"
- data-icon="arrow-r" data-iconpos="right"
- data-theme="b" onClick="oPhoto.getNextPhoto();">Next</a>
- </li>
- </div>
- I have upgraded to jqm 1.1 and jquery 7.1 and I thought I would stat using on instead of live. Only problem is I can't get on to work. In the example below, .on does not work but the live and delegate works fine. What am I doing wrong.
- //$(''tr.showMoreDetails').on("click", function(e) {
- //$(''tr.showMoreDetails').live("click", function(e) {
- $(document).delegate('tr.showMoreDetails',"click", function(e) {
- showPropDetails(this.id);
- });
- I have been looking at the splitview plugin and from what I have been able to read so far, it looks like it is really not ready for prime time. I also read that it will not work with JQM without so changes to JQM. Last, I really haven't found very much documentation on how to setup and use. I was wondering what experiences others have had and if it is ready to be used or still just in an experimental state?Thanks.
- I have added a facebook like button to one of my pages using their iframe code and that seems to work. But, I need to add more information via meta tags and the docs say to add the meta tags in the header. Since JQM does not refresh the page I really don't see a way to do this. I tried rel="external" but that didn't seem to make a difference. Just wondering if there is a good way to do this?Thanks.
- 02-Mar-2012 11:10 AM
- Forum: Using jQuery Plugins
I have this setup on my page.- $("#form1").validate({
- rules: {
- email: {
- required: true,
- email: true } ,
- agreeterms: {required: true},
- md5_pwd:{ required:true},
- md5_pwd_2:{ equalTo: "#md5_pwd"}
- },
- messages:{agreeterms:"You must agree to the terms to sign up"},
- submitHandler:function(form){
- //debug: false,
- return false ;
- //form.submit();
- }
- });
This is a signup page that must have passwords the same, an email address and a check box that agrees to the terms of the site.If I click on the submit button without entering any of the data all is fine. If I enter the passwords and click on submit, validation doesn't work. I know this because I have a break point on the return false line. If I click on the submit the second time then validate works. Of course in the real world, the user only clicks on the submit the first time. What have I done wrong? Thanks.- I tried to use a jquery object to serialize some of values in a form. I tried using a div id that surrounded the fields I needed like this:var test = $("#div_tab1").serialize() and it was emptyvar test = $("#form1").serialize() worked.shouldn't the first example work?I am using version 1.6.4Thanks.
- I have been trying to get a horizontal set of radio buttons to center horizontally but everything I do does not work. Alignment is always left.Here is my code. I have also putting the <center> tags inside of the fieldset as well.
- <center>
- <fieldset data-role="controlgroup" data-type="horizontal" style="text-align:center;">
- <input type="radio" name="resource" id="Property" value="Property" checked="checked" />
- <label for="Property" >Property</label>
- <input type="radio" name="resource" id="openhouse" value="openhouse" />
- <label for="openhouse">Open House</label>
- </fieldset>
- </center>
- Since I started using rc2/rc3 I now have a problem with all my sliders on Chrome and Android. Chrome displays two sliders. The slide where the input text box used to be is a small one that does not display any values but is bound with the jqm slider.Android has a different problem in that the input text box is not visible. No values are displayed.Firefox 3.6 works as expected.Update: data-role="none" does not work on rc2/3 but does work on rc1.Here is an example of Chrome.
ed. I went back to rc1 and all worked well.
- Not sure if this is a JQM issue but I have a page that displays a list of homes for sale in a table that includes a picture of the home and the address. I have a bound a click event to the row do display details of the home if the user taps anywhere on the row.$("#pnl_showList").live("pagecreate",function(e){$("#tbl_showlist tr").die("click");$("#tbl_showlist tr").live("click",function(){oSearch.getDetails(this.id);});});This all works fine except for android OS including my tablet (android 3.1). In this case taping on the address will override my binding and displaying a popup asking if I want to use maps or TeleNav. If I tap anywhere other than where the address is it works fine. Any way to stop android from taking over?Thanks.
- I have spent about two hours flushing this problem out. First, this all started when I upgraded to rc2 and my back button stopped working. I had the following setup and working since B3.<a id="headerBackButton" type="button" data-rel="back" data-icon="back" data-inline="true" data-theme="b">Back</a>So I tried setting this code and got rid of the data-rel="back" in the anchor button.$("#headerBackButton").live("click",function(e){history.back();});Didn't make a difference so I added an alert() ahead of history.back() and that didn't work either.Last I created a stand alone anchor button with an alert() to test the live event and that didn't work as well. I changed the anchor button to a input:button and everything started working.In summary I could not get bind, live, or the event onclick to work with anchor buttons on a page. The interesting part is I have some dialogs pages and the back anchor buttons work just fine. This sure looks like a bug to me but maybe I am doing something wrong or something changes???
- I have an Eee Pad android version 3.2 that has a problem with the back function. It seem that when I try and go back from most screens, the URL changes but the screen does not change. If I touch the screen it will sometimes refresh. If I hit the back button a second time it will go back two pages skipping the one I want to be on. I have tested with firefox, chrome, HTC evo android version 2.3.3 and the problem does not exists.The interesting part is the Eee Pad works fine on the last a4 version.Any Ideas?Thanks.
- A simple link like this. <a href="mypage.php">get page</a> Is there a way to make this a post using ajax instead of a GET? I know I can use changePage() to do this but was wondering if there was a simpler way.Thanks.
- 08-Aug-2011 06:27 PM
- Forum: jQuery Mobile
I have been trying to get createPage to work loading a dialog. It seems that the hash loads each time the dialog is opened so after the first time the dialog is opened it will load all the previous dialogs like I was hitting the back button. I tried changing the changeHash to false but then it would back to the previous page prior to the on that loaded the dialog page. If I change the code to use <a> tags then it works fine but that is not what I want. Both ways still resubmits the parent page when the dialog is closed. What I really want is to call the dialog and then just show the parent page when the dialog is closed. Amy I doing something wrong or am I going to have to role my one for this? Thanks.Some code.$("table.listingResult tr").live('vclick',function(){oSearch.getDetails(this.id);});function getDetails(id) {$.mobile.changePage('/pages/showDetails.php',{'type': 'post','changeHash':true,'role':'dialog','data': sendParms});}- Is there a way to bind a function that will run when the user closes a dialog window?Thanks.
© 2012 jQuery Foundation
Sponsored by
and others.