majdyahya / jquery-asmselect Goto Github PK

What steps will reproduce the problem?
1. On page load populate the asmSelect items from JSON

What is the expected output? What do you see instead?
The list of items; nothing (not supported yet)

What version of the product are you using? On what operating system?
 1.0.4 beta


I added an url variable to options that specifies the JSON data path. When
this is specified the buildSelectFromJSON() function is called.
Expected data format:
[
{attributes: { id: '0' }, state: 'selected', text: 'Amsterdam' },
{attributes: { id: '1' }, state: 'selected', text: 'Atlanta' },
{attributes: { id: '2' }, state: '', text: 'Baltimore' },
...
]

What steps will reproduce the problem?
1. Create two different selects with different options
2. call .asmSelect on them both seperately
3. Select the first option in the second select

What is the expected output? What do you see instead?
I expect to add the first option to the second select, but instead i get
the first option of the first select

What version of the product are you using? On what operating system?
latest i guess...

Please provide any additional information below.
I seem to have found a fix - the problem is both options gets named
"asm0Option1", so when selecting the wrong option is selected. In the code
that creates the id:

if(!$t.attr('id')) $t.attr('id', 'asm' + index + 'option' + n);

if we instead use the name of the original select as a base, it should be fine:

if (!$t.attr('id')) $t.attr('id', $original.attr("id") + index + 'option' +
n); 

What steps will reproduce the problem?
1. use any of existing examples, but add hideWhenAdded:true to asmSelect 
parameters
2. click dropdown select and try to add different items

What is the expected output? What do you see instead?
Expected: selected items added to asmSelect list, items hidden/disabled in 
dropdown list.
Got: some items in dropdown are duplicated initially, some items cause 
different item selection

What version of the product are you using? On what operating system?
1.0.4

Hi,
i just tested asmSelect with latest Opera and Jquery 1.3.2. When I add an 
item, it isn't added to the list (at least, it is not visible). 
But if I remove another item, the list is refreshed and everything is back 
to normal.

Any Idea ?

Thanks and your plugin rocks !

- What steps will reproduce the problem?
1. Add the attribute disabled (for xhtml: disabled="disabled") to the asm
element.

- What is the expected output? What do you see instead?
The select element will be disabled. Instead the element will show up as if
it wasn't disabled.

- What version of the product are you using? On what operating system?
1.0.4a beta

- Please provide any additional information below.
My solution: change line 406

init()

to:

if(!$original.attr("disabled"))
    init();

In IE8, if you are using a default value (via setting a title on the
select), the form won't be properly accepted without a value.

Specifically, in jquery.asmselect.js, there is a block of code that looks
like this:

// add a first option to be the home option / default selectLabel
$select.prepend("<option>" + $original.attr('title') + "</option>");

This gets munged if you try to serialize that in jquery without having a
value. It results in an "Object required" error.

The fix is easy, just give that option a value.

$select.prepend('<option value="foo">' + $original.attr('title') +
"</option>");

What steps will reproduce the problem?
1. Create two asmSelects on the same page with the same value list.
2. Attempt to add the same value from both selects to the selected fields.

What is the expected output? What do you see instead?
Expect each instance to be handled uniquely, I'm seeing that they instead
interact with each other.

Please provide any additional information below.

I suspect it's just the index value... as I can't see it being incremented
or set anywhere.

What steps will reproduce the problem?
1. Create a asmSelect field on a form (method post), name it cities
2. Submit the form
3. Cities is not submitted with the form 

What is the expected output? What do you see instead? I would like to see the 
form field being submitted. All the other form fields are submitted, except 
cities.


What version of the product are you using? On what operating system?
asmselect-1.0.4a-beta. Windows XP

Please provide any additional information below.
$(function() {
  $("select[multiple]").asmSelect({
  });
});         


<select id="AffectedDepartment" name="AffectedDepartment" size="5" 
multiple="multiple">

What steps will reproduce the problem?
1 . Populate the <div> select with items coming from php script and disable
the item in <option> from <select>

What version of the product are you using? On what operating system?
1.0.4a beta, Win Vista

tanks 

