jQuery Forum

jQuery mobile native app and google drive is it possible?
[0Replies]
- 18-Dec-2013 08:51 PM
- Forum: jQuery Mobile
Hi, as title i try to create a native app to ios that include the possibility to update and download file from personal google drive account. Is it possible use google drive api in a native ios app via javascript?
I found solutions thats needs a server.

Thanks for any help !

How i can fore a function after $.mobile.changePage ?
[4Replies]
- 31-May-2013 10:50 AM
- Forum: jQuery Mobile
Hi i have a button in my page with class="editing_team" . When i click on this button i change page via script with $.mobile.changePage and fire a function that populate the page. This is the script:
1. $(document).on('click','.editing_team',function(){
3. var id_team = $(this).attr('data-id');
4. var nome_team = $(this).attr('data-name');
6. $(".counter_formazione").html('0');
8. $.mobile.changePage ($("#editteam")),
9. list_team_edit(id_team,nome_team)
11. });
The script work good except for a issue. Apparently, transition and list_team() fires contemporary so the transition is strange. I would to fire second function ( list_team() ) when the transition is compleate, but i don't know how.

Someone can help me ? Thanks

Little jump to top during transition slide !
[0Replies]
- 28-May-2013 11:04 PM
- Forum: jQuery Mobile
Hi , i use jQM 1.3.1 and i have developed a litlle app with some pages. To navigate between page i use transition slide but i have noted a little problem. When i click the link to change page the actual page move it on top of 1/2px, after the transition it come down again. I see clearly the header title move it on top of 1/2px. It 's a movement that you note only if you observe very carefully.

How i can resolve this problem?

Thanks for help !

How i can use swipeleft and swiperight in JQM 1.3.1?
[1Reply]
- 23-May-2013 02:18 PM
- Forum: jQuery Mobile
Hi, i have some problems with the use of swipe in my app .

I have a div :

<div class='box'>Content</div>

I would create some actions when a user swipe left on the element, so i create this simple script:

$( document ).on( "pageinit", function() {

$( document ).on( "swipeleft", ".box", function( ) {

alert($(this).html());

});
});

This is the onlyone script that work for me but when i swipeleft on the element the alert appeare three times? Why?

Thanks for help !

JQM 1.3.1 long list performace ! there are solutions?
[2Replies]
- 06-May-2013 05:01 PM
- Forum: jQuery Mobile
Hi , i try to use new framework JQM 1.3.1 to create an app that, i hope, I will distribute on the app store.

Unfortunatly i have serius problems with a list of items from my server. Practicaly i would to create in the home page a list of posts from my blog. Oviusly, initialy, i show only 10 title, then, the user can tap on last button and add other posts from the blog.

To try the list i have create a simple script on my server that generate 500 item to show in the app:
1. <?php for($i=0; $i <= 500; $i++){?>
3. <li><a href='detail.html' class="list-link" data-prefetch="true" ><?php echo $i; ?></a></li>
5. <?php }
6. } ?>
This script is called with a jquery ajax classic:
1. $(document).on("mobileinit", function(){
2. $.mobile.defaultPageTransition = "slide";
4. $("[data-role=header]").fixedtoolbar({ tapToggle: false });
5. $("[data-role=footer]").fixedtoolbar({ tapToggle: false });
7. $.mobile.getMaxScrollForTransition = function () { return 65536; }
9. $.ajax({
10. type: "GET",
11. url: "http://www.xxx.it/ajax_jquery.php",
12. data:"home_list",
13. success: function(response){
15. $(".home_list").html(response);
16. myScroll.refresh();
18. }
19. });return false;
22. });
And this the homepage of the app :
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <meta charset="utf-8">
5. <meta name="viewport" content="width=device-width, initial-scale=1">
6. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
7. <link rel="stylesheet" type="text/css" href="css/index.css" />
8. <link href="css/ios/style.css" rel="stylesheet" />
9. <link rel="stylesheet" href="css/style.css" />
11. </head>
12. <body>
13. 
14. <div data-role="page" id="home" >
15. <div data-role="header" id='header' >
16. <h1>Foo</h1>
17. </div>
18. <div data-role="content" >
20. <div id="wrapper">
21. <div id="scroller">
23. <ul data-role="listview" class="home_list">
26. </ul>
28. </div>
29. </div> 
31. </div>
32. <div data-role="footer" id='footer' >
33. <h4>Page Footer</h4>
34. </div>
35. </div>
36. <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
37. <script type="text/javascript" src="js/iscroll.js"></script>
38. <script src="js/custom.js"></script>
39. <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
40. <script type="text/javascript">
41. var myScroll;
42. function loaded() {
43. myScroll = new iScroll('wrapper', { scrollbarClass: 'myScrollbar' });
44. }
45. document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
46. document.addEventListener('DOMContentLoaded', loaded, false);
47. </script>
48. <script type="text/javascript" src="cordova-2.5.0.js"></script>
49. <script type="text/javascript" src="js/index.js"></script>
50. <script type="text/javascript">
51. app.initialize();
52. </script>
53. </body>
54. </html>
The list is show correctly and i have added iscroll to have a good scroll of the page, but if a click on the last item (not only on the last) the transition between pages is very,very,very,very slow . I think that my code is good, why i obtain this problem?

Oviusly in this condition i can't continue with development.

Thanks for help !

$.mobile.changePage after some operation on next page! How?
[10Replies]
- 25-Oct-2012 08:00 PM
- Forum: jQuery Mobile
Hi, i have a little problem (i hope).

In a my script when the user click on a link to page2 i need to do some operation before the transition. How i can?

