background preloader

JSplugins

Facebook Twitter

Blur Overlay Demo. Easy Fullscreen HTML5 Background Video. jQuery: Calculate sum of all textbox values in a table column - Codepedia. jQuery sum of all textbox values: This article explains how to calculate the total of all textboxes values in a table column.

jQuery: Calculate sum of all textbox values in a table column - Codepedia

Inshort on text change event, we calculate the sum of all input values entered in the table column, i.e., whenever the user enters any values or modifies the value to any of the given textbox will calculate and display the total sum of it. Javascript supports arithmetic operators like addition, subtraction, multiplication, division and so on. But arithmetic operators are used to performing arithmetic on numbers only. In HTML, the data we read is in string format, so we can’t perform the mathematical operation on it. To calculate textbox values first, we need to convert it datatype, i.e., from string to numeric. Flexdatalist - jQuery autocomplete/datalist. Resize And Crop Image Using PHP And jQuery On TalkersCode.com. Thursday, Aug 13, 2015 Tags:- PHP jQuery Resize and Crop Images is very useful and important technique to save space and bandwidth and it also decrease page execution time and load your webpage much faster.Crop the image when you want to a particluar part of an image to display like only your face and sunset behind you etc.So both are very useful and important technique you can do with your images.In this tutorial we will Resize and Crop an Image Using PHP and jQuery.

Resize And Crop Image Using PHP And jQuery On TalkersCode.com

See Demo To Resize and Crop Image it takes only Three steps:- Make a HTML file and define markup and script for resize and cropMake a PHP file to resize and crop the imageMake a CSS file and define styling for Resizing and Cropping. Endless River. GitHub - carloscabo/jquery-palette-color-picker: JS component to pick colors from a predefined palette. Popper.js. GitHub - hellsan631/material-avatar: Simple material design avatars using canvas.

Lobilist - jQuery plugin for todo lists. Methods for LobiList can be called in two ways. 1.

Lobilist - jQuery plugin for todo lists.

You can get the instance and call the method. jQueryFileTree Demo. EventControl demo. GitHub - julmot/jquery.mark: jQuery keyword highlighting. Highlight text with diacritics, synonyms, custom elements, custom class names, separate word search (multiple terms), filter selectors, word boundary and iframe support. Compatible with DataTables. GitHub - Invis1ble/scrollbox: A lightweight jQuery custom scrollbar plugin, that triggers event when reached the defined point.

GitHub - naminho/jquery-scroll-indicator: Fade effect and arrows for responsive tables and iframes. GitHub - fonstok/jfMagnify: jQuery plugin that creates a magnify glass effect. This plugin will magnify html content, not just images. It does this by cloneing an identified element and its children, scaling it to your specification, and then appending to. GitHub - Gabrielr47/easyTable: easyTable is a simple plugin for jQuery. EasyTable Demo - JSFiddle. Vue-select. Vue Select A simple component that provides similar functionality to Select2 without the overhead of jQuery.

vue-select

View on GitHub null Live Edit play around with the above vue-select The options property is watched for changes, and the value is reset anytime the options change. Equivalent to the multiple attribute to a <select>. Balloon.css — CSS tooltips for HTML elements. Simple tooltips made of pure CSS Balloon.css lets you add tooltips to elements without JavaScript and in just a few lines of CSS.

Balloon.css — CSS tooltips for HTML elements

Github ProjectDownload CSS Positioning For positioning, use data-balloon-pos attribute with one of the values: up, down, left or right. Notifier. jQuery contextMenu. GitHub - n33/jquery.scrollex: Nifty scroll events for jQuery. GitHub - fengyuanchen/photo-editor: A simple photo editing application. GitHub - chinchang/screenlog.js: Bring console.log on the screen.

GitHub - dabeng/OrgChart: Simple and direct organization chart plugin based on pure DOM and jQuery. Set up custom filters for responsive galleries. Anchor.js by cbopp-art. GitHub - callmecavs/bricks.js: A blazing fast masonry layout generator for fixed width elements. Jquery-quickfit. WebRTC Gif Recording using MediaStreamRecorder. Smooth Scroll jQuery Plugin Demo. p1 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Smooth Scroll jQuery Plugin Demo

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. p2 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Back to nav p3 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. p4 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ole1986/jquery-custombind.js: Used to bind ... - GitHub. M-danish-iqbal/sticky-header: jQuery plugin... - GitHub. Intersel/Blapy. Colorify.js. Booking.js embeddable calendar widget for appointments - Timekit.io. Flipside. Nathancahill/Split.js. Material Design Hierarchical Display by zavoloklom. Beakable/isometric. OmarElGabry/Hashtegny. StephenWidom/centerr.