What steps will reproduce the problem?
1. Dynamically create the original option list using JavaScript (example 
uses a few simply document.write commands but actual code is much more 
complicated. The data used to generate the options is obtained through a 
client-side inlude.
2. Enable asmselect

What is the expected output? What do you see instead?

In IE7, Chrome, and Safari, the page is rendered corectly and the 
asmselect feature functions properly. No errors reported.

In Firefox, the page never finishes loading. The only thing that appears 
in the browser is the text of of the select option items...all on the 
first line. Nothing else appears.

What version of the product are you using? On what operating system?
Windows XP-SP3 (32-bit)
jquery.asmselect: 1.0.4 beta
jquery: 1.2.6
jquery.ui: 1.5.1
IE: 7
FF: 3.0.5
Chrome: 1.0.154.36
Safari: 3.2.1

Attached are two files....one with explicit HTML (sample_no_js.htm) and 
one with javascript generating the select options (sample_js.htm).

Code snippet of what is different between the two:

<select id=Official name=Official  multiple=1 title="Official">
    <option value=1>text1</option>
    <option value=2>text2</option>
    <option value=3>text3</option>
    <option value=4>text4</option>
</select>

<select id=Official name=Official  multiple=1 title="Official">
    <script type="text/javascript">
        document.write('<option value=1>text1</option>');   
        document.write('<option value=2>text2</option>');   
        document.write('<option value=3>text3</option>');   
        document.write('<option value=4>text4</option>');   
    </script>
</select>






Please provide any additional information below.

What steps will reproduce the problem?
1. Refreshing the page
2.
3.

What is the expected output? What do you see instead?
On initial page load should show just the select with 1 option instead of 
20 options and then minimize.

What version of the product are you using? On what operating system?
1.0.4a - Windows XP Pro SP3

Please provide any additional information below.

I haven't examined your source in-depth yet, so please forgive me if this
is arbitrary.

Providing or exposing a method to add to the selection List would be ideal.
I plan to test integrating this with Jquery Autocomplete coming in one of
then next releases.  In a VERY long list of options, autocomplete and this
could prove invaluable - it's really the best solution I've come up with or
seen so far.
Autocomplete already supports <select> elements and has a callback for
clicking on an autocomplete suggestion. (which would be where it passes the
element that was clicked on to asmselect)

If I get a working example of the integration I'll post another message.

Great work, thanks for the plugin!

What steps will reproduce the problem?
1. Tab through to the control with the keyboard
2. Attempt to select an item using up and down keys

What is the expected output?
Maybe item added to list when user hits the [return] key or [spacebar]?

What do you see instead?
In FF 3.09 - It almost works. User can scroll with keyboard and enter adds
to list. However attempting to [tab] out of control adds the selected into
to the list.

In IE (6/7) - Whenever a _new_ item is reached with the arrow keys it's
added to the list.


What version of the product are you using?
Using 1.41 beta on Windows XP


Please provide any additional information below.

What steps will reproduce the problem?
1. Using jquery-1.3.2.min.js instead of 1.2.6 in download pack
2. Using sortable: true 

After sorting the list for one time, sorting does not work any more.

[deleted issue]

What steps will reproduce the problem?
1.  Use Ie6 or Ie7 with
http://www.ryancramer.com/journal/entries/select_multiple/
2.  select some values
3.  select some same value again (it's disabled but with ie6 and 7 you can)
4.  select the title option (eg  'Select some categories')


What is the expected output? What do you see instead?
Expecting nothing -> got js error.

What version of the product are you using? On what operating system?
windows jquery currewnt and asmselect 1.0.4a beta

Please provide any additional information below.

offending (.attr('rel', optionId))  line 262 :      
    var $item = $("<li></li>")
        .attr('rel', optionId)
    .addClass(options.listItemClass)
    .append($itemLabel)
    .append($removeLink)
    .hide();

What steps will reproduce the problem?
1. Try selecting with shift or ctrl, nothing happens

What is the expected output? What do you see instead?
To select multiple rows, it ain't happening

What version of the product are you using? On what operating system?
Opera 9.5, windows xp

Please provide any additional information below.
Maybe I do something wrong (or misunderstood what this plugin does) but I 
can't select multiple rows using Opera 9.5

Please add option for default items that can not be removed.

No problem, more than the question to them knowledgeable.
Is it possible to add form elements such as attached image?

Hi, I'm probably doing something obviously wrong here, but I've set up your
code on a project I'm developing, and it works great, I have the sortable
and animate options enabled, though when I submit and post the array, the
page I post it to simply reverts to the original order again. Basically I
am copying your example 1 almost exactly, except on the post page the
cities are reverting again to alphabetical order.

I am using a simple foreach on the post page if that means anything.
Can you think of anything that might cause this ?
If not perhaps you could post your code for iterating over the array in
example 1 post page ?

Thanks.

> What steps will reproduce the problem?
1. View the authors demo page with ie8 for XP
http://www.ryancramer.com/projects/asmselect/examples/example3.html

> What is the expected output? What do you see instead?

Select elements are to the left, not on bottom. Remove link is squished.

> What version of the product are you using? On what operating system?

Latest, XP with ie8

What steps will reproduce the problem?

1. Having one document.ready() function that initializes asmselect for
select[multiple]

2. Having many select[multiple] elements in a form. 

What is the expected output? What do you see instead?

Expected output is that asmselect works for all elements; but it works only
for the first element.

What version of the product are you using? On what operating system?

1.4-beta, FF, Linux Ubuntu

Please provide any additional information below.

$.browser.msie and $.browser.version is deprecated.

changing the order does not trigger an change event, i would have expected it 
to.

i don't understand the point of the return in the if statement.

this is the changes i made to make it work:

            function makeSortable() {

                // make any items in the selected list sortable
                // requires jQuery UI sortables, draggables, droppables

                $ol.sortable({
                    items: 'li.' + options.listItemClass,
                    handle: '.' + options.listItemLabelClass,
                    axis: 'y',
                    update: function(e, data) {

                        var updatedOptionId;

                        $(this).children("li").each(function(n) {

                            //$option = $('#' + $(this).attr('rel'));

                            // i'm not sure what this is here for as the return will break ordering
                            //if($(this).is(".ui-sortable-helper")) {
                            //   updatedOptionId = $option.attr('id');
                            //   return;
                            //}

                            //$original.append($option);

                            $original.append($('#' + $(this).attr('rel')));
                        });

                        //we want to trigger change event always, even if it is only the order that has been changed.
                        //if(updatedOptionId) triggerOriginalChange(updatedOptionId, 'sort');
                        triggerOriginalChange(updatedOptionId, 'sort');
                    }

                }).addClass(options.listSortableClass);
            }

it's all in the title here is some screen
IE 7:
http://img219.imageshack.us/img219/9991/imagephpbi0.png
IE 8 beta 2
http://img84.imageshack.us/img84/7637/imagephpcu7.png

Hello,

The link to Select All work perfectly.

Would it be possible to add a "remove all" link ? 

Thanx

What steps will reproduce the problem?
1.Unzip  attached asm.zip and open the  'asmtest_s.html' in opera browser  
is not working properly . all items are selected initially.
(http://dept.ca.uky.edu/sbrtool/asmtest/asmtest_s.html)

2. Unzip  attached asm.zip and open 'asmtest_d.html' in IE 
( "file:////.....asmtest_d.html") It works !! But with some sorting 
problem.

3.  Unzip  attached asm.zip open 'asmtest_d.html from 
"http://localhost:8080/../../asmtest_d.html". Not works in any browser.
 OR
The link is available at: 
http://dept.ca.uky.edu/sbrtool/asmtest/asmtest_s.html
http://dept.ca.uky.edu/sbrtool/asmtest/asmtest_d.html

What is the expected output? What do you see instead?
Normal functionality Expects, but not working.

What version of the product are you using? On what operating system?
OS - Windows XP ; version asmselect-1.0.4a-beta.zip

Please provide any additional information below.

I am trying to load data from an xml file using jQuery Ajax into the combo 
box to use the asmselct functionality.
I have added latest jaquery.js to work ajax.(jquery-1.4.2.js)

What steps will reproduce the problem?
1. add two multiple selects to your html code
2. give them diferent id's and describe it properly in javascript code
(like in example)
3. run the page

What is the expected output? What do you see instead?
you should get two independent selects running like there where only one on
the site; instead you get two selects but:
. on ie6 second one doesnt work at all (wasnt tested on ie > 6 so i dont
know what to expect on them)
. on ff3 second one is displaying <option>s from the first one. 

What version of the product are you using? On what operating system?
latest. windows xp.

Please provide any additional information below.
suppose that a problem is in
buildSelect()->addSelectOption()->line: "var $O = $('#' + optionId);"
but i cant manage with that.

Running asmSelect against this option will trigger the alert despite the
escaped text.

<select multiple="multiple" name="documents">
  <option value="2">&lt;script&gt;alert('xss')&lt;/script&gt;</option>
</select>

Patch file is attached.

Despite that asmSelect uses only 3 strings, there should be simple way to
set them globally.
Datepicker has good way to do that: it has setDefaults() functions.

What steps will reproduce the problem?
1. In the same page put radio buttons with the same name.
2. refresh (F5 or Ctrl+R) in FireFox 3.

What is the expected output? What do you see instead?

I'm expecting that radio buttons don't changes the selection. But reloading
the page, the selection changes!.
In Internet Explorer(6) and Opera (+9) is Ok.

What version of the product are you using? On what operating system?

I'm using the verion 1.0.2-beta. I tryed it on Linux and Window XP

Please provide any additional information below.

This only happen in FireFox.

What steps will reproduce the problem?
1. two multiple select
2. two selectall link, one for each select 

What is the expected output? What do you see instead?
When clik on a select all link, I'll espect to select only the respective 
select[multiple], but it select all. (sorry for repetitive select :D )

What version of the product are you using? On what operating system?
The latest, with Chrome

Please provide any additional information below.
Thanks a lot for help!

What steps will reproduce the problem?
1. Cannot limit the number of selected items from the drop down list

This is an excellent plugin and i needed to limit the selected items, so i have 
modified version v1.0.4a beta to include a parameter so that the maximum items 
you can select can be limited.

I have added my changed javascript file with comments next to my changes.

Ajmer Singh Phull
ajmerphull.com
netbridgelimited.com

What steps will reproduce the problem?
1. Extract the attached archive
2. Open the editGroup.xhtml file in Firefox 3.0.11 (not sure if it's
specific to this version, but this is what I'm using)
3. Add some items, then remove them

What is the expected output? What do you see instead?
The underlying list should have removed items unselected. They stay
selected even when the asmSelect list is empty

What version of the product are you using? On what operating system?
Firefox 3.0.11 on Ubuntu 9.04

Please provide any additional information below.

What steps will reproduce the problem?
1. It would be nice to have filtration for options in select.

What is the expected output? What do you see instead?

Nice example of filterable select: 
http://www.7strategybck.com/Backup/Nicolas/docs/exchange-territory/sexy-combo/ex
amples/index.html

(this script have multiple options, but IMO it's not as cool as in asmselect)

What steps will reproduce the problem?
1. Go to the live example page -
http://www.ryancramer.com/projects/asmselect/examples/example1.html
2. Turn off compatibility mode

What is the expected output? What do you see instead?
The "remove" link on the items is on top of the item text.

What version of the product are you using? On what operating system?
The version that is published on the example page

Please provide any additional information below.

What steps will reproduce the problem?
1. create a document on your local intranet (including localhost)
2. set the top of the page to 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head><meta http-equiv="X-UA-Compatible" content="IE=100" /> <!-- IE8 mode --> 
to force IE 8 rendering on the intranet

method 2 to reproduce
go to jquery.com in i8 
press f12
not the browser mode is ie8
run $.browser.version and get 8.0
change to 8.0 compat view (click on it to change)
run $.browser.version and get 7.0
it is running a hack between ie 8 and ie 7 now.


3. add jquery (and asmselect) 
use IE 8, (windows 7 tested) run $.browser.version and IE returns 7.0

because of this bug the line causes the ol to render inline not block
//if($.browser.msie && $.browser.version < 8) $ol.css('display', 
'inline-block'); // Thanks Matthew Hutton

What is the expected output? What do you see instead?
it's an IE bug. possibly add an option to turn this hack off 


What version of the product are you using? On what operating system?
Windows 7 , IE 8 , 1.0.4a beta 

Please provide any additional information below.
IE 8 has 6 different render engines. It will not report what engine it is using 
accurately and they are all broken in different ways.
http://sharovatov.wordpress.com/2009/05/18/ie8-rendering-modes-theory-and-practi
ce/

What steps will reproduce the problem?
1. I would like to create new select in the same div container as origin
select. Not in newly created div.

What is the expected output? What do you see instead?
Sometimes is not possible to "replace" origin select due to used css. newly
created select is "shifted".

What version of the product are you using? On what operating system?
1.0.4 beta

Please provide any additional information below.

This isn't an issue with asm select, I just didn't know where else to ask. 

I just want a user to not be able to submit a form if something isn't
selected with asm select. Any easy way to do that (or check if something
has been selected)? I'm using jQuery validation, but it doesn't seem to be
compatible with asm select. By the way, this plugin in awesome.

When I select one or multiple items and then click on the remove link, it
links to the main page and the form is gone.

It happens on FF 3.5 and SeaMonkey (not on my system but on some of my
customers systems). I can't reproduce the error but it really happens:

http://picasaweb.google.de/lh/sredir?uname=christoph.puppe&target=ALBUM&id=53792
03595117546545&authkey=Gv1sRgCNLk55_C5s3RCg&feat=email&mode=SLIDESHOW

What steps will reproduce the problem?
1. create a <select> with a disabled="1" option
2. load page
3. the option in asmselect is not disabled

What is the expected output? What do you see instead?
the option should bedisabled

What version of the product are you using? On what operating system?
1.4beta

Please provide any additional information below.
I've made my own change in the source to do the stuff.
jquery.asmselect.js line 184 :

instead of:

   addSelectOption(id);

replacement :

   if ($t.is(":disabled"))
      addSelectOption(id, true);
   else
      addSelectOption(id); 

Adds an additional field asmSelect0 for the multiple select field on form 
submission.

Solution: Not setting the 'name' attribute (line ~63) for the select takes 
care of this.

What steps will reproduce the problem?
1. Creating a multiple select with optgroups

What is the expected output? What do you see instead?
You get an empty list, because the select doesn't have an options that are
children--only optgroups.


I've attached a patched version that supports optgroups.

Might be an interesting option for large lists to narrow the list with a 
search function - maybe an autocomplete instead of drop down box. But 
scrolling through large lists in dropdown is painful.

When I select one or multiple items and then click on the remove link, it
links to the main page and the form is gone.

It happens on FF 3.5 and SeaMonkey (not on my system but on some of my
customers systems). I can't reproduce the error but it really happens:

http://picasaweb.google.de/lh/sredir?uname=christoph.puppe&target=ALBUM&id=53792
03595117546545&authkey=Gv1sRgCNLk55_C5s3RCg&feat=email&mode=SLIDESHOW

What steps will reproduce the problem?
1. Start up Opera
2. Fill in a new city
3. Press the add button to add the city

What is the expected output? What do you see instead?
The new city should appear in the list now, but it doesn't. Also all other 
city dissapear from the list, only the top city stays visible.

What version of the product are you using? On what operating system?
Opera 9.5, windows xp

Please provide any additional information below.
Demo2 works fine in all other browsers. Also Demo 1 works good in Opera 
9.5 aswell.

What steps will reproduce the problem?

1. Use IE 6 to visit the demo page at
http://www.ryancramer.com/projects/asmselect/examples/example1.html

2. grab onto the second or third item. drag it up above the dropbox or up
to the heading and then let go. (doesn't matter where you let go, you can
even try to put it back where it belongs)

3. You will see that the underlying select list is now revealed. (Which
also happens to cover up your SUBMIT button in this demo).

What is the expected output? What do you see instead?

The un-expected result is the underlying multiple-select listbox appearing.


What version of the product are you using? On what operating system?
Windows XP. IE 6.0.2900

Please provide any additional information below.

That's about it. Very nice plugin by the way!

Firstly congrats on asmselect, awesome plugin! Thank you.

I wasn't sure how to manually trigger the add function. The following code 
seems to work fine. Is there a way to call the triggerOriginalChange or 
selectChangeEvent functions? Or is this method the only way?

jQuery('select.asmSelect option[value='+VAL+']').attr
('selected', 'selected');
jQuery('select.asmSelect').change();jQuery('select.asmSelect').click();

I'm not too familiar with JS or jQuery, learning.. 

Calling the functions directly won't work because of the return index? :S 

Thanks again.

I am wondering if this Key is optionally added or removed from the submitted 
record value?

I am using this to dynamically update a database and this is not a valid DB 
column.

What steps will reproduce the problem?
1. Implemented steps at http://code.google.com/p/jquery-asmselect/

What is the expected output? What do you see instead?
Code after $.asmSelect() is not executed due to javascript error inside the
function.

What version of the product are you using? On what operating system?
asmselect-1.0.4a-beta
firefox 5.5.7 windows xp.

Please provide any additional information below.
javascript error: $ol.sortable is not a function
Line 98 of jquery.asmselect.js

Issue only occurs when sortable:true option is used in $.asmSelect()