Question

Further to my question yesterday (here), I am working on a webpage that has a section that shows ‘live’ order details.

The top half of my webpage has Spry Tabbed Panels. One of the panels contains an include call to a separate php page that I have created (getOpenOrders.php). This contains an SQL query to obtain all open orders and then puts the details into a table.

As a result, the table of open orders is shown in the Spry panel. What steps do I now need to take to have this refresh every 15 seconds?

Answer 1

Do you really want to call the database every 15 seconds for each user? isn’t that an overload?

I’m not saying that your database will be overloaded, but, thats how you shouldn’t do things!

Edited

you should show an image, or the link to that page in order to gt an appropriate answer, because it all depends in what are you doing in the table.

because I don’t know, I will give you an answer on what probably is happening.

Because you said that you’re new to the ajax world, let’s make things simple, and not to complicate on the you should return a JSON object and use it to re populate your table. 🙂

So we will start with 2 buttons (Previous and Next) so the user can move the data that is showing (you probably don’t want to give him/her 100 lines to see right?)

---

let’s say that you have 2 pages, a showData.php and getTable.php, in the showData.php you will need to load jQuery (wonderful for this) and add a little code, but where the table is to be placed, just add a div tag with an id=’myTable’ because we will get the data from the getTable.php file.

getTable.php file has to output only the table html code with all the data in, without no html, body, etc… the idea is to add inside the div called myTable all the code generated by getTable.php

Let’s imagine that getTable.php gets a page variable in the queryString, that will tell what page you should show (to use LIMIT in your MySQL or PostgreSQL database)

---

You can use jQuery plugin called datatables witch is one of my choices, check his example and how small code you need to write! just using jQuery and Datatables plugin.

The first description follows the jQuery.Load() to load the getTable.php and add as a child of the div and wold do this for the previous and next buttons, passing a querystring with the page that the user requested. It’s to simple and you can see the website for that, if you prefer to use the DataTables plugin, then just follow their examples 🙂

if you, after all this need help, drop me a line.