Synchronous Web Pages
<p>I have a situation where an event have to affect several web pages on an event is triggered.</p>

<p>Its like in GMail. I am developing a project based on online stocking trading system for my college. There are asking for a facility where the administrator or the dealer doesn't need to refresh his end of the application to view the new orders placed by the customers at the other end of the application.</p>

<p>As I said its like GMail, wait for the event to happen, listen to it and update the page.</p>

<p>I am good at JavaScript and jQuery that I can do this within a page: event listeners. But how to do this across several pages.</p>

<p>You can also consider another situation: A waiter, a cashier and a cook in a hotel, all have a PDA with them, any of them doesn't have to refresh their instance of web page to update the orders placed.</p>

<p>How can I achieve this? Is this possible?
I say I am good at javascript but I have my limits and doubts.</p>

<p>I use jQuery and PHP.</p>

<p>Thanks in advance.</p>

<p>PS: I know how to refresh the page or iFrame for every 5 seconds or so.</p>

<p><strong>Edit 1:</strong></p>

<p>As for additional details, I want to something similar to below that is done in java</p>

<pre><code>synchronised(sync)
{
   sync.wait()
}
</code></pre>

<p>The code may not be accurate, this was from my lab experiments. But the concept is similar. Server waits till the client made a move and this is repeated for a lot of time.</p>

<p><strong>Edit 2:</strong></p>

<p>Another best example is a situation we always face in the internet: Complete a survey or something to enable a content to be downloaded.</p>

<p>My trading system needs such a thing. The dealer page always listens for the client page to act with the server. Upon such thing, the dealer page is reacted to that action. In this case placing an order.</p>
