Software Information

PHP On-The-Fly!


Introduction

PHP can be used for a lot of different things, and is one of the most powerful scripting languages available on the web. Not to mention it's extremely cheap and widely used. However, one thing that PHP is lacking, and in fact most scripting languages are, is a way to update pages in real-time, without having to reload a page or submit a form.

The internet wasn't made for this. The web browser closes the connection with the web server as soon as it has received all the data. This means that after this no more data can be exchanged. What if you want to do an update though? If you're building a PHP application (e.g. a high-quality content management system), then it'd be ideal if it worked almost like a native Windows/Linux application.

But that requires real-time updates. Something that isn't possible, or so you would think. A good example of an application that works in (almost) real-time is Google's GMail (http://gmail.google.com). Everything is JavaScript powered, and it's very powerful and dynamic. In fact, this is one of the biggest selling-points of GMail. What if you could have this in your own PHP websites as well? Guess what, I'm going to show you in this article.

How does it work?

If you want to execute a PHP script, you need to reload a page, submit a form, or something similar. Basically, a new connection to the server needs to be opened, and this means that the browser goes to a new page, losing the previous page. For a long while now, web developers have been using tricks to get around this, like using a 1x1 iframe, where a new PHP page is loaded, but this is far from ideal.

Now, there is a new way of executing a PHP script without having to reload the page. The basis behind this new way is a JavaScript component called the XML HTTP Request Object. See http://jibbering.com/2002/4/httprequest.html for more information about the component. It is supported in all major browsers (Internet Explorer 5.5+, Safari, Mozilla/Firefox and Opera 7.6+).

With this object and some custom JavaScript functions, you can create some rather impressive PHP applications. Let's look at a first example, which dynamically updates the date/time.

Example 1

First, copy the code below and save it in a file called 'script.js':

var xmlhttp=false;

/*@cc_on @*/

/*@if (@_jscript_version >= 5)

// JScript gives us Conditional compilation, we can cope with old IE versions.

// and security blocked creation of the objects.

try {

xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");

} catch (e) {

try {

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

} catch (E) {

xmlhttp = false;

}

}

@end @*/

if (!xmlhttp && typeof XMLHttpRequest!='undefined') {

xmlhttp = new XMLHttpRequest();

}

function loadFragmentInToElement(fragment_url, element_id) {

var element = document.getElementById(element_id);

element.innerHTML = 'Loading ...';

xmlhttp.open("GET", fragment_url);

xmlhttp.onreadystatechange = function() {

if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {

element.innerHTML = xmlhttp.responseText;

}

}

xmlhttp.send(null);

}

Then copy the code below, and paste it in a file called 'server1.php':

And finally, copy the code below, and paste it in a file called 'client1.php'. Please note though that you need to edit the line that says 'http://www.yourdomain.com/server1.php' to the correct location of server1.php on your server.

Example 1

function updatedate() {

loadFragmentInToElement('http://www.yourdomain.com/server1.php', 'currentdate');

}

The current date is .

Now go to http://www.yourdomain.com/client1.php and click on the button that says 'Update date'. The date will update, without the page having to be reloaded. This is done with the XML HTTP Request object. This example can also be viewed online at http://www.phpit.net/demo/php%20on%20the%20fly/client1.php.

Example 2

Let's try a more advanced example. In the following example, the visitor can enter two numbers, and they are added up by PHP (and not by JavaScript). This shows the true power of PHP and the XML HTTP Request Object.

This example uses the same script.js as in the first example, so you don't need to create this again. First, copy the code below and paste it in a file called 'server2.php':

And then, copy the code below, and paste it in a file called 'client2.php'. Please note though that you need to edit the line that says 'http://www.yourdomain.com/server2.php' to the correct location of server2.php on your server.

Example 2

function calc() {

num1 = document.getElementById ('num1').value;

num2 = document.getElementById ('num2').value;

var element = document.getElementById('answer');

xmlhttp.open("GET", 'http://www.yourdomain.com/server2.php?num1=' + num1 + '&num2=' + num2);

xmlhttp.onreadystatechange = function() {

if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {

element.value = xmlhttp.responseText;

}

}

xmlhttp.send(null);

}

Use the below form to add up two numbers. The answer is calculated by a PHP script, and not with JavaScript. What's the advantage to this? You can execute server-side scripts (PHP) without having to refresh the page.

+ =

When you run this example, you can add up two numbers, using PHP and no reloading at all! If you can't get this example to work, then have a look on http://www.phpit.net/demo/php%20on%20the%20fly/client3.php to see the example online.

Any Disadvantages...?

There are only two real disadvantages to this system. First of all, anyone who has JavaScript turned off, or their browser doesn't support the XML HTTP Request Object will not be able to run it. This means you will have to make sure that there is a non-JavaScript version, or make sure all your visitors have JavaScript enabled (e.g. an Intranet application, where you can require JS).

Another disadvantage is the fact that it breaks bookmarks. People won't be able to bookmark your pages, if there is any dynamic content in there. But if you're creating a PHP application (and not a PHP website), then bookmarks are probably not very useful anyway.

Conclusion

As I've shown you, using two very simple examples, it is entirely possible to execute PHP scripts, without having to refresh the page. I suggest you read more about the XML HTTP Request Object (http://jibbering.com/2002/4/httprequest.html) and its capabilities.

The things you can do are limitless. For example, you could create an extremely neat paging system, that doesn't require reloading at all. Or you could create a GUI for your PHP application, which behaves exactly like Windows XP. Just think about it!

Be aware though that JavaScript must be enabled for this to work. Without JavaScript this will be completely useless. So make sure your visitors support JavaScript, or create a non-JavaScript version as well.

About The Author

Dennis Pallett is a young tech writer, with much experience in ASP, PHP and other web technologies. He enjoys writing, and has written several articles and tutorials. To find more of his work, look at his websites at http://www.phpit.net http://www.aspit.net and http://www.ezfaqs.com

dennispallett@gmail.com


MORE RESOURCES:

USA TODAY

Oracle Broadens Reach in Web-Based Software
Wall Street Journal
By BEN WORTHEN Oracle Corp. agreed to acquire online-software maker Taleo Corp. for $1.9 billion, its second such acquisition in recent months and the latest sign that the software industry's old guard is embracing a newer model.
Oracle Will Purchase Taleo for $46 a Share in Deal Valued at $1.9 BillionBloomberg
Oracle Embraces the Cloud With $1.9 Billion Taleo DealNew York Times
Oracle paying $1.9 billion for Taleo's HR softwareSan Francisco Chronicle
Forbes -San Jose Mercury News
all 450 news articles »


Tableau Software Positioned as "Challenger" in Leading Analyst Firm Magic ...
San Francisco Chronicle (press release)
Tableau® Software, the global leader in rapid-fire business intelligence software, today announced that Gartner, Inc. has positioned Tableau as a "Challenger" in its 2012 Magic Quadrant for Business Intelligence Platforms* report.
Information Builders Ranked as a Leader in Analyst Firm's Magic Quadrant for ...MarketWatch (press release)

all 68 news articles »


Software maker Nuance shares plunge on 1Q miss
CBS News
Software maker Nuance Communications Inc. reported late Thursday that its first-quarter net income rose as revenue climbed for its health care, mobile and imaging applications, but its adjusted earnings and revenue fell short of analysts' expectations ...
Nuance Blunt In Earnings MissInvestor's Business Daily

all 31 news articles »


GrayHair Software releases a dynamic reporting engine to complement its cloud ...
MarketWatch (press release)
MOUNT LAUREL, NJ, Feb 09, 2012 (BUSINESS WIRE) -- GrayHair Software, Inc., a leader in solutions for business mailers, announces the release of a ground-breaking reporting engine that expands the versatility and depth of the services offered in its ...

and more »


Home Media Magazine

Video-Game Retail Sales in US Slid 34% in January, NPD Reports
BusinessWeek
9 (Bloomberg) -- US retail sales of video-game hardware, software and accessories tumbled 34 percent in January to $750.6 million from a year earlier, researcher NPD Group Inc. said today in an e-mailed statement. Sales a year ago were $1.14 billion, ...
Videogame Sales Plunge 34 Percent in JanuaryPC Magazine
US video game sales fall 34 percent in January due to lack of new titlesWashington Post
January NPD: Sales down without big launches, Skylanders a hit for accessoriesJoystiq

all 109 news articles »


Software Developers Get SaaS-y with Expanded Software-as-a-Service Platform
EON: Enhanced Online News (press release)
The software distribution platform allows software publishers to put their applications immediately in the cloud as a Software-as-a-Service (SaaS) offering with no development or rewrite effort. “Porting and conversion costs have been eliminated, ...

and more »


ND software <3794.OS>-2011/12 parent forecast
Reuters
Feb 10 (Reuters) - ND SOFTWARE CO LTD PARENT-ONLY EARNINGS ESTIMATES (in billions of yen unless specified) Full year to Full year to March 31,2012 March 31,2012 LATEST PREVIOUS FORECAST FORECAST Sales 5.68 5.17 Recurring 1.87 1.42 Net 997 mln 847 mln ...

and more »


Callidus Software Increases Sales but Misses Estimates on Earnings
DailyFinance
By Seth Jayson, The Motley Fool Posted 11:19AM 02/09/12 Investing Callidus Software (NAS: CALD) reported earnings on Feb. 8. Here are the numbers you need to know. For the quarter ended Dec. 31 (Q4), Callidus Software beat slightly on revenues and ...
Callidus Software to Participate in Upcoming Investor ConferencesMarketWatch (press release)
Callidus Software Slips To Wider Q4 LossNASDAQ
Callidus Software Announces Fourth Quarter and Full Year 2011 ResultsMarketwire (press release)

all 27 news articles »


Raytheon Releases Software Upgrade for Airborne Communication System
MarketWatch (press release)
The enhancement is provided by an upgrade to Integrated Waveform (IW) software, following successful field tests hosted by the Defense Information Systems Agency (DISA). Prior to the software upgrade, this form of radio communications had limited ...

and more »


Quest Software Earnings Preview
DailyFinance
By Motley Fool Staff Posted 1:34PM 02/09/12 Investing Quest Software (NAS: QSFT) hasn't been able to establish an earnings trend, bouncing between beating and falling short of estimates during the past fiscal year. The company will unveil its latest ...

and more »

Google News

Home | Site Map

Powered By: Free Work At Home Business Opportunity!

© 2006