File: demos/helloworld/footer.php

Recommend this page to a friend!
  Classes of Emmanuel Podvin  >  Blapy  >  demos/helloworld/footer.php  >  Download  
File: demos/helloworld/footer.php
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Blapy
jQuery plugin to load linked pages using AJAX
Author: By
Last change: Update of demos/helloworld/footer.php
Date: 5 months ago
Size: 1,846 bytes


Class file image Download
	<div style="font-size:80%">
		<a href="index.php">normal "Hello World" Link</a> 
		- <a href="helloworld_2.php">normal "How is it going" Link</a><br>
		<a href="helloworld_3.php">normal "Load from an optimized code" Link</a> 
		- <a href="helloworld_4.php">normal "Load with a blapy link" Link</a><br>

<script type="text/javascript" src="../../Blapy.js"></script>
<script type="text/javascript" src="../../Blapy_AnimationPlugins.js"></script>
	$( document ).ready(function() {

		//start Blapy

		//catch errors
		$( "#myBlapy" ).on( "Blapy_ErrorOnPageChange", function(event,anError) {
			  alert( anError );
		//this way to apply the event binding will assure we get event when DOM changed
		$(document).on( "Blapy_beforeContentChange","#mainContainer", function(event,previousObject) {
			  //alert( 'Blapy_beforeContentChange' +$(this).html() );
		$( document ).on( "Blapy_doCustomChange","#mainContainer", function(event,aBlapyContainer) {
			  //alert( 'Blapy_doCustomChange'+$(this).html() );
			  $("#mainContainer").animate({opacity:0},{duration:200, complete	: function(){
				  $("#mainContainer").replaceWith(aBlapyContainer);//replace content with the new one
		$(document).on( "Blapy_afterContentChange","#mainContainer", function(event,previousObject) {
			  //alert( 'Blapy_afterContentChange' +$(this).html() );
		$( "#myBlapy" ).on( "Blapy_beforePageLoad", function(event,data) {
			  //alert( 'Blapy_beforePageLoad:' +data.aUrl );

	$("body").append('<h3>HTML code of the page</h3>').append(jQuery('<pre />').text($('html').html()));