Response title
This is preview!
- Screen name: jimboidaho
jimboidaho's Profile
54 Posts
157 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- 29-Dec-2016 01:02 PM
- Forum: jQuery Mobile
I am working on an app that I am putting into Cordova. All is working well except I want to hide part of the header when the user is scrolling down and then show it again when the user gets back to the top of the page. My problem is it seems that JQM only has scrollStart and scrollStop events which only hides/shows header when the user stops scrolling. I would prefer to hide/show while the user is scrolling like a native app? Is this possible?Thanks.- 21-Jun-2016 04:36 PM
- Forum: jQuery Mobile
I am moving my JQM web app to Cordova. I am trying to do an error recovery from ajax in case the use authentication fails no mater where the user is in the app. I would like to be able to navigate back to the main page and then change to the login screen so when the user authenticates I can navigate back and end up at the main page. In the web app, I was just refreshing the main page but I don't think this is a good idea using Cordova. Is it possible to navigate to page one?Thanks.- I have been playing with Cordova for the last couple of days and I have most of what I want working. I just ran into an issue that changePage would not work until I add the flat $.mobile.allowCrossDomainPages = true ; What is interesting is ajax calls worked just fine. Is this the way JQM has to work or am I missing something? This is my change page code.
-
var url = oLoginmgr.baseurl+"/admin/cor/admin_login";
console.log(url);
//$.mobile.changePage(url);
$("body").pagecontainer('change',url);
flag.- I have been trying to update my JS to get ready for the newer versions as they come out (I hope). The br_smsDetails page is an edit page used to edit a single row in the parent page. What I need is to have the hide event run some code that refreshes the parent page after an edit. I ran into a problem with the pagecontainerhide event that I don't understand. The comments in the code below explain my problem. How do I get the new hide event to work like the pagehide event?Thanks.
-
$(document).on('pagecreate',"#br_smsDetails",function(){
// this event works as exkpected.
$(this).on('pagehide',function(){
console.log('this page hide');
omenu.runCode('textmessage');
});
//this event fires for both the parent page as well as the new page
// I had to add the if condition to only fire on the new page
$(":mobile-pagecontainer").on('pagecontainerhide',function(e, ui){
if (ui.prevPage[0].id == 'br_smsDetails') {
console.log(':mobile page hide');
}
});
// this does not work
$("body").on('pagecontainerhide',"#br_smsDetails",function(){
console.log(':mobile page hide with id');
});
// this does not work
$("#br_smsDetails").on('pagecontainerhide',function(){
console.log('page name hide');
});
})
- 10-Jul-2015 03:15 PM
- Forum: Using jQuery Plugins
I am trying to validate a shopping cart fore submit and at this point only using the required directive. I am submitting the cart using ajax and I am trying to validate before doing the ajax call. When I call the validate() function, only the first and last tag shows an error. After the errors are shown, the rest of the items do show errors if I tab though them. If I fill out the first and last tag, then the form validates with the rest of the data missing. I have tried putting required as a class and or just text inside the tag but it doesn't seem to make a difference. cardholder_name and agreeterms are the tags that work. Here is some code. Thanks.
-
<form id="frm_cccheckou" action="/signup/processCC" method="post" enctype="multipart/form-data">
<input type="hidden" id="clienttoken" value="<?php echo $this->getClientToken() ?>" />
<label for="cardholder_name">Name On Card:</label>
<input type="text" id="cardholder_name" required data-braintree-name="cardholder_name" value="" />
<label for="number">Creadit Card Number:</label>
<input type="text" id="number" required data-braintree-name="number" value="" />
<label>Expireation Month / Year:</label>
<table style="width:150px">
<tr>
<td>
<input type="text" id="expiration_month" class="required" data-braintree-name="expiration_month" maxlength="2" value="" />
</td>
<td style="width:5px">/</td>
<td>
<input type="text" id="expiration_year" class="required" data-braintree-name="expiration_year" maxlength="2" value=""/>
</td>
</tr>
</table>
<div style="display: inline">
<label style="width:100px;">Security Code:</label>
<div style="width:80px;">
<input type="text" id="cvv" class="required" data-braintree-name="cvv" maxlength="4" value=""/>
</div>
</div>
<label for="agreeterms">I agree to the terms and conditions.</label>
<input type="checkbox" class="required" id="agreeterms" class="required" name="agreeterms" value="1" />
<a class="ui-btn">View Terms and Conditions</a>
<input type="button" class="btn_submit_payment" value="Submit Payment" />
</form>
And for the JS.-
var $wrp = $("#frm_cccheckout");
var validate = $wrp.validate();
var isvalid = validate.form();
if(isvalid) {...}
- I was trying to get the change event on a slider to work and it would not file. I googled sliders and found sliderstop on stackoverflow and it works fine. I am using 1.4.5 and in the docs for that version, sliderstop does not exist. I did find sliderstop in 1.2 docs. Has that event been discontinued? If so, is there another event that I should be using?Thanks.
- I am using JQM 1.4.4. I am trying to submit a form using the default ajax call and I need to do two things that I can't figure out. First I need to stop all navigation and second I need to have a callback so I can notify the user if the save was successful or not. I know I can do this using ajaxSubmit ( options ) in the jquery form plugin but I was hoping I can do this with JQM. The last part of the action "savesharefees" is used to call a php save function that returns success of failure. Thanks.
-
<form id="frm_saveaffiliate" action="/admin/affiliate_setup/savesharefees" method="post">
-
- 03-Jan-2015 01:50 PM
- Forum: jQuery Mobile
I have been working on a page that is used on tablets and browsers and I need to have part of the page transition (slide in and out) leaving a menu on the left side. I have everything working except I can't seem to find out if there is a way to add this to hash changes so the back button will work. Is there a manual way to do this?Thanks.- I have a production site that I have been converting from 1.3.2 to 1.4.4 and have just hit a problem with chagnePage() and pagecontainer('change") duplicating a page container in the DOM. I have a list of items that I can edit and when I click on an item's button and this code runs.
- $("body").pagecontainer("change","/maintainPromo/",{'type':'post','reloadPage':true,'data':{'marketcampaignpk':mrkid}});
- $("#br_promoMaint").remove();
before changPage fixed the problem but surly there is something wrong going on here. I also tried changing reloadPage:false and got the same result.Is there something I am doing wrong or is this a bug?Thanks.- 05-Nov-2013 01:28 PM
- Forum: jQuery Mobile
I am trying to get a simple popup to work as a menu on a tablet/browser app. I want the popup to position to the right of the button and the tops even. When I open the popup it is not aligned correctly and when I change the top, left styles in the web inspector, the values are almost divided in half. Not sure what I am doing wrong. Here is my js script.Thanks- $("#popupCounterApps").popup('open',{x:236,y:56});
- 27-Aug-2013 06:33 PM
- Forum: jQuery Mobile
Not sure if I am doing something wrong but I have recently noticed this 404 error. I have this link in the header<script src=" http://code.jquery.com/jquery-migrate-1.2.0.min.js"></script>. Is there something else I need to be doing?Thanks.- 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.
- 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.
© 2013 jQuery Foundation
Sponsored by
and others.
-
-
-