Ajax and Ajax Frameworks

I have been a developer for nearly 20 years and a web developer for about 10 years. Over the years, I have considered creating a blog to share the things I have learned (and am learning) about web design and development, but I never seemed to have the time. When I began learning about web development using Ajax and Ajax Frameworks, I decided to take the time to create this blog.

My intention for this blog is to focus primarily on Ajax Frameworks, but since web development requires knowledge of many technologies, I will occasionally write about things such as CSS, Javascript, PHP, MySQL, Flash, etc.

Lately, I have been using JQuery as my primary Ajax tool. Although I have used other Ajax Frameworks in the past (Dojo Toolkit, Yahoo! User Interface Library, Scriptaculous/Prototype), JQuery has thus far been the easiest to learn. In my first few posts I will discuss some of the JQuery Plugins that I have created. Some of these include: a plugin for Google Maps (jquery.imGoogleMaps), Form validation and submission (jquery.imValidateForm), Page Populater (jquery.imPagePopulate), and a plugin to create lists (jquery.imList).

While I am still learning about some of the other Ajax Frameworks, I hope that what I have learned will be helpful to others. Just remember, “When you can pull the pebbles from my hand…”

Using JQuery with CodeIgniter

Monday, July 6th, 2009

Using JQuery with CodeIgniter is simple. In fact, using most Ajax frameworks with CodeIgniter is easy. I created a simple JQuery plugin that displays randomly selected images (imBannerRotater).

First I use CodeIgniter’s ‘base_url’ function to link the necessary Javascript files in a main view of my application:

^?View Code HTML

<script type="text/javascript" src="js/jquery/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery.imBannerRotater-0.5.js"></script>

Next, I define a Javascript variable to be used with by the plugin:

^?View Code HTML

<script type="text/javascript">
//<![CDATA[
base_url = '<?= base_url();?>';
//]]>
</script>

I then use this variable in my JQuery Plugin:

^?View Code JASVASCRIPT

$(document).ready(function(){
     $(".randPic").imBannerRotater({
	data_url: base_url + 'assets/sidebar/sidebar.php',
	base_path: base_url + 'assets/sidebar/'
     });
});

That’s about it. While this is a simple example, using CodeIgniter’s base_url function is the key to using JQuery or any other Ajax Framework.

Categories: Ajax, Codeigniter, JQuery, plugins
You can follow any responses to this entry through the RSS 2.0 feed.
You can leave a response, or trackback from your own site.

4 Responses to “Using JQuery with CodeIgniter”

DominixZ Says:
July 7th, 2009 at 10:41 am

I think base tag is another good solution for this.

http://www.w3schools.com/TAGS/tag_base.asp
DominixZ´s last blog ..[MV]Tell Me Your Wish – Girl’s Generation(SNSD) พร้อมซับไตเติลไทย =-.
MEM Says:
September 1st, 2009 at 7:09 am

Thanks. I have seen some examples with base_url inside CDATA and I was wondering, why is this. You post clear this out.

Thanks
Márcio
admin Says:
September 1st, 2009 at 9:22 am

This link explains the use of CDATA better than I can:
http://javascript.about.com/library/blxhtml.htm
MEM Says:
September 1st, 2009 at 10:01 am

I’ve see it as well. Quite good article. And a good “ensemble” with yours.

Regards,
Márcio

Using JQuery with CodeIgniter

Related posts

4 Responses to “Using JQuery with CodeIgniter”

Home Business Ads

Categories

Archives

Tags

Comments

Blogroll