Executing jQuery function on Javascript Ajax Success

JavaScript
1

I have a setup where when the user changes the item on the dropdown, the price is updated by ajax.

I want the price to pulsate with jquery ui after the price is updated.

How can I do this? Here’s my javascript:

<script type="text/javascript">
function getxmlHttpObj()
{
		var xmlHttp;
		try
		{
			// Firefox, Opera 8.0+, Safari
			xmlHttp=new XMLHttpRequest();
		}
		catch (e)
		{
			// Internet Explorer
			try
			{
				xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
			}
			catch (e)
			{
				try
				{
					xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
				}
				catch (e)
				{
					alert("Your browser does not support AJAX!");
					return false;
				}
			}
		}
		return xmlHttp;
}

function getPrice(price,product_id,attr_arr)
{
		opt_id = document.getElementById("optionsid").value;

		xmlHttpObj = getxmlHttpObj();

		xmlHttpObj.onreadystatechange=function()
		{
			if(xmlHttpObj.readyState==4)
			{
				document.getElementById("display_price").innerHTML =  xmlHttpObj.responseText;
			}
		}
		xmlHttpObj.open("GET","ajax_onchange_price.php?price="+price+"&option_id="+opt_id+"&product_id="+product_id+"&product_opt="+attr_arr,true);
		xmlHttpObj.send();

}
</script>

Thanks.

2

bump

3

Where it says:


document.getElementById("display_price").innerHTML =  xmlHttpObj.responseText;

Add this right after:


$('#display_price').effect("pulsate", { times:3 }, 2000);
4

thank you so much!