more info: http://plugins.jquery.com/project/crash

Download: Download FCBKcomplete

Demo: Demo FCBKcomplete

GitHub: http://github.com/emposha/FCBKcomplete

Please use github for bug report

Usage:

$("element").fcbkcomplete({
json_url: "fetched.txt",
cache: true,
filter_case: true,
filter_hide: true,
newel: true
});


json_url                   - url to fetch json object
cache                        - use cache
height                       - maximum number of element shown before scroll will apear
newel                        - show typed text like a element
firstselected          - automaticly select first element from dropdown
filter_case              - case sensitive filter
filter_hide              - show/hide filtered items
filter_selected      - filter selected items from list
complete_text     - text for complete page
maxshownitems - maximum numbers that will be shown at dropdown list (less better performance)
maxitems              - maximum item that can be added to the list
onselect                 - fire event on item select
onremove             - fire event on item remove
delay                      - delay between ajax request (bigger delay, lower server time request)

Add item public method (how to use):
$(“elem”).trigger(“addItem”,[{"title": "test", "value": "test"}]);

Updates:

- 2.7.4
* standart event change call added on addItem, removeItem
* preSet also check if item have “selected” attribute
* addItem minor fix

- 2.7.3
* event call fixed thanks to William Parry <williamparry!at!gmail.com>

- 2.7.2
* some minor bug fixed
* minified version recompacted due some problems

- 2.7.1
* bug fixed
* ajax delay added thanks to http://github.com/dolorian

- 2.7
* jquery 1.4 compability
* item lock possability added by adding locked class to preadded option <option value=”value” class=”selected locked”>text</option>
* maximum item that can be added

- 2.6.1
* fixed public method to use it $(“elem”).trigger(“addItem”,[{"title": "test", "value": "test"}]);

- 2.6 ie6/7 support fix added
* added new public method addItem due request
* added new options “firstselected” that you can set true/false to select first element on dropdown list
* autoexpand input element added
* removeItem bug fixed
* and many more bug fixed

- 2.5 removed selected=”selected” attribute due ie bug
* element search algorithm changed
* better performance fix added
* fixed many small bugs
* onselect event added
* onremove event added

- 2.02 fixed fist element selected bug
* fixed defaultfilter error bug

- 2.01 fixed bugs & added features
* fixed filter bug for preadded items
*  focus on the input after selecting tag
*  the element removed pressing backspace when the element is selected
*  input tag in the control has a border in IE7
*  added iterate over each match and apply the plugin separately
*  set focus on the input after selecting tag

- 2.00 new version of fcbkcomplete
* replace regular “select” element with new fancy facebook like selector
* multiple elements support

Download: Download jqVideoBox v 1.00

Demo: Demo jqVideoBox

Github: http://github.com/emposha/jqVideoBox

Usage:

$(document).ready(
function()
{
$(".vidbox").jqvideobox();
}
);


Parameters list:

initialWidth        – Initial width of the box
initialHeight       – Initial height of the box
defaultWidth        – Default width of the box
defaultHeight       – Default height of the box
animateCaption      – Enable/Disable caption animation
defaultOverLayFade  – Default overlay fade value
flvplayer             – Path to default flash player

Updates:

- 1.00 ported from mootools plugin videbox (http://videobox-lb.sourceforge.net/) to jquery

New version of FCBKcomplete can be found here

Download: Download FCBKcomplete

Demo: Demo FCBKcomplete

Use:

<script language="JavaScript">
$(document).ready(function() {
$.facebooklist('#elem', '#list', '#complete',{url:'ajax-url',cache:1}, height, {userfilter:1,casesensetive:0});
});
</script>

* This source code was highlighted with Source Code Highlighter.

elem – input element id or object
list – preadded elements
complete – autocomplete div id or object
ajax – object with two parametrs a) url to fetch json object b) use cache
height – maximum number of element shown before scroll will apear
filter – object with two parametrs a)case sensitive b) show/hide filtered items
newel – show typed text like a element

Creditrs for CSS & HTML structure: Guillermo (http://devthought.com)

Updates:

- 1.09 IE crash fixed

- 1.08 some minor bug fixed

-1.07  case sensetive added
applied filter to non ajax items
filter algorithm changed
cache for ajax request added
up/down with auto scrolling
minor code fixes

- 1.06 auto heigth fix
event bind on main element for better user frendly experience
filter for items
up/down keys supported from now

- 1.05 bindEvents function fixed thanks to idgnarn

- Name changed to FCBKcomplete

- 1.04 IE7 <em> tag replace fixed

- 1.03 IE7 & IE6 crash fixed
IE7 css fixed

- 1.02 json parsing fixed
remove element fixed

- 1.01: some bugs fixed

Description: Two froms with element with same id in both of them, trying to use jquery selector to choose one of them like this $(“#formid #elemid”). Result will be null.

Example:

HTML:

<form id="form1" method="post" action="/">
<input type="text" class="inputtext" id="text1" name="text1" value=""/>
<input type="text" class="inputtext" id="text2" name="text2" value=""/>
<input type="text" class="button" id="btn1" value="press me"/>
</form>

<form id=”form2″ method=”post” action=”/”>
<input type=”text” class=”inputtext” id=”text1″ name=”text1″ value=”"/>
<input type=”text” class=”inputtext” id=”text2″ name=”text3″ value=”"/>
<input type=”text” class=”button” id=”btn2″ value=”press me2″/>
</form>

* This source code was highlighted with Source Code Highlighter.

Javascript:

$('#btn1').click(function() {
if (!$('#form1 #text1').val()) {
$('#form1 #text1').css('border','1px solid red');
}
if (!$('#form1 #text2').val()) {
$('#form1 #text2').css('border','1px solid red');
}
});

$(‘#btn2′).click(function() {
if (!$(‘#form2 #text1′).val()) {
$(‘#form2 #text1′).css(‘border’,‘1px solid red’);
}
if (!$(‘#form2 #text2′).val()) {
$(‘#form2 #text4′).css(‘border’,‘1px solid red’);
}
});

* This source code was highlighted with Source Code Highlighter.

If you have any comments or requests, please post them and I will try to include all the requested features in the upcoming release.

HowTo:

1) HTML stracture:

<ul id="ulid">
<li>regular content <input type="hidden" value="value" /></li>
<li>preselected content <input type="hidden" value="value" checked="checked" /></li>
<li>regular content <input type="hidden" value="value" /></li>
</ul>

* This source code was highlighted with Source Code Highlighter.

2) Javascript:

<script type="text/javascript" language="JavaScript">
$(document).ready(function() {
//id(ul id),width,height(element height),row(elements in row)
$.fcbkListSelection(id[ul id],width,height[element height],row[elements in row]);
});
</script>

* This source code was highlighted with Source Code Highlighter.

Changelog:
- 1.1: added preselected items
- 1.0: project started

Download: Download fcbkListSelection

Demo: Demo fcbkListSelection

Github: http://github.com/emposha/fcbkListSelection

Performance test for 10 png images on page:

How to use:

<script language="JavaScript">
$(document).ready(function() {
  if ($.browser.msie && $.browser.version == '6.0') {
    jqPngFix();
  }
});
</script> * This source code was highlighted with Source Code Highlighter.

Download script: jqPngFix.zip