Search jQuery

jQuery Forum

Screen name:
menges.lukas

menges.lukas's Profile

2 Posts

2 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

jQuery Mobile and Google Maps just blank map
[2Replies]
- 18-Sep-2013 07:55 AM
- Forum: jQuery Mobile
Hello,
i want to add a map to my app with phonegap and jqm. I load the map asynchronous and got as callback the initialize function. But the map shows only grey, with the "satellite" controls and the google logo. Anyone can help?

this is my code:
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="css/jquery.mobile-1.3.1.min.css" >
7. <link rel="stylesheet" href="css/styles.css" >
8. <script src="js/jquery-1.8.3.min.js"></script>
9. <script src="js/jquery.mobile-1.3.1.min.js"></script>
10. <script type="application/javascript" src="js/fastclick.js"></script>
11. <script src="cordova.js"></script>
13. </head>
15. <body>
16. 
17. <div data-role="page" id="tellthedj">
19. 
20. <script type="text/javascript">
21. function initialize() {
22. var mapOptions = {
23. center: new google.maps.LatLng(48.89364, 2.33739),
24. zoom: 8,
25. mapTypeId: google.maps.MapTypeId.ROADMAP
26. };
27. var map = new google.maps.Map(document.getElementById("map_canvas"),
28. mapOptions);
29. }
30. </script>
32. <script type="text/javascript"
33. src="http://maps.googleapis.com/maps/api/js?key=AIzaSyD020PHLa16-7aHO1Wo_sWXcDN_iYoWOBU&sensor=false&callback=initialize">
34. </script>
35. <script src="js/functions.js"></script>
41. 
43. <script>
44. $(document).off('pageshow', '#tellthedj').on('pageshow', '#tellthedj', function () {
46. });
47. </script>
48. 
51. 
52. <div data-role="content">
53. <div id="map_canvas" style="height:100px; width:100px;"></div>
54. </div>
55. 
58. </div>
59. 
60. </body>
61. </html>

JQM Theme after AJAX call from database
[2Replies]
- 19-Jun-2013 04:46 AM
- Forum: jQuery Mobile
Hello, i got a page where i can enter a city. This city is passed the the next html file, and a ajax request getting results via a php skript from my server. This works well, but only without jqm theme. If i refresh the second result page in my browser, the theme applies. Can you help me to fix that? The Theme needs to be applied without browser refreshing. Here is my code:

THE RESULT HTML FILE:
2. <body>
4. <div data-role="page" id="event">
6. <script>
7. $(document).delegate('#event', 'pageshow', function () {
8. showEvents();
11. });
12. </script>
14. 
15. <div data-role="header" data-position="fixed">
16. <h1>tell the dj</h1>
17. </div>
18. 
20. 
21. <div data-role="content">
22. <a href="index.html" data-role="button" data-transition="slide">zurück</a>
24. <div id="events">
27. <p id="load">events in deiner nähe werden geladen</p>
28. <img src="../img/loader.gif">
29. </div>
30. </div>
31. 
33. </div>
34. 
36. </body>
THE showEvents() FUNCTION
3. function showEvents(){
4. var eingabe = window.location.search;
5. var stadt = eingabe.substring(7, 20);
7. if (stadt=="")
8. {
9. document.getElementById("events").innerHTML="";
10. return;
11. }
13. xmlhttp=new XMLHttpRequest();
15. xmlhttp.onreadystatechange=function()
16. {
18. if (xmlhttp.readyState==4 && xmlhttp.status==200)
19. {
20. document.getElementById("events").innerHTML=xmlhttp.responseText;
21. }
23. }
25. xmlhttp.open("GET","http://dev.tellthedj.de/db/getevents.php?q="+stadt,true);
26. xmlhttp.send();
29. }
My php script works fine.

Thank you in advance!

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend