Plugins
Home » Plugins

JavaScript


Array extras, String extras, Object-Oriented Code.

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

Submitted by pupunzi on December 11, 2010 - 12:52pm

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/

AutoResize | Automatically resize textareas on input

Submitted by azoff on August 29, 2011 - 2:31am

AutoResize is a very basic jQuery plug-in that provides an "automatic resize" effect on textarea elements. When a user types text into an autoresized textarea, the textarea resizes itself to make sure all of the input text remains visible. Unlike other plug-ins that attempt to solve the same problem, AutoResize does not rely on obtrusive cloned elements or buggy init states. Instead, it uses plain old DOM scrollHeight analysis, with careful adjustments to ensure consistent execution across browsers.

jQuery.dotdotdot, advanced cross-browser ellipsis for multiple lines content

Submitted by FrD on August 25, 2011 - 11:09am

Ellipsis for multiple lines of content

It adds an ellipsis after cut off text to indicate that there is more text than currently visible. Not only on a single line of content, but also particularly on multiple lines of content.

It also has some nifty features like keeping a "Read more" link after the ellipsis or updating the ellipsis onWindowResize.

Visit http://dotdotdot.frebsite.nl for more information.

(KFSOFT) My Google Weather

Submitted by Kfsoft on August 21, 2011 - 2:30am

My Google Weather

This plugin adds weather for any city in the world. Sometimes you may want to show the weather information of your local city in your page. It makes your page look young and dynamic. However, you may not want to include other website's widget, because you cannot customize the look and feel for the widget. Using Google provided xml information, the plugin give you a fully customizable weather content, for any city that google supported. Currently, temperature (Celcius / Fahrenheit), location, weather condition, and weather condition icon is supported. It also support Google web font, so that you can decorlate your weather widget using a long list of free font.

FEATURES

  • Fully customizable weather widget
  • Use google provided weather information
  • Available in most cities in the world
  • cross browser (work in IE7+ / FF / chrome / Safari / opera)

DEMO

http://www.kfsoft.info/MyGoogleWeather/demo.php

Remove Diacritics (rmDiac)

Submitted by Mattpark on August 18, 2011 - 6:34pm

Remove Diacritics

As its name is stating, this plugin removes all diacritics (all accent and other glyphs on letters) from any text input.
It is a very straight-forward plugin, easy to use.

  • Works with (almost) all languages
  • This plugin is pure Javascript
  • Optimized script, no redundancies and fast
  • Small size (5k)
  • Can process as many texts as you want simultaneously

For more details please visit my website mattpark.me
The demo is also on my website at this address: View Demo

Auto Truncator

Submitted by MalcolmP on August 13, 2011 - 7:19pm

This class impliments multiline html truncation, expand-collapse links, and wordwrap / hyphenation through javascript using the jQuery library. Content is truncated to fit inside a container div. It follows a binary tree split algorighm along DOM textnodes & html nodes. On page load the Truncator will automatically wrap & truncate containers with the .truncate class

Detailed description here: http://blog.malcolmp.com/2011/once-upon-a-time-i-wrote-awesome-code

(KFSOFT) My Link Confirm

Submitted by Kfsoft on August 13, 2011 - 4:03am

(KFSOFT) My Link Confirm

This plugin create confirm dialog box for external links. External links are very common in all webpages. If your site allow members to generate user contents (for example links), you should be more careful. Some of the links are bad (maybe linked to a malicious code, or forgery website. So, we need to give a warning to the user, so that they aware the link is outside of the current website. It is user's responsibility to pay attention
to website's content.

FEATURES

  • do not need to modify existing html
  • customize warning message and complete control using javascript
  • lightweight, just require a single 1KB javascript file (uncompressed)
  • cross browser (work in IE / FF / chrome / Safari / opera)

    DEMO

    http://www.kfsoft.info/MyLinkConfirm/demo.php

    • jQuery uQR

    Submitted by userdot on August 12, 2011 - 10:24am

    The jQuery uQr plugin enables you to embed QR codes into your applications or web pages. It's very simple to use, check out the documentation.

    Get the latest version here. Distributed under GPL v3.

    Lorem.js

    Submitted by fkadeveloper on August 11, 2011 - 11:18am

    Lorem.js Dummy Text/Image Generator jQuery and Native JS
    A Lorem Ipsum creator service written on JavaScript.

    Implementation

    Implementation of Lorem.js is so simple,

    You just download and add

    < script src="path/to/lorem.js" >< /script >
    into your website/application and run.

    If you want to put a lorem text inside a DIV (etc.) tag just write:

    < div data-lorem="2p" >< /div >
    Querying

    Lorem.js has a simple query language: "how many?, what?"

    2p = 2 paragraphs
    5s = 5 sentences
    6w = 6 words
    That's it.

    Dummy Images

    And Lorem.js uses lorempixum.com for images for now.

    Usage:

    < img src="" data-lorem="sports/1/Test message" width="223" height="223">
    < img src="" data-lorem="gray" width="100" height="124">
    < img src="" data-lorem="gray animals" width="100" height="124">
    And watch what happens :)

    Native JavaScript (without any framework)

    If you want to use Lorem generator natively, (without jQuery).