File: demos/demo1/test2.html

Recommend this page to a friend!
  Classes of Emmanuel Podvin  >  Blapy  >  demos/demo1/test2.html  >  Download  
File: demos/demo1/test2.html
Role: Example script
Content type: text/plain
Description: Documentation
Class: Blapy
jQuery plugin to load linked pages using AJAX
Author: By
Last change: upgrade demos with jquery 3.4.1
Date: 1 year ago
Size: 1,705 bytes
 

Contents

Class file image Download
<!DOCTYPE html>
<!-- To run the current sample code in your own environment, copy this to an html page. -->
<html>
<head>
  <script type="text/javascript" src="../../extlib/jquery-3.4.1.min.js"></script>
  <script type="text/javascript" src="../../extlib/sammy/lib/sammy.js"></script>
  <script type="text/javascript" src="../../extlib/iFSM/extlib/jquery.dotimeout.js"></script>
  <script type="text/javascript" src="../../extlib/iFSM/extlib/jquery.attrchange.js"></script>
  <script type="text/javascript" src="../../extlib/iFSM/iFSM.js"></script>
  <script type="text/javascript" src="../../Blapy.js"></script>
</head>
<body id="myApplication">

<h1>This is test2.html file</h1>

<div id="header" data-blapy-container="true" data-blapy-container-name="header" data-blapy-container-content="standardHeader2">
	<p>a Standard header 2</p>
	<div id="menuHeader" data-blapy-container="true" data-blapy-container-name="menuHeader" data-blapy-container-content="menuHeader">
		<ul>
			<li><a href="index.html" data-blapy-link="true">menu1</a></li>
			<li><a href="test2.html" data-blapy-link="true">menu2</a></li>
			<li><a href="test3.html" data-blapy-link="true">menu3</a></li>
		</ul>
	</div>
</div>
<div id="mainContainer" data-blapy-container="true" data-blapy-container-name="mainContainer" data-blapy-container-content="helloWorld Test2">
	I'm a nice content of <b>"test2.html"</b> for "mainContainer"
</div>
<div id="footer" data-blapy-container="true" data-blapy-container-name="footer" data-blapy-container-content="standardFooter">
	<p>This is a nice footer for "footer" container</p>
</div>

<script>
	$( document ).ready(function() {
		$('#myApplication').Blapy();
	});
</script>

</body>
</html>