Hello,

i am using this Ajax content script.
http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/

When click on a tab, it populates a div with some jquery item

<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="rating.js"></script>
<script type="text/javascript" src="jquery.form.js" charset="utf-8"></script>
<script type="text/javascript" src="jquery.validate.js"></script>

<script type="text/javascript">
	jQuery(function() {
		var loader = jQuery('<div id="loader"><img src="loading.gif" alt="loading..." /></div>')
			.css({position: "relative", top: "1em", left: "25em"})
			.appendTo("body")
			.hide();
		jQuery().ajaxStart(function() {
			loader.show();
		}).ajaxStop(function() {
			loader.hide();
		}).ajaxError(function(a, b, e) {
			throw e;
                        return false;
		});	
		var v = jQuery("#form_{vb:raw threadid}").validate({
			submitHandler: function(form) {
				jQuery(form).ajaxSubmit({
					target: "#hiderate"
				});
			}
		});

	jQuery("#reset").click(function() {
		v.resetForm();
	});

});
</script>

But I can't get any of the items to behave as designed. If I right click on the tab and open in a new window, instead of displaying it in same page, then all work fine.

Please what am I missing?

Thanks.

    Write a Reply...