Icontem

File: index.html

Recommend this page to a friend!
  Classes of Alton Crossley  >  Crossley Mancunian  >  index.html  >  Download  
File: index.html
Role: Example script
Content type: text/plain
Description: example index
Class: Crossley Mancunian
Load content into an element via AJAX using jQuery
Author: By
Last change: fixing uri to xLoader in index file
Date: 8 years ago
Size: 3,146 bytes
 

Contents

Class file image Download
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>CM Example</title>
		
		<link type="text/css" href="http://jqueryui.com/themeroller/css/parseTheme.css.php?ffDefault=Lucida+Grande%2C+Lucida+Sans%2C+Arial%2C+sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=30273a&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=25&borderColorHeader=231d2b&fcHeader=ffffff&iconColorHeader=a8a3ae&bgColorContent=3d3644&bgTextureContent=12_gloss_wave.png&bgImgOpacityContent=30&borderColorContent=7e7783&fcContent=ffffff&iconColorContent=ffffff&bgColorDefault=dcd9de&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=100&borderColorDefault=dcd9de&fcDefault=665874&iconColorDefault=8d78a5&bgColorHover=eae6ea&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=100&borderColorHover=d1c5d8&fcHover=734d99&iconColorHover=734d99&bgColorActive=5f5964&bgTextureActive=03_highlight_soft.png&bgImgOpacityActive=45&borderColorActive=7e7783&fcActive=ffffff&iconColorActive=454545&bgColorHighlight=fafafa&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=ffdb1f&fcHighlight=333333&iconColorHighlight=8d78a5&bgColorError=994d53&bgTextureError=01_flat.png&bgImgOpacityError=55&borderColorError=994d53&fcError=ffffff&iconColorError=ebccce&bgColorOverlay=eeeeee&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px" rel="stylesheet" />	
		
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
		<script type="text/javascript" src="http://github.com/malsup/form/raw/master/jquery.form.js?v2"></script>
		<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.js"></script>
		<script type="text/javascript" src="./xLoader.js"></script>
		
		<style>
			body
			{
				background-color: Black;
				color: White;
			}
			#bodycontainer
			{
				width: 700px;
				margin-left: auto;
				margin-right: auto;
				margin-top: 10px;
				margin-bottom: 10px;
				padding: 15px;
				background-color: Silver;
				color: Black;
			}
			#mydiv
			{
				margin-left: auto;
				margin-right: auto;
				padding: 10px;
			}
		</style>
		
	</head>
	<body>
		<div id="bodycontainer" class="ui-corner-all">
			<h2>Content Example</h2>
			<div id="mydiv" class="xdynamic ui-widget-content ui-corner-all">
				This is where the content is loaded using the $().xLoad() function.  Note the need for the xdynamic class for the reload target.
			</div>
		</div>
		<script type="text/javascript">
			$(function(){
				xLoaderUtil.bDebug = true;
				$('#mydiv').xLoad('./example_content.html');
			});
		</script>
	</body>
</html>