BLOGS@DiGiTSS

DiGiTSS Team's Programming experience with PHP, MySQL, Ajax, Javascript, jQuery, C# and Microsoft technologies

Posts Tagged Plugin

jQuery Magnet Multi-Select List – DG Magnet Combo

Jan 25

Posted by Dharmavirsinh Jhala in jQuery | 1 Comment

jQuery dg-magnet-combo (no CTL+Click Select/List with just one line)

jQuery dg-magnet-combo (no CTL+Click Select)

Basically I wanted to write this plugin since long long time but could not get a while to hold and push my thoughts as a code to form this plugin. As the name suggests (which seems kind of difficult to understand the real purpose of this plugin) it does not deselect existing option when one selects another option in multi-selection list/combo-box.  How does this sound? Yes, w/o having your control key pressed. Basically I have been found of changing the default behavior of the html controls and with this new jQuery Magnet Multi-select List plugin, I will continue this trend. If you have already understood the meaning and purpose of this plugin you can move to plugin-usage without reading more boarding story about the plugin.

One would say that it's very easy you just have to hold the CTL key while selecting another option in combo-box but it's going to be very irritating when you have hundreds of options in your list and you have to select multiple out of them one of them is on top and the other one at the end of list, which makes it keeping that CTL key difficult and if one misses out CTL hold for a while and clicks he's gone. He has to start from all over again. To get rid of this problem many web-developers implement their lists/combo-box in ways where one has to click > select and move options from left-to-right and those on the right-side are the ones which are being selected by users. But this plugin will make your life as a developer and users life much easier by not dropping down the selected option each time they select another. Basically this will help many users who are less-friendly with computers and web in general and this plugin development with jQuery came in mind just out of need for such a plugin who can do so and as per my knowledge so far we don't have such plugin available for any javascript library.

Learning from the past experiences, this plugin will support accessibility from the beginning. Yes, there is a keyboard support too.

To use DG Magnet Combo plugin just add following code in your javascript:

$(document).ready(function(){
	$("#my_list").dgMagnetCombo();
});

See live demo here or goto github repository to download or fork.

Update: Plugin updated to 1.1 with following changes: Read the rest of this entry »

Tags: , , ,

WordPress Auto-Login for Friend/Ally Websites

Feb 2

Posted by Dharmavirsinh Jhala in Wordpress | 16 Comments

Wordpress Auto-Login

Wordpress Auto Login Plugin

I had come up with requirement where I need to provide a auto-login to WordPress blog with Guest user credentials. To accomplish that requirement first I had looked up at available plugins which can let me do that without writing a line of code. Finally I got something similar I wanted and I have modified that and written a plugin to match up that requirement. I owe lot to WordPress; and to add up my little contribution to WordPress community I have generalized that plugin and published it here on my blogs and WordPress Plugins directory.

To be fair this plugin is simple and do not have any interface from where you can configure it. Simply open up the auto-login.php file and edit following configuration array; that's it you are done.

How to configure WordPress Auto-Login ?

It's simple just look at code snippet and you will find out yourself..! Read the rest of this entry »

Tags: ,

Radio-buttons with Checkbox behavior – a jQuery Plugin 1.2.5

Dec 13

Posted by Dharmavirsinh Jhala in jQuery, Tools / Plugins / Extenstion | 1 Comment

This is almost final release to a innovative plug-in which changes the basic behavior of any Radio-button in our form and makes it selectable or un-selectable just like a checkbox.

It includes some code improvements and stays compatible to latest version of jQuery 1.3.2 just like 1.2.4. It has been tested on Safari 4.x, Internet Explorer 7.0+, Firefox 3.x and will work on Chrome 2.x or 3.x as well.

I request any users to post back any problems/bugs they encounter or enhancements they need to be included.
Read the rest of this entry »

Tags: , ,

jQuery Plugin – Radio button with Checkbox Behavior – Updated

Mar 6

Posted by Dharmavirsinh Jhala in Javascript, jQuery | 4 Comments

I found some bugs in my jQuery plugin I have published recently. So here is the bugfix release for the same.

You can download it here.

See Demo Radio with Checkbox Behavior Live in Action here.

Following bugs/issues are resolved.

Change Log:
- Compatibility will be with jQuery 1.2.3 or newer.
- jQuery chain will not break.
- Bug related to multiple radios is solved.
- Now using data() function from jQuery 1.2.3
- If radios are checked while page is getting loaded then it was required to click twice to uncheck.
- Tested on IE, Firefox, Safari.
Download Here

Tags: , ,

jQuery tablesorter plugin – a friend in need…

Feb 28

Posted by Dharmavirsinh Jhala in Javascript, jQuery | 2 Comments

Working on Client side using javascript has lot of advantages and one of them I came across today..! In our flagship CRM we have quite complicated and drill-down reports and in one of such report I wanted to give sorting.

It was not possible to use database (mySQL) sorting as it was not just one query and it was a calculated based on so many things. Next option was to play with resultant recordset in script language - PHP, although I am very good at playing with arrays I didn't wanted to do so in it this time. I had seen many of jQuery examples previously and since few months I was heavily developing in jQuery so I though of doing it on client end using some javascript code. Which I though must be readily available by some great contributor over the Internet.

I did my search with "table sort jquery" and what I found was a great jQuery plugin with a great power which will let me do all my sorting on Client Side. I was not going to give pagination on that so server side trip was not required at all.

tablesorter is a great jQuery plugin and I applicate all efforts from Christian Bach to make this plugin what it is, and tablesorter is now in mature stage by his efforts. When I am writing it is in it's 2.0.1 version.

I agree that such plugins are available by contributors of other javascript frameworks like Prototype, mootools...etc. But what jQuery has done is really great. Plugin development is really easy and fun with jQuery, and it's beauty, chain ability and ease will drive us crazy to get anything we want.......!

So if you are already using jQuery for your application just use tablesorter when you need it and it won't let you down. Using it is really a fun and as easy as ("#myTable").tablesorter() and you are done. It will auto-detect most of the data-type on it's own and you can checkout from it's demos that it really does. It will just take plain html table and we just need to leave everything else on this beautiful plugin to worry about.

Here is the powerful feature list:

  • Multi-column sorting
  • Parsers for sorting text, URIs, integers, currency, floats, IP addresses, dates (ISO, long and short formats), time. Add your own easily
  • Support for ROWSPAN and COLSPAN on TH elements
  • Support secondary "hidden" sorting (e.g., maintain alphabetical sort when sorting on other criteria)
  • Extensibility via widget system
  • Small code size (7,4kb packed)


Real simplicity of plugin is that I don't need to change much to use it. I can output plain html as I was doing before, just attach id=<table-id> attribute to my table and just order header's into <th> tag properly and when your page is ready call tablesorter for your table..!

One more good thing with it is that it comes with a companion Pager plugin which will add-up pagination to your listing.. Check-out this really good plugin if you need Pagination with Client-Side sorting for any of your application.
Thanks to New Wave Javascript - jQuery.

Tags: , ,

Paying the bills.!