Posts

Showing posts from December, 2011

jquery cycle example

When I came across this plugin and simple example first thing came to my minde that how to add “previous and Next” Button in slide show, so lets do it. I am using same HTML Code & CSS style used in“JQuery Cycle Plugin – Basic Example 2″. Please refer that so that you can understand. <div id="slide1" class="pics">       <img src="images/beach1.jpg" height="200" width="200">       <img src="images/beach2.jpg" height="200" width="200">       <img src="images/beach3.jpg" height="200" width="200">   </div>   <div class="nav"><a href="#" id="prev">Prev</a> <a href="#" id="next">Next</a></div>   CSS Style for previous and Next buttona long with configuration. Example 1: jQuery cycle plugin previous and Next links

jquery Accordion menus examples

Image
jQuery UI accordion: The jQuery UI accordion widget is a great way to group logical sections of your page together and it can used very effectively for navigation. jquery-ui-accordion Demo   Download Simple Accordion with CSS and jQuery Detailed tutorial how to create great looking accordion menu. It is really simple way to build a sliding accordion jquery-simple-accordion Demo   Download Accordionza – jQuery Plugin Accordionza is a very flexible and lightweight jQuery accordion plugin. Features:  Easily configure all effects and speed, pause on hover, autoplay and autorestart,  collapseable captions and more. Demo Horizontal Accordion Menu This versatile 1kb horizontal accordion script can be used for menus, images, presentation content and more. The script will automatically adjust to the number of elements in the accordion and the dimensions of the accordion. horizontal-javascript-accordion-menus Demo TinyAccordion JavaScr

Happy New year

Image

10 best jQuery Table Manipulation Plugins

This article we are sharing some useful jQuery table plugins for you to display, sort, filter and manipulate your data in table. These plugins help you to create superb tables which are easy to impliment. 1. DataTables DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table. Features: ajax auto-loading of data, pagination, sorting columns, highlight sorted columns, extensive plug-in support, themeable by CSS. 2. Flexigrid Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content. 3. 2. TinySort A plugin to sort child nodes by (sub) contents or attributes. It is very useful for ordering unordered lists or tables, but works on any type of node. 4. jTPS jTPS is a datatable jQuery plugin

Reindex data in magento

There are different ways we can re-index data in magent. Example 1: reindex data via magento admin panel. Easiest way is to login magento admin panel, got o “Systems > Index Management” and select all indexs, action to “Reindex Data” and click on submit button. Example 2: how to reindex data programmatically in magento?. Magento has different 9 different indexes. If you want to refresh all of them then following code will help you. for  ( $i  = 0;  $i  < = 8;  $i ++) {        $process  = Mage::getModel( 'index/process' )->load( $i );        $process ->reindexAll();   }   Example 3: Out of the box data reindexing in magento?. Create a file reindex.php and execute this file on linux command prompt. If you reindex data manually using following script it will resolve the problem like reindex is incomplete or still showing indexing from long time, etc. PS: Change path for ‘Mage.php’ & “indexer.php” file path in following code according to en