Ajax response, when applied into html code, no css/styling?

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
User avatar
phice
Moderator
Posts: 1416
Joined: Sat Apr 20, 2002 3:14 pm
Location: Dallas, TX
Contact:

Ajax response, when applied into html code, no css/styling?

Post by phice »

When calling an Ajax url and a response is given back in HTML, the code returned (which has several <span class="this"> and <span class="that">) is not applied with proper CSS styling. Is this a normal occurance or am I just not seeing something wrong in my coding?

I'm using Prototype as the framework and my Ajax function call is as follows...

Code: Select all

function call_ajax_agree( id )
		{
			new Ajax.Request(
				"/ajax.php?type=comment-agree&id=" + id,
				{
					method: 'get',
					onSuccess: function( transport )
					{
						var response = transport.responseText || "<font style='color:red;'>error</font>";
						$('comment_vote_' + id).replace(response);
					},
					onFailure: function(){ alert('Something went wrong...') }
				}
			);
		}
The responseText is returned as:

Code: Select all

<span class="comment_rating"><span class="green">+4</span>/<span class="red">-3</span></span> | agreed
.comment_rating, .green, and .red are all specified in the CSS file I'm using and work perfectly with the HTML that is returned from a normal browser.

I'm thinking that it might be Prototype protecting itself from some sort of attack and just parsing out the HTML returned before spitting it out.

Anything look wrong here guys?
Post Reply