Search jQuery

jQuery Forum

Screen name:
firstuser123

firstuser123's Profile

8 Posts

5 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

keyvalue pair in jquery autocomplete
[3Replies]
- 18-May-2013 06:55 AM
- Forum: Getting Started
Hi In my android phonegap app,i have used jquery autocomplete feature.I need to get the keyvalue pair in autocomplete

Here is my example code:
var Person = [{"Prateek":"hello"},{"James":"android"}];
$(".searchbox").autocomplete(Person);

When i type 'j' in the textbox i need to get android instead of james in the autocomplete textbox.But i am getting error and result is not shown in textbox.And i am using autocomplete js which can be used also in asp.net

Please guide me where i am wrong.Thanks In Advance

jquery mobile app closes in android
[0Replies]
- 01-Mar-2013 11:16 PM
- Forum: jQuery Mobile
Hi I have developed the android app using jquery mobile with phonegap.When i continuously started to use the app,suddenly after it reach 60MB my app closed and showing JNI error in the logcat.Please guide me where i am wrong?.Please help me to solve this problem.

Scrolling issue in jquery mobile
[1Reply]
- 10-Nov-2012 05:59 AM
- Forum: jQuery Mobile
Hi,

I have designed the android phonegap app using jquery mobile and using the same in ios.My app is working fine in big devices.But in the small devices my page is not scrolling properly.I have fixed header and footer.In the footer i have menus,one or two buttons and displaying the advertisement.I am facing this problem in both android and iphone.

Please kindly guide me to solve this issue.Thanks in Advance.

how to disable a page in jquery mobile
[4Replies]
- 07-Nov-2012 01:40 AM
- Forum: jQuery Mobile
Hi I am using jquery mobile in my android phonegap application.I am showing the loading popup in the onload using jquery mobile and when loading popup is shown,i can able to type in the textbox in the html page.How to solve this problem
Here is my code:
```
$(document).ready(function () { $.mobile.loading('show', { text: 'Loading', textVisible: true, theme: 'a', html:"" }); });
```

fixed footer issue in jquery mobile
[4Replies]
- 26-Oct-2012 10:22 AM
- Forum: jQuery Mobile
Hi,

I have developed design html page using jquery mobile for my android phonegap app.I am using jquery-1.8.2.js and jquery.mobile-1.2.0.js.I have set the header and footer in data-position="fixed".normally it was working fine.But when the select menu or textbox get focused,footer moves down.How to solve this.Please guide me.Thanks in Advance.

How to check the image size providing image path in jquery?
[0Replies]
- 07-Aug-2012 05:38 AM
- Forum: Using jQuery
Hai am developing phonegap in android. i have a image path location,i need to attach the image when i attach the image i want to check the image size.Its not greater than 1 Mb.Am searching thishttp://jsfiddle.net/jquerybyexample/PKLQn/1/light/,but its input type is file .am using image path location.How to do this?
image path=content://media/external/images/media/503. i need to check the image size

issues in textbox while typing the textbox android Phonegap

[0Replies]

26-Jul-2012 10:22 AM
Forum: Using jQuery

Hai i have a text box and footer .while typing in the text box my footer moves up

so i tried to hide the footer while typing by using onfocus and onblur.while typing the text footer is hide correctly and using onblur i show the footer. But to show the footer is very problem,when i click outside of the textbox then only the footer show..so it is problem

Then i tried another method to hide and show ,By using keybord show and hide but that also not working correctly,,i dont know how to solve this problem?

here my code

<style>
    #footer {
    position:absolute;
    bottom:0; left:0;
    width:100%;

    background-color:#00458D;
    padding:0;
    border-width:3px;
    padding-top:3%;
    padding-bottom:2%;
    padding-right:0px;
    padding-left:0px;
    background-color:#00458D;
}
</style>
<body>
<div>
<input type="text" id="myHeader" style="width:70%" />
</div>
   <div id="footer" align="center" style="background-color:#00458D;padding-top:2%">
   <table width=100% >
    <input type="image" src="../images/Home.PNG" style="border:solid white 1px;width:23;height:6%" onClick="home()"/>
    <input type="image" src="../images/messages-menu.jpg" style="border:solid white 1px;width:23%;height:6%" onClick="inbox()"/>
    <input type="image" src="../images/settings-menu.jpg" style="border:solid white 1px;width:23%;height:6%" onClick="settings()"/>
    <input type="image" src="../images/close-menu.png" style="border:solid white 1px;width:23%;height:6%" onClick="callServiceFunction()"/>
            </table>
        </div>
 </body>
</html>

Am using HTC-EVO

i attached my emulator image

issues in jquery design
[4Replies]
- 28-Jun-2012 09:26 AM
- Forum: jQuery Mobile
I have designed my phonegap android application using html and css. So i want to know how to get the same design size in all the mobiles.Is there any settings available.Please tell me the solution. Thanks in Advance.
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <meta charset="utf-8" />
5. <meta name="viewport" content="width=device-width, initial-scale=1" />
6. <title>
7. </title>
8. <meta charset="utf-8" />
9. <meta name="viewport" content="width=device-width, initial-scale=1" />
10. <title>
11. </title>
12. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
13. <link rel="stylesheet" href="my.css" />
14. <style>
15. /* App custom styles */
16. </style>
17. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
18. </script>
19. <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js">
20. </script>
21. <script src="my.js">
22. </script>
23. </head>
25. <style>
26. #searchwrapper {
27. width:90%;
28. height:48px;
29. background-image:url(../images/input-box.png);
30. background-repeat:no-repeat;
31. background-size: 100% 100%;
32. margin-left:15px;
33. position:relative;
34. }
36. .searchbox {
37. border:0px;
38. background-color:transparent;
39. position:absolute;
40. top:4px;
41. left:9px;
42. width:86%;
43. height:34px;
44. }
46. .searchbox_submit {
47. border-top-right-radius: 5px;
48. border-bottom-right-radius: 5px;
49. border-top-left-radius: 5px;
50. border-bottom-left-radius: 5px;
51. border:0px;
52. background-color:transparent;
53. position:absolute;
54. top:4px;
55. left:90%;
56. width:9%;
57. height:40px;
58. }
63. </style>
64. <body>
65. 
66. <div data-role="page" id="page1" style="background-color:white">
67. <div data-theme="a" data-role="header">
69. <img src="images/header-search-causes.png" alt="image" style="width:100%" />
71. </div>
72. <div data-role="content" style="padding: 16px">
73. <br>
74. <label style="font-size:12pt" align="center">Choose one of the following options to search our directory of causes</label></td>
75. <br/>
77. <div id="searchwrapper" style="width:90%;"align="center">
78. <input type="text" class="searchbox" name="s" value="" placeholder="Search" />
79. <img src="images/search-button.png" alt="image" class="searchbox_submitIC" />
81. </div>
82. <br/>
83. <li style="list-style:none" data-theme="b">
84. <a href="#page1" data-transition="slidefade">Button</a><br/>
85. <a href="#page1" data-transition="slidefade">Button</a><br/>
86. <a href="#page1" data-transition="slidefade">Button</a><br/>
87. <a href="#page1" data-transition="slidefade">Button</a><br/>
89. </li>
90. </div>
91. <div style="margin-top:4%;border-width:3px;padding-top:2%;background-color:#00458D;" align="center" data-theme="#00458D" data-role="footer" data-position="fixed">
93. <table width=100%>
94. <tr><td></td></tr>
95. <tr>
96. <img src="images/Home.PNG" alt="image" style="width:20%;height:6%;" />
97. <img src="images/messages-menu.jpg" alt="image" style="width:20%;height:6%;" />
98. <img src="images/settings-menu.jpg" alt="image" style="width:20%;height:6%;" />
99. <img src="images/close-menu.png" alt="image" style="width:20%;height:6%;" />
101. </tr>
102. </table>
104. </div>
105. </div>
106. <script>
107. //App custom javascript
108. </script>
109. </body>
110. </html>
While typing in the textbox the footer is moving upward.How to solve this issue
kindly Guide me

Thanks in advance
firstuser

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend