Plugins

JavaScript


Array extras, String extras, Object-Oriented Code.

(mb) verticalSlider A good way to manage long list in short space!

A good way to manage long list in short space!

jquery.mb.verticalSlider let you show long list of elements managing pagination, it can work with elements already in the DOM of your page or loading them via ajax when needed. And it works with mouse wheel of course.

view a demo: http://pupunzi.com/mb.components/mb.verticalSlider/demo/demo.html

project page: http://pupunzi.open-lab.com/mb-jquery-components/jquery-mb-verticalslider/

Social Share Buttons

The jQuery Social Share Buttons plugin adds the main social networking buttons in a floating panel:

* facebook like
* tweet button + count
* google +1
* google buzz
* linkedin button
* digg button
* stumbledupon button.

The plugin has a range of options giving you full control of location of button panel (top, bottom, left or right) and offset from edge of browser. Select the size of the social media buttons, display order and which buttons to display.

The button panel can be set to open on page load, auto-close, disable floating effects and adjust both the floating and panel sliding animation speeds.

Very easy to use - just add the plugin file & add a div tag to the page.

See the jQuery Social Share Buttons plugin project page for demos and detailed instructions.

Updates
1.1 Fixed: facebook like button iframe size for small buttons

jQuery uSlider

The jQuery uSlider is a jQuery plugin written by Marius Stanciu - Sergiu for Userdot, a plugin which allows you to embed beautiful slideshows into your webpages.

Toggle Type Field

This plugin aims to provide a return to simpler types of inputs for inputs passowrd type text, Wed at first is not allowed with this change jquery library.

Since the plugin is working in a relatively short time, I ask you to send suggestions and report bugs if found to be remedied as soon as possible.

Social Sharing Buttons using jQuery and XML

Yet, another social sharing buttons script created by
using jQuery and XML for your website. The script is very straight forward and
self explanatory. The buttons container and buttons setting are stored in the
XML file.

Figure 1

Figure 2

How to use it?

  1. Download the SocialButton.xml
    and jquery.social-buttons.js file. This script
    requires the latest jQuery library, get it at http://jquery.com/.

jqIpLocation jQuery IP Location Plugin

jqIpLocation is a jQuery Plugin that returns the location of an IP address in JSON format.
You can get country, country code, city name, region name, latitude and longitude information about IP address location.

Usage :

$.jqIpLocation({
    ip : '213.243.4.20',
    success: function(location) {          
      alert(location.countryName);
      alert(location.countryCode);
      ...
    }
});

multiselect – a jQuery UI form plugin/widget

multiselect is a jQuery UI plugin that transforms a form select combobox into a dropdown menu, that utilizes YOUR jQueryUI theme!

JQuery Field Validation

This plugin enables the user to perform form fields validation before submit data.

Validating String Fields

Use the code above on document load to attach string validation to the element.

$(function(){
  $('#some-element').validateString({required:true,length:30});
});

In the function to submit the data to the server, call the method fieldValidate() to perform the validations as the following example:

function submitForm(){
    if (!fieldValidate()){
        //show message to the user...
        return;
    }
}

Options

required - true|false - default false - Determines if the field is or not required.
length - integer number - default 0 - Determines the maxlength of the element.

Validating Integer Fields

Use the code above on document load to attach integer number validation to the element.

$(function(){

(KFSOFT) My Search Box

My Search Box

This plugin create a global search box using jquery. It creates a search form, and global search box on the fly. It supports placeholder for all browsers. Global search box is a basic requirement for a web applications. Usually, they are more or less the same for different websites and it will be included in all pages. Someones may want to implement it in html page directly or implement it using some sort of server side inclusion, they simply create a lot of duplications. It is much more to maintain, but still there is a problem. The traffic is still duplicated for all pages.

We suggest implementing simple search box using jquery. It do not require much effort and can be reused in differnt websites. Also, global search box is not something that we should take care for SEO, you can use it without worrying about the search engine. In fact, it may your page much clear and simple, and separate unrelated logic out of the page.

FilterSelect

Filter select from another select or Ajax automatically.
Is easy and quickly for implement.