Wednesday, February 16, 2011

Loading Javascript Files with Jquery


In this post I want to explain loading javascript files with jquery. Here demo regional language textbox contains many javascript files, so just loading files with jquery when the file required. It's useful to faster your page loading time. Live Demo

Loading Javascript files with jquery

 Live Demo

Download India Regional Language Textbox Script Only for Email Subscribers.
Note: If you already email subscriber just mail to srinivas[at]inbox.com


Sample Script
<script type="text/javascript" src="http://ajax.googleapis.com/
ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function()
{
$(".language").change(function(){
var id = $(this).attr("value");

if(id == 'hindi')
{
$.ajax({
type: "GET",
url: "hindi.js",
dataType: "script"
});
}

else
{
$.ajax({
type: "GET",
url: "telugu.js",
dataType: "script"
});
}

return false;
});
});
</script>
<select class="language"
<option value="hindi" >Hindi</option> 
<option value="telugu">Telugu</option> 
</select>

The original unicode script developed by Gopi higopi.com. I had modified the script with jquery to control the language scripts.

No comments:

Post a Comment