I tried a couple of methods (load & ajax) to automatically load a div when the page displays. The embedded code fails, but no error/info is returned. Anyone using something similar that works? I found a post that said to conver $ to jQuery. I tried but it still fails.
Sample Code:
// start of embedded code block
<div id="div1"></div>
<div id="div2"></div>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
// method #1 using load
<script>
jQuery('#div1').load('http://idx.trianglemls.com/index.php?OfficeList=72899&action=select&query_id=7&unique_frame_link=062...', function( response, status, xhr ) {
if ( status == "error" ) {
var msg = "Sorry but there was an error: ";
jQuery( "#div1" ).html( msg + xhr.status + " " + xhr.statusText );
}
});
</script>
<script>
jQuery( document ).ready(function(){
jQuery.ajax({
url: 'http://www.mls.com',
type: 'get',
success: function(data){
jQuery('#div2').html(data);
},
error: function (xhr, ajaxOptions, thrownError) {
var errorMsg = 'Ajax request failed: ' + xhr.responseText + ' err: ' + thrownError;
jQuery('#div2').html(errorMsg);
}
});
});
</script>
// end of embedded code block
