Jason Rowe » JQuery

jquery taskwidget module

Jason — Sun, 07 Sep 2008 22:40:00 +0000

I started building a simple taskwidget to try out jquery. It’s not much but a simple AJAX application using PHP and mysql on the backend. Here a some of the cool things I learned along the way.

A common gotcha with JavaScript is access to “this” inside callbacks and functions. For example, $.get has a callback but inside the callback “this” is out of scope. So if you need to use a function in the object that contains the $.get define a local variable and set the value equal to “this”. Here is a quick example of this scenario. Once you are done with the callback the local instance variable of “this” will get cleaned up by garbage collection.


var foo = this;

$.get("test.php", function(data){

//this is out of scope in this callback
alert("Data Loaded: " + data);

//but foo is now = this

foo.sendDataSomeWhereElse(data)

});

On the PHP backend I found a nice mysql wrapper class . It makes it simple to organize MySQL connection and queries. You can do things like this to connect to your database using a simple config file.


$db = new Database($config['server'], $config['user'], $config['pass'], $config['database'], $config['tablePrefix']);

Then a function would look like this:


$db->connect();

$sql = "insert into tmastertask (masterTaskDescription) VALUES ('" . $values[0] . "');";

$db->query($sql);

$jsonInsertArray[] = "success";
$jsonResultArray["InsertResult"]=$jsonInsertArray;
echo json_encode($jsonResultArray);

$db->close();

Feed enhanced by Better Feed from Ozh

my latest yui php mysql project

Jason — Wed, 03 Oct 2007 19:07:00 +0000

I setup a quick demo page showing how to use a combination of many things I have wrote about on my blog. Take a look if you want to see how easily you can do some cool things with YUI (update – and jquery).
http://jasonrowe.com/search

update 5/08/09 - I change some of the javascript from yui to jquery. I converted the old YUI carousel to Jcarousel.(http://sorgalla.com/projects/jcarousel/)

Feed enhanced by Better Feed from Ozh

Carousel Control CD Collection

Jason — Wed, 18 Jul 2007 05:29:00 +0000

I wanted to find an easy way to display a CD collection using javascript instead of flash. While looking around I found a YUI extension called carousel. Here is my small static example of a CD collection.

Bill Scott actually doesn’t support this anymore and the YUI team has taken this on. The new version is very clean and I did try it out. I converted my carousel to the new YUI version but later decided to go with a JQuery extention called jCarousel. They both worked but I think I am going to move in the Jquery direction for awhile.
http://jasonrowe.com/search

References:
http://billwscott.com/carousel/

http://sorgalla.com/projects/jcarousel/

http://developer.yahoo.com/yui/carousel/

Feed enhanced by Better Feed from Ozh