elearninglive.com » dynamic http://elearninglive.com/wordpress Quality web solutions. Wed, 28 Jul 2010 18:38:03 +0000 en hourly 1 Dynamic Loading of External HTML file Using Jquery http://elearninglive.com/wordpress/2008/09/dynamic-loading-of-external-html-file-using-jquery/ http://elearninglive.com/wordpress/2008/09/dynamic-loading-of-external-html-file-using-jquery/#comments Thu, 04 Sep 2008 01:29:09 +0000 Mark http://elearninglive.com/wordpress/?p=120 I’ve been playing around with the Jquery framework lately. I’m not a big JavaScript guy as my primary focus for the past few years now has been ActionScript/Flash/Flex. But I have to admit, Jquery (and I’m sure some of the other more robust JavaScript frameworks) is really nice.

Anyways, here’s how to load in an external html file into a div:

<script type=”text/javascript” src=”jquery-1.2.6.js”>
</script>
<script type=”text/javascript”>
$(document).ready(function(){
$(function () {
$(”#content”).load(”content.html”);
});
});
</script>

Here is the content.html file:

<html>
<head>
</head>
<body>
<h1>Here is my text file!</h1>
<p>Here is the second line of it!</p>
<p><strong>And the third!</strong></p>
</body>
</html>

View the result here.

Simple content management? Or is that an SEO no-no? I’m used to loading, parsing, and displaying XML via Flash. I’ll have to look into whether Jquery can do that too.

]]> http://elearninglive.com/wordpress/2008/09/dynamic-loading-of-external-html-file-using-jquery/feed/ 10