Snipplr

(jQuery) Detect jquery ui popup is closed - darvein

Mon, 19 Nov 2012 03:42:12 GMT

mi comment

(jQuery) Speed up jQuery UI Autocomplete Combobox with very large select lists - Huskie

Tue, 17 Apr 2012 19:56:43 GMT

With the current combobox implementation, the full list is emptied and re-rendered every time you expand the dropdown. Also you are stuck with setting the minLength to 0, because it has to do an empty search to get the full list. Here is my own implementation extending the autocomplete widget. It renders the full list just once, and reuses it whenever the dropdown button is clicked. This also removes the dependence of the option minLength = 0. It also works with arrays, and ajax as list source. Also if you have multiple large list, the widget initialization is added to a queue so it can run in the background, and not freeze the browser.

(jQuery) Animated numbers update - claudiowebdesign

Tue, 29 Nov 2011 03:54:46 GMT

How to make numbers update with a smooth animation with jQuery

(jQuery) metro.js: recreating Windows 8 UI as a web interface - claudiowebdesign

Fri, 14 Oct 2011 22:53:35 GMT

Hi everyone, a while ago i posted a little script that reproduced a little animation effect seen in Windows 8 Developer Preview. I thought about expanding it some more, and in the end i started actually recreating the whole Metro interface in HTML5/CSS3/jQuery. if anyone gets interested in it and desires to give a hand i'll soon upload everything on a public github repository THE RESULT: http://claudiobonifazi.com/snippets/metro THE SCRIPT: http://claudiobonifazi.com/snippets/metro/script/metro.js THE MINIFIED SCRIPT: http://claudiobonifazi.com/snippets/metro/script/metro.min.js hope you enjoy

(jQuery) Facebook like notifications with jQuery - claudiowebdesign

Sun, 02 Oct 2011 05:20:34 GMT

I tried to create a little jQuery method to notify events to the user just as in facebook. EXAMPLE: http://claudiobonifazi.com/snippets/fb_like_notifications/ 1- Link this little plugin to your page (or paste it into your files as you wish) 2- add to your page an empty element (a div or similar) and on page load call $('thatdiv').setPopup() 3- Set that element to position:fixed and position it where you like (in this page it has left:50px and bottom:50px) 4- Whenever an event requires the appearing of one of those little popups, do $('thatdiv').callPopup('html content to place inside it') 5- For styling read the demo page's source as a guideline

(jQuery) metro.js : a windows8 like onclick effect - claudiowebdesign

Sun, 02 Oct 2011 05:18:14 GMT

After giving a try with the Windows 8 Developer Preview i asked myself if i could reproduce the on click effect of the metro UI in a webpage. Sadly, for what i know at this time CSS3 3d transformations works only on webkit browsers, so this is nothing more than a code exercise with no real job usefulness. Anyway, here it is: if you click on one of the big squared link they tilt in the direction of the nearest border and if you click exactly in the center they perform a reducing effect. If you try it in firefox or opera only the reducing effect works. EXAMPLE: http://claudiobonifazi.com/snippets/metro_click/

(jQuery) jQuery Ui Autocomplete, Custom ajax data - Cwerther

Fri, 17 Jun 2011 18:15:02 GMT

This is made for a webservice that outputs varaiable data according to user input, ajax is called each time there is a change on the input.

(jQuery) Google Hosted jQuery UI - cviolette

Fri, 12 Nov 2010 03:57:46 GMT

Code to add Google-hosted jQuery UI library to site. See styles and documentation at http://jqueryui.com/

(jQuery) FCKEditor and the jQuery UI Dialog - Meander365

Mon, 27 Sep 2010 09:52:54 GMT

When you load content into a jquery ui dialog box which contains a textarea element that you use FCKeditor on. The second time you open the dialog, FCKeditor fails to load. You have to destroy it when you close the dialog box.

(jQuery) Use Jquery's new Position function in the UI to center anything - chrisjlee

Tue, 22 Jun 2010 04:33:03 GMT

(jQuery) A Closable jQuery UI Tab - tbelknap

Wed, 14 Apr 2010 15:02:17 GMT

Sometimes, you need a jQuery tab that will close. Finding the right way to do that has been a challenge for me, personally. This is especially true when you are adding new tabs dynamically. The trick is getting the proper index of the closable element when its time to close.

(jQuery) jQuery UI Sortable list with cookie - vagrantradio

Mon, 08 Mar 2010 10:37:14 GMT

include jQuery, jQuery ui and jQuery cookie plugin. Simple.

(jQuery) Toggle next element on click - cyberhobo

Fri, 13 Nov 2009 12:47:04 GMT

Make elements with the "toggle-next" class show/hide the following element when clicked.

(jQuery) Virtual Keyboard Widget - jsatt

Wed, 21 Oct 2009 16:35:52 GMT

**This code is no longer under development. Please use the branch at the URL listed above.** An on-screen virtual keyboard embedded within the browser window which will popup when a specified input field is focused. The user can then type and preview their input before Accepting or Canceling. Include additional css available [here](http://snipplr.com/view/21578/virtual-keyboard-widget--additional-css/). Usage: $('input[type=text], input[type=password], textarea') .keyboard({ layout:"qwerty", customLayout: [["q w e r t y {bksp}","Q W E R T Y {bksp}"], ["s a m p l e {shift}","S A M P L E {shift}"], ["{accept} {space} {cancel}","{accept} {space} {cancel}"]] }); Options: layout - [String] specify which keyboard layout to use * qwerty - Standard QWERTY layout (Default) * alpha - Alphabetical layout * dvorak - Dvorak Simplified layout * num - Numerical (ten-key) layout * custom - Uses a custom layout as defined by the customLayout option customLayout - [Array] Specify a customer layout * An Array of arrays * Each internal array is a new keyboard row * Each internal array can contain either one or two * String elements (Lower case and Upper case respectively) * Each string element must have each character or key seperated by a space * Special/"Action" keys include: * {space} - Spacebar * {bksp} - Backspace * {shift} - Shift/Capslock * {return} - Return/New Line * {accept} - Updates element value and closes keyboard * {cancel} - Clears changes and closes keyboard * {dec} - Decimal for numeric entry, only allows one decimal * {neg} - Negative for numeric entry * {sp:#} - Replace # with a numerical value, adds blank space, value of 1 ~ width of one key *** [Creative Commons Attribution-Share Alike 3.0 Unported License](http://creativecommons.org/licenses/by-sa/3.0/)

(jQuery) Greyscale Hover Effect w/ CSS - LeeRJohnson

Tue, 20 Oct 2009 15:51:52 GMT

(jQuery) jquery - Toggle More Text - jonniespratley

Fri, 24 Jul 2009 04:39:09 GMT