Search jQuery

jQuery Forum

Screen name:
tom_thak

tom_thak's Profile

3 Posts

8 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Submiting Ajax form to php - the respone is full page
[14Replies]
- 15-Jan-2013 08:45 AM
- Forum: jQuery Mobile
Hi!

I have problem with my simple form using jquery mobile.
My script works normally on classic website, but it is not working on jquery mobile.
I tried several tutorials, but still the same :( the paramteres of posting form in Firebug are OK,
but the respone back from PHP is not the right and in the respone tab i can see HTML of the whole page.

Sample code HTML:
1. <form id="form" method="post">
  <fieldset>
  <legend>ADD TOPIC</legend>
  <p><label for="name_post">BRANCH</label><br />
  <input id="query_post" style="background: white;" type="text" name="query_post" /></p>
  <p><input id="submit" type="submit" value="Submit" /></p>
  </fieldset>
  </form>
  <div id="message_post"></div>
Sample Javasctip (jquery):
1. <script type="text/javascript">
2. jQuery('#form').submit(function(event){
  event.preventDefault();
  
  var query = jQuery('#query_post').val();
  
  jQuery('#message_post').text('LOADING...');
  
  jQuery.post("ajax.phtml", { query_post: query },
      function(data) {
        jQuery('#message_post').text("Data Loaded: " + data);
       });
  return false;
  });
3. </script>
Sample PHP:
1. echo "my posted query is: ".$_POST['query_post'];
On Normal webpage i can fill in the text input and after that it will write me to the page "my posted quers is:"
and the value..

In jQuery mobile it doesnt work. So I tried to add the action="ajax.phtml" atribute to the form, but nothing.

Thanks for ideas!
P.S. Data-Ajax is true due to page tranistions.

Up to top button - fixed footer problem
[4Replies]
- 17-Dec-2012 05:36 AM
- Forum: jQuery Mobile
Hi!
I am using jquery mobile, when i use the the bottom fixed toolbar it works nice.
But if i use up to button with jquery method scrollTop() it is broken - it is not fixed and it scrolls with the rest of the layout.

Do you have any idea how to solve it?

jQuery Mobile CSS not working on Android
[4Replies]
- 13-Jul-2012 03:45 AM
- Forum: jQuery Mobile
Hello everyone,
i have tried to prepare some "demo" site using jquery mobile.
Everything works perfect on my iPhone with Safari, Google Chrome, Dolphin Browser.
On desktop it also works great 1 : 1 like on iPhone.

If i wanted to test it on my collegue's Samsung Galaxy Ace with Android, there are no CSS styles
in native android browser, also in Dolphin browser.
I have also tested several web emulators like: http://www.howtogomo.com/en/d/test-your-site/#gomo-meter
And the result was the same.. the site has all the elements, but no CSS styles have been applied.

I use this stylesheet: <link rel="stylesheet" href="http://www.soundart.cz/mobile/jquery.mobile-1.1.0.css" />
I had to add some other styles so i copied them in the end of this file.

Here is my demo site: http://soundart.cz/mobile/index.php

Thanks a lot for your help!
Btw. i have tested some sites from your jqmgallery.com and it works fine with CSS on the same android browser. But i cannot find the difference :(

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend