The problem: coda-slider does not provide for assigning a class to the inside of the current panel.  It lets you assign the current class to the dynamic tabs, if they are enabled, but some projects require applying the current class to the elements that are being displayed and rotated.

The solution: add a function to the source code of the plugin:

return this.each(function(){

// Uncomment the line below to test your preloader
// alert(“Testing preloader”);

var slider = $(this);

// to add current class to current panel
slider.setCurrentPanel = function() {
$(‘.panel’, slider).removeClass(‘current’);
$(‘.panel:eq(‘ + (currentPanel-1) + ‘)’, slider).addClass(‘current’);
}

Next, add the function call to the places where currentPanel is set: lines 83, 99, 119 and 226)

slider.setCurrentPanel();

You can change the file yourself or just download the result.

Posted by admin | No Comments »

Here’s another handy jQuery plugin, it let’s you style your web site after Windows Aero® by creating windows that look like Windows 7 Aero and offer standard window functionality.

Basic functionality and features:

• minimize, maximize and close buttons
• special feature: shiny objects animation during window move
• double-clicking the window bar maximizes the window
• infinitely extensible windows
• visual window highlighting
• animated window size change
• moving windows with mouse
• Z-order management (managing the windows stacking order)

and so on…

Continue Reading

Posted by admin | No Comments »

CSS3 is cool and all web developers would love to use it’s tasty features.  The announced support for CSS3 by such browsers as Opera, Firefox, Safari, Chrome and even IE 9 heats up the interest for this protocol quite a bit, but there’s still an issue of IE 6, 7 and 8.  The fact that IE 9 is not intended to run on XP will probably keep the number of IE 6-8 users high for quite a while.  This is where our discussion of CSS3 could end.  And yet there are efforts to make IE6-8 CSS3 compliant.  Let’s take a look at some of them, many are rather odd.

Continue Reading

Posted by admin | No Comments »

Here’s some experience with jqGrid – a jQuery plugin. It’s well-known, but there is still little information on using it. Let’s fix that!

jqGrid is a powerful plugin for creating different kinds of tables in web applications. Not only does it let one create two-dimensional tables, but also provides for nested tables (something like MS Excel’s ® “pivot tables”) and trees. So let’s look at these two methods.

Basic features

It is recommended to take a look at the project’s web site, wiki and documentation, and the pretty demo.

The plugin has a wealth of parameters for a nearly full customization of any grid. Here are the basics, the parameters that will be used in the example.

Continue Reading

Posted by admin | No Comments »