Follow my script:
1. $(".team-link").live("click",function(){
3. var id_team = $(this).attr("id");
4. var where = "id_team="+$(this).attr("id");
5. $("#page3 .page-add-player").attr("title", id_team);
6. var team = $(this).attr("title");
7. $("#team_page .team_page_header h1").html(team).attr("title",id_team);
9. $("#team_page fieldset").html("");
11. list_players_team(where);
12. //after the previusly operation i want the transition to #team_page
13. $.mobile.changePage('#team_page', { transition: "slide" } )
15. })
How you can see my script is simple, when i click on team-link start some operation and after these start transition. Oviusly this script not work because actualy after the transition i still see the work of list_players() function.

Thanks for any helps !

How to controll resume and pause of my app?
[2Replies]
- 09-Jul-2012 09:35 AM
- Forum: jQuery Mobile
Hi, i have create my app with jquery mobile and it work very fine. Now i have a little problem. My first page (#home) show a list of item from my db on web. When i click on home button (i have an iphone and an ipad) and then i restart my app it show the same before list. How can i refresh my app? The top would that my app refresh it on resume after a predetermined time.

How can i do this? I use phonegap cordoba 1.7.0 and i have see the api but i don't use very well, there is an other way? can you post me some complete example?

Thanks for help.

Submit of a ajax form login with go button of keyboard
[0Replies]
- 01-Jul-2012 09:40 AM
- Forum: jQuery Mobile
Hi guys, i have a problme with a form that login the user in my app. Oviusly the list of users is saved on my database on my webserver.

This is the code:

HTML

[CODE]

<div data-role="page" id='login'>

    

    <div data-role="content" >

        <div class="login_box">


             <form action="#" method="get" class="form_login">

                <label>login</label>

                <div class="error_box"></div>

                     <input type="text" id="user" name="user">

                     <input type="password" id="password" name="password">

                     <input type="submit" id="submit_login" value="Entra">

             </form>



        </div>

    </div>

    

</div>

[/CODE]

Javascript

[CODE]

$(document).ready(function(){

/****************************************Login**************************************/

    $(".form_login").submit(function(){


        var user = $("#user").val();
        var password = $("#password").val();

        if(user == "" || password == ""){ $(".error_box").html("<p> Username o Password mancanti! </p>") }

        else{


                  $.ajax({


                         type: "GET",
                         url: "URL TO PHP FILE ON MY SERVER",
                         data: "login&user="+user+"&password="+password,
                         success:function(response){


                         if(response == "0"){$.mobile.changePage("#home", { transition: "slide"}) }

                        if(response == "1"){ $(".error_box").html("<p> Username o Password errate! </p>") }



                         }



                         });    return false;


             }    return false;


        })

})

[/CODE]

With this codes i obtain the error if i leave the inputs empty but if i insert user and pass nothing happens.

Why? How i can use go button on the ipad keyboard and tod an ajax request without refreshing of the page?

Thank for help!

Overflow of a list is broken!
[1Reply]
- 07-Jun-2012 01:00 PM
- Forum: jQuery Mobile
Hi, in home page of my app i have a list of post's from my blog. This list is close in a <ul> </ul> (oviusly there are <li> for any post). This ul have specific dimensions, so i have add overflow:auto in my css for this element.

Now i have a problem, i tested my app on my iphone as native and i see that the scroll of the list is very strange, not fluid or clean. How? It's a bad thing, the app isn't usable in this situation.

Any idea?

Thanks for any sugestions!

PS: i try to use the deprecate
```
$.mobile.touchOverflowEnabled = true;

but nothing.
```

Problem with transition in native app for iphone
[0Replies]
- 06-Jun-2012 07:19 AM
- Forum: jQuery Mobile
Hi guys. it's my first time with JQM, after much work i created my first web app about my blog. During the creation all work very fine, the iphone simulator show my app with ajax call and transition between the pages very well. Then i create my certificat with apple and i have install my app on my iphone 4 with ios 5.1.1. Here there is the problem.

The app open itself well and show the list of my post between a query ajax to my server . The theory is that if i touch a post, happen a transition slide to a internal anchor/page on click go a script ajax that do a query to myserver and show the single post. Well, it's ok ! So i see 2 problem during this process:

1) the list of my post (in first page) slide to the top then happen the transition. I don't wont this, the sliding should start in that point.

2)For very few moments i see the next page before the transition.

There is same resolution to resolve this problems? Explain that i have toolbar and footer fixed but this happens always.

Thanks for help and sorry for my english

Fixed toolbar how to?
[7Replies]
- 26-Feb-2012 10:10 PM
- Forum: jQuery Mobile
hi, i try to search everywhere but don't know how to fixed my header and my footer.

i have write so:

<div data-role="header" data-position="fixed" >

        <h1>header</h1>

    </div>

the header is fixed on the top of my page but when i scroll the viewport the header disappeare and when i stop the scroll header reappeare.

Why?

same problem with footer. It's a bug? i'm stupid? there is a fix?

Thank you very much!

Jquery mobile, back button to a specific li in a list!
[0Replies]
- 25-Feb-2012 08:28 PM
- Forum: jQuery Mobile
I guys, i try to use for the first time jquery mobile to create an ios app.
After a lot of research i don't fond the answer to my problem.

I have 2 page, A and B. In page A i have a list of li in a ul tag. Every <li> is linked to Page B where, betwen ajax, i do a query to my databse. Thjis point is ok. In page B i activeted a back button. Thi s buttin work but when the page change, from B to A, i see the top of the list while i would to come back in the same point where i was.

There is a method to do this?

Thank a lot.

Response title

Attachments

jQuery Forum

Activity Trend