Croppie - a simple javascript image cropper - Foliotek. Easy Editor. Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Easy Editor

Eos, porro provident dolorum dolorem magni est quos alias qui! Autem eveniet, asperiores optio. Sequi aperiam, officia nesciunt perspiciatis praesentium ullam labore! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pizza Amore! Pizza Amore is an easy to use plugin.

Pizza Amore!

It's built with our responsive framework Foundation so you can quickly install it into your current Foundation project. Pie Charts PepperoniSausageCheeseMushroom PepperoniSausageCheeseMushroomChickenOther Bar Charts Line Graphs. Stage.js - 2D HTML5 JavaScript Game Engine. Application An application is created by passing a callback function to Stage().

Stage.js - 2D HTML5 JavaScript Game Engine

The library will load, create and initialize all required components and then will call the provided function with the application root node and display container which normally is a Canvas element. Stage(function(stage, display) { stage.viewbox(width, height, mode = 'in-pad'); stage.on('viewport', function(viewport) { }); stage.pause(); stage.resume(); });

Stretchy Navigation in CSS and jQuery. A rounded navigation trigger that stretches on click/tap to reveal the navigation items.

Stretchy Navigation in CSS and jQuery

Browser support ie Chrome Firefox Safari Opera 9+ While surfing some Dribbble shots, we came across this nice shopping list concept by Hila Peleg, which inspired today’s resource. We decided to apply a similar idea to a stretching navigation, and create 3 different user cases where this snippet would be useful: 1) fixed navigation, 2) add content button and 3) edit content button. Icons: Nucleoapp.com Creating the structure. Fly. Pagination.js. Williamngan/pt. Supop/PuzzleCAPTCHA.js. Lobianijs - Lobibox, Responsive jQuery notification plugin. Nashvail/Quttons. Event based jQuery element resize. The script does not use any kind of timer(s) to detect size changes. It uses the resize event on (invincible) iframe(s) which makes it perform much better than other solutions which use timers to poll element size.

The script detects size changes made from JS, CSS, animations etc. and it works on any element able to contain other elements (e.g. div, p, li etc.). Diferente. Custombox - Modal window effects with transitions CSS3. Example Modal title Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. jQuery.editable. Edit in place plugin for jQuery. NuContextMenu. A modern context menu with font awesome support for web apps. The script is extremely light weight (2.2 kB), and it treats the menu as the primary object. This means that a single menu can be attached to multiple elements.

Item 1 Item 2 Item 3 Item 4 The MIT License is a free software license originating at the Massachusetts Institute of Technology (MIT). Material – ScrollTop. That's all Folks! Dummy text... This is just dummy text to make this page longer... No, motherfucker Your bones don't break, mine do. jQuery-KingTable. A jQuery Typing Plugin. Jquery Backoffice Filters Plugin. All you need to do is: 1. Copy and paste this code 2. Copy and paste one of the samples. jMinMaxSelect by oliver-j. A jQuery plugin to create intelligent min and max selects. Sometimes you can not use a range slider. So you maybe will mimic the function of a range silder with a lower and upper bound select. Size: 1.81 KB Install Bower bower install jMinMaxSelect. AllThingsSmitty/jquery-tips-everyone-should-know. Expression Builder Demo. ZF2 Skeleton. Jquery image player. Demo of Textbox Revision Tracker. Minigrid – Minimal 2kb zero dependency cascading grid layout.

Face Detection with jQuery. Bootstrap Date Paginator - Date Paginator based on Bootstrap Paginator. Usage Thanks to sensible defaults and the date based nature of this component, you can get up and running with just a few lines of code. That is of course once you've downloaded and setup the required dependencies: Twitter Bootstrap, jQuery, Moment.js and bootstrap-datepicker. Slightly more than I would have liked but there's no point re-inventing the wheel, these are all great components in their own right! Example, minimum usage: <! The constructor also takes an options object which allows for extensive customization of lookup and feel, as well as behaviour.

Example, with initialization options: Options endDate Sets the latest date that may be selected, all later dates will be disabled. Mega Menu. Freezeheader by laertejjunior. Jcolumn by oliver-j. Quick[select] by eggboxio. Do you like select boxes? ToProgress.js. Responsive Multi Menu - navigation menu for any devices. jQuery Splitter Demo. Vertical [true|false] Default: true. A new interface to replace your old boring scrollbar. Simple.Timer by caike. LoadGo - Your own images as a progress bar.

Shimataro/jquery.modify. Stretchy: Form element autosizing, the way it should be. Just include the script anywhere in the page: By default, it applies to all <textarea>s, <select> menus with no size attribute and <input> elements that are text fields (e.g. with no type attribute, or with one equal to text, tel, email, url). jQuery SmartSelect. Introduction. Michael-lynch/scrollgress.