Jump to content

NetGuru87

Members
  • Posts

    19
  • Joined

  • Last visited

Posts posted by NetGuru87

  1. Hi Scootstah,

     

    Yes i did. I put it in like so:

    function fetchfromMysqlDatabase() {
                      $.ajax({
                        type: "GET",
                        dataType: "html",
                        url: "getrecords.php",
                        cache: false,
                        beforeSend: function() {
                           $('#res3').html('loading please wait...');
                        },
                        success: function(htmldata) {
                           $('#res3').html(htmldata);
                        }
                      });
    $(function(){
    $('#form-name').on('click', function(){
    fetchFromLysqlDatabase();
    $(this).off('click');
    });
    });
                    }
  2. Hi everyone,

     

    First of all, thank you so much for you help already!

     

    But, I am a total noob and I have no idea of what I am doing  :tease-03:

     

    I tried the variable thing - could not get it to work. 

     

    the script:

     

      $(function(){
      $('#form-name').on('click', function(){
      fetchFromLysqlDatabase();
      $(this).off('click');
      });
      });

    Where exactly am I supposed to put it in the function above?

     

    Thanks in advance!

     

  3. Hi everyone,

     

    So I am implementing som Ajax on my site: http://www.xn--billig-bredbnd-wib.nu/

     

    What I am trying to do is to a a small table when page loads, and when someone chooses "Hastighed" it will load the entire tabel in order to sort alle results.

     

    I have used this tutorial to load the full mysql datatabel using Ajax Onclick: http://www.phpgang.com/fetch-data-from-xml-json-mysqli-using-jquery-ajax-php_733.html (under "Fetching Data from MySQL Database using Ajax" )

     

    code:

    function fetchfromMysqlDatabase() {
                      $.ajax({
                        type: "GET",
                        dataType: "html",
                        url: "getrecords.php",
                        cache: false,
                        beforeSend: function() {
                           $('#res3').html('loading please wait...');
                        },
                        success: function(htmldata) {
                           $('#res3').html(htmldata);
                        }
                      });
                    }

    The HTML form:

    <form class="form-inline" style="text-align:center" onClick="fetchfromMysqlDatabase();" >

    The problem is that it loads evertime i click, which is making it impossible to use the filter function.

     

    So my question is: How do i make this code only run once, when I click the form the first time?

    Also - if i want to keep the "loading please wait..." for lets say 2 sec - what do I then need to do...

    ...Never worked with Ajax before so I am in deep waters!

     

     

  4. Welcome to the forum!

     

    QuickOldCar mentiones Bootstrap, which I too would really advise you to take a look at. I have worked with it for some time now and its just amazing. You can even find ready made Bootstrap website layout templates out there to get you started really quick!

  5. I am also pretty sure that its not your code and rather the emulator.  If you paste it into a link and put the link in the post I have a buddy with  a Nexus 4, who can go check it out on his device to se if it actually reders like the emulator.

  6. I loooove Bootstrap. I use it on all my websites. Its easy to use and highly flexible. You can check out Billig-Bredbånd.nu, which is one of my sites that uses Bootstrap, if you want to see some of the possibilities. The great thing about Bootstrap is that it is mobile first - something that Google is preaching to everyone right now :-P

     

    Bootstrap on its own does not use PHP and is not a CMS, but I would recommend that when you have found a CMS you find a theme which is build on the basis of Bootstrap. 

     

    Best Regards,

    Guru :-)

     

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.