AJAX Giving me Fits!!

[ackerley1]

I am trying to create a site using AJAX page/link handlers, but I have coming across a few problems while implementing it.

Take a look here: Welcome to Think Belize

In FF my issues are:
1) the page will not expand with the content. the Content ends up spilling over both the right and bottom of the page.
2) The default content just ends up getting pushed down iand s displayed below the desired content instead of being hidden.

In IE my issues are:
1) The AJAX doesn't work on pages that have proper content (Works when I strip <p> and <h> HTML tags)
2) On longer pages the content background does not extend (fixed on index.php, but not on /list/results.php, and can't figure out why.)

Any insight into why this is happening??

Thanks in advance.

Rob

[DaveSawers]

Doesn't look like your problem is with AJAX. More likely it is with your HTML/CSS.

For AJAX content, the best way to deal with it is to place the HTML returned from the AJAX call into a div somewhere on your page. Give the div an appropriate id ('divid') and then use the following in your Javascript when the AJAX has completed...

var returnhtml=xmlHttp.responseText;
var divobj=document.getElementById('divid');
divobj.set_html(returnhtml);

This should work for all browsers and does not require you to strip HTML tags or do other strange things.

To make the content expand with the page, simply make the enclosing div 100% wide (or some other appropriate value)

[bj]

You have your clearing element in the wrong place, not to mention a bunch of invalid markup.

[seiretto]

Hi Rob,

Its a nightmare when your AJAX does not play as expected.

Try using Firebug - a plugin for Firefox:
Firebug - Web Development Evolved

Just install the plugin and use it (no need to add any code to your pages), just right-click an object and select "Inspect Element" to debug the code.

Its error reporting will save you hours.

Happy coding

Dave.

[imsickofwebpro]

I don't like the word Ajax anymore... everyone should call it Spry Spry Spry. Hence, use Spry.