jQuery Forum

It works fine if I make those element into mutual list only once.

like $("appropriateSelector").toMutualSelect();

that plugin will add click event handler to each element and they remember the whole list by enclosure.

If I add new elements to that list. and do $("appropriateSelector").toMutualSelect(); again.

new elements will behave as expected but old ones will have problems.

each old element will have the same handler bind multiple times to them.

that will result like toggle two times and messing up the outcome.

How do I prevent this?

I am trying to clean up their bound handlers but seems no luck.

I need to wait for the result of that ajax call so that to determine the size of a panel for the return content.

may I check the status of the XmlHttpRequest object just like plain old ajax?

I can't do everything in the callback because I need some other parameter to invoke the panel to be shown.

today I try to refector my code and got this parsererror.

I inspect my xmlrequest text and looks like this.

2. <?xml version="1.0" encoding="utf-8"?>
3. <string xmlns="http://tempuri.org/">
4.   [{"original":{"original":null,"MonitorId":"64ca8ce7-6b3b-4458-9d20-6cd731fc01d7","FullName":"TestName","ShortName":"Test","SortIndex":1,"OwnerUserId":"7c43898c-2fc0-474d-92d7-9c47ff3b822a","LatitudeWGS84":24.325,"LongitudeWGS84":120.7536,"Altitude":13.65,"IsDefaultMonitor":false,"MonitorGroupId":"f9645bf3-a961-480d-b17a-4fa6755fbfae","ShareOptionId":3,"IsDisabled":false,"LoggerId":"bb7b93f0-7d91-483a-871a-0529a5317929"},
5.   "MonitorId":"64ca8ce7-6b3b-4458-9d20-6cd731fc01d7","FullName":"TestName","ShortName":"Test","SortIndex":1,"OwnerUserId":"7c43898c-2fc0-474d-92d7-9c47ff3b822a","LatitudeWGS84":24.325,"LongitudeWGS84":120.7536,"Altitude":13.65,"IsDefaultMonitor":false,"MonitorGroupId":"f9645bf3-a961-480d-b17a-4fa6755fbfae","ShareOptionId":3,"IsDisabled":false,"LoggerId":"bb7b93f0-7d91-483a-871a-0529a5317929"}]
6. </string>

So what is this parsererror about? it keeps me from my success callback.

Currently is to choose one color out of two.

And then I will use the color selected to create some element and add to the document.

I tried to use global variable to store the choice but that is too slow for my element creation.

Is there a synchronize way to wait for the modal to return value?

The following is invoked when user click on a specific element

1. 
   
2. var SelectedColor = '#0000FF';  //global variable
3. function CreateRoute(marker) {
4.                 //create route
5.                 var vertex = [];
6.                 vertex.push(marker.getLatLng());
7.                 //Block here and ask for color
8.                 SelectedColor = null;
9.                 $("#ChooseColor").dialog('open');
10.                 //this one should wait callback
11.                 var polyline = createGPolyline(vertex, SelectedColor, 5, 0.5);
12. 
    
13.                 $gmap.addOverlay(polyline);
14.                 polyline.enableDrawing({});
15.                 GEvent.addListener(polyline, "endline", function() { BindEditRoute(polyline) });
16.                 GEvent.addListener(polyline, "lineupdated", function() { UpdateRoute(polyline) });
17.             }

and those elements will trigger elements in next level.

It is a three levels hierarchy so to speak.

but each element will send an ajax request when selected.

Those requests will become out of control especially when I repeatedly click the root element.

Can I queue those XHR request in a queue and send them one by one?

or maybe add a delay before send so that they can collect their information into one batch request and send one request after that.

Please advice. Thank you very much.

2. function InvokeRequest(Url, SuccessCallback, ErrorCallback) {
3.     $.ajax({
4.         type: "POST",
5.         url: Url,
6.         cache: false,
7.         contentType: "application/json; charset=utf-8",
8.         dataType: "json",
9.         success: SuccessCallback,
10.         error: ErrorCallback
11.     });

What do I do wrong?

#varableName = someMethod();

that someMethod return an object instance.

Then I can access that object outside that plugin.

Is this a standard javascript global variable or some jQuery feature?

I have developed my own selectable plugin. works fine.

I want to do something like jQueryUI sortable, But don't know how.

for example, after making some element sortable, you can call a serialize function to serialize them.

$("selector").sortable("serialize");

I want to develop that kind of member functions to my plugin too.

1. $("selector").selectable("functionName");

2. $("selector").functionName();   //this is even better

I can't find the syntax or example on how to develop this feature.

Please tell me if you know how its done.

There is highlight/error styled div block in the theme but how can I use them?

is there something like $("div").highlight(); ?

I would like to use those style to show my feedback to client.

I am trying to use sortable to <tbody> and other html elements.

so far, they can too be sortable but the default jQuery UI CSS style will not apply.

Does anyone try to use sortable on other html elements too? how to work around the style problem?

$("#ResultPanel").fixedHeaderTable({ autoResize: false, fixCol1: true });

but the first column is still not fix.

anyone managed to fix the column?

here is the FixedHeaderTable 

They both work great but not with each other.

I am adding a fixedheadertable dynamically from ajax callback to one of the accordion draw.

the problem is accordion "eat" my table fixed header.

it is gone. it is there if I don't use accordion.

anyone encounter and manage to solve this?

I have two result.

SelectableChildren: groupHead.nextAll(".SimpleButton")

and

SelectableChildren: groupHead.nextAll(".SimpleButton").next().children(".SimpleButton")

I would like to combine them into one object so that I can bind a handle to them in one loop.

$.each(combineResult, function(index, object){ ... })

I have to make them in one, so that I can pass it around.

please help.

I have an jquery element like this
$(<td><input id="abc" type="radio"/><label for="abc" /></td>)

I bind my click handler to <td> element.
if I click the <label> element, it will propagate to <td> and then forward to <input> since the for="abc" is there.
then <input> click is fired and propagate to <td>. My <td> click got fired twice. That's not the bug.
The bug is if I use css visibility:hidden to hide my <input>. <label> click event will stop forwarding to my hidden <input> in IE7 (not tested in IE5,6,8).
But FF3 works just fine!

I think the FF way is more suitable since it is hidden but not removed!

I need some information to work around this.
1. could I forward the event to my hidden input manually (for IE)?
2. could I get which element is propagating the event to me (input/label)?

I have an jquery element like this
$(<td><input type=radio/><label /></td>)

I add a click event handle to the td and if I click on the radio button, it works.
click on the label, doesn't work.
click on space which is not the radio button and not the label, it works.

so what is the right way to make sure all children will trigger the save event handler?