The web and technology blog

Archive for the ‘jquery’ Category

jQuery 1.4 is out !

The latest and greatest version of jQuery , v1.4 is now out. This version comes bundled with many new great features such as per-property easing , new live events ( including submit !) , ability to delay() animations & new focusIn and focusOut events .
Net tuts published an article summarising the new features in jQuery 1.4 .

Download jQuery 1.4 directly from here : http://code.jquery.com/jquery-1.4.js

Download complete jQuery documentation ( jQuery API browser )

I love the official jquery docs website, and always refer to it whenever i am stuck with a method or cant remember an awesome functions name :p .As i have a slow internet connection , i was recently searching for an offline version of the awesome Official jQuery documentation but couldnt find one. I asked John Resig about it and he was kind enough to point me to the right direction and told me about the jQuery API browser which can also be downloaded to your system for free from here :
http://api.jquery.com/update/jquery-api-browser-2.0.air
The jQuery API browser will only work if you have Adobe AIR installed on your system. It makes a great source for offline reference when you are developing and dont have an internet connection.
http://api.jquery.com/update/jquery-api-browser-2.0.air

jQuery : How to highlight alternate rows of a table

While displaying large chunks of data in a table with lots of rows, it is really desireable to have a different background color for alternating rows. While there is no easy way you can do that using css alone, it is highly impractical to manually add a alt class to each alternate tr (table row). But thanks to the powerful selector engine of jQuery, you can very easily select an alternate tr . Here is how :

$("#mytable tr:odd").addClass("alt");

The above code selects every odd table row of the table with id mytable and adds a class alt to each of theme. Next you can style the alt class rows (tr) using css to make them stand out and add a nice zebra strip effect to your table.

My new webdesign portfolio (v2)

My New online webdesign portfolio
Check out my new web design portfolio at : www.dynamicguru.com/mujtaba/ . This time i ‘ve chosen light colors, mainly #eee for background and #09f for various visual elements . It is a single page site and is again powered by jQuery . I’ve tried to keep things as simple and to the point as possible, no more lengthy “about me” or boring portfolio page. The site was designed and developed in just 2 days.
Here is a look at whats behind it :

  • A jQuery UI powered “content slider” for showcasing my works
  • Table-less css based grid layout
  • Ajaxified contact form
  • css3 rounded corners (for browsers that support it)
  • Valid XHTML 1.0 Strict

40 Ahadeeth of Prophet Muhammed

40 Ahadeeth
40 Ahadeeth is an ajax based web application ( built by me ) that displays a random hadeeth of prophet Muhammed (s.a.w.) ( in english ) from a collection of 40 Ahadeeth hand picked from Sahih Al Bukhari . There is a button to display the next hadeeth that loads another hadith randomly using Ajax . The application was built using jQuery’s ajax functions .

UPDATE
Internet Explorer was caching the content produced by the backend php script and hence the site didnt work for i.e. users, tweaked php to send additional headers to disable caching and forced re validation of page.