Fake AJAX = Fajax. Use this for a cool transition effect

First of all this has nothing to do with AJAX. But if you paste the below TAG in your HTML, it will cause IE to use DirectX transformation to render your page. This gives a very cool and pleasing look. Almost looks like the page used AJAX because you don’t see the page being posted back.

<HTML>

<HEAD>

<meta http-equiv=”Page-Exit” content=”progid:DXImageTransform.Microsoft.Fade(duration=.5)” />

The way I understand this works is that IE sends a request for the new page but does not clear the page you have on your screen right now. When IE has the second page ready in the buffer, it just uses DirectX to transform the image of the previous page into the image of the new page.

You can try these other effects too :

content=”progid:DXImageTransform.Microsoft.Wheel(duration=0.5,spokes=5)
content=”progid:DXImageTransform.Microsoft.Barn(duration=0.5,orientation=horizontal)”
content=”progid:DXImageTransform.Microsoft.Blinds(duration=0.5,bands=5)”
content=”progid:DXImageTransform.Microsoft.CheckerBoard(duration=0.5)”
content=”progid:DXImageTransform.Microsoft.Fade(duration=0.5)”
content=”progid:DXImageTransform.Microsoft.GradientWipe(duration=0.5,wipeStyle=0)”
content=”progid:DXImageTransform.Microsoft.Iris(duration=0.5,irisStyle=STAR)”
content=”progid:DXImageTransform.Microsoft.Iris(duration=0.5,irisStyle=CIRCLE)”
content=”progid:DXImageTransform.Microsoft.Pixelate(duration=0.5,maxSquare=40)”
content=”progid:DXImageTransform.Microsoft.Wheel(duration=0.5,spokes=5)”
content=”progid:DXImageTransform.Microsoft.RandomDissolve(duration=0.5)”
content=”progid:DXImageTransform.Microsoft.Spiral(duration=0.5)”
content=”progid:DXImageTransform.Microsoft.Stretch(duration=0.5,stretchStyle=push)”
content=”progid:DXImageTransform.Microsoft.Strips(duration=0.5,motion=rightdown)”

Plus, you can apply these affects at various points in your site or web pages :

meta http-equiv=”Page-Enter
meta http-equiv=”Page-Exit
meta http-equiv=”Site-Enter
meta http-equiv=”Site-Exit

6 thoughts on “Fake AJAX = Fajax. Use this for a cool transition effect

  1. Very Nice…Working Fine…
    Any more effects are available or not..??
    can we try other stuff in http-equiv property, like page-load, etc.

    thanks buddy,

  2. quiesiera saber donde puedo encontar algo mas respecto a FAJAX ya que me interesa saver mas respecto a este tema ya que me toco como una espocicion me podrian ayudar porfas

  3. There is infact an even better alternative to Ajax known as OLI-Output Language Integration Created by a company associated with GreenIt.org.za

    It has all the functionality of Ajax but is simpler to code along with many other benefits that Fajax cannot accomplish!

    The intellectual property is currently for sale exclusively!

    You may view an example of this technique here
    http://www.georeality.co.za/AJAX/ajaxAsyn.php

  4. This does not seem to work in the new IE 9. it works in IE 7/8 But not in IE9

    Has anyone found an equivalent that works in IE 9?

Leave a reply to GreenIt Consultant Cancel reply