On 9/7/06, subdigital <[EMAIL PROTECTED]> wrote:
>
> Thanks for the reply
>
> basically the server returns json like this:
>
> {
> [{'name':'item1', 'value':'item1_val'},
> {'name':'item2','value':'item2_val'}....... }
>
>
>
> Keep in mind that this code is a work-in-progress....
> (you can probably just ignore all of the observer/notify stuff. The
> issue happens on the first request using IE 6 only, not firefox)
>
> [begin code snippet]
> /*
> OnDemandDropdown javascript
> */
>
> //the controller for each dropdown
> function OnDemandController(dropdown, includeBlank, loadOnClick,
> ajaxUrl, parent, parentLookupName)
> {
> var self = this;
>
> dropdown.controller = this;
>
> if(dropdown.style.width == "")
> dropdown.style.width = "250px";
>
> this.dropdown = dropdown;
> this.includeBlank = includeBlank;
> this.ajaxUrl = ajaxUrl;
> this.isLoading = false;
> this.loadOnClick = loadOnClick;
> this.loadOnClickComplete = false;
> this.observers = new Array();
> this.parent = parent;
> this.parentLookupName = parentLookupName;
> this.loadingBox = $(dropdown.id + "_loading");
>
>
> if(parent != null)
> {
> dropdown.disabled = true;
>
> parent.controller.observers[parent.controller.observers.length] =
> this;
> }
>
> if(loadOnClick)
> {
> dropdown.onmousedown = partial(doLoad,this);
> }
>
> dropdown.onchange = partial(notifyObservers, this);
>
> this.onNotify = function(parentController)
> {
> log(this.id, " was notified");
>
> this.dropdown.disabled =
> (parentController.dropdown.value == "");
> clearDropdown(this.dropdown);
>
> //reset flag
> this.loadOnClickComplete = false;
>
> if(! this.loadOnClick)
> doLoad(this);
> }
> }
>
> function showLoading(controller)
> {
>
> //show loading image
> controller.loadingBox.style.visibility = "visible";
>
> //show our loading message
> clearDropdown(controller.dropdown);
> appendChildNodes(controller.dropdown, OPTION({selected:"true"},
> "Loading..."));
>
> controller.dropdown.focus();
> }
>
> function hideLoading(controller)
> {
> //show loading image
> controller.loadingBox.style.visibility = "hidden";
>
> //loading message is already gone
> }
>
> function doLoad(controller)
> {
> //if we are loading (or already loaded) then don't do anything
> if(controller.isLoading || (controller.loadOnClick &&
> controller.loadOnClickComplete))
> {
> log("already loading...skipping this request");
> return;
> }
>
> showLoading(controller);
> callLater(.5, partial(doRequest,controller));
> }
>
> function doRequest(controller)
> {
> log("OnDemandDropDown - doing request...");
> controller.isLoading = true;
>
> var url = controller.ajaxUrl;
> //if we have a parent, append the id to our url
> if(controller.parent != null)
> {
> if(controller.parent.value != "")
> url = controller.ajaxUrl + "&" +
> controller.parentLookupName + "=" +
> controller.parent.value;
> }
>
> //send the request
> url += "&nocache=" + (new Date().getTime()); //this doesn't work
> log(url);
> var d = loadJSONDoc(url); //IE HANGS HERE, WINDOW FLICKERS
> d.addCallbacks(partial(doResponse, controller), partial(onError,
> controller));
> }
>
> function doResponse(controller, result)
> {
> log("Response came back successful");
>
> //hide loading graphic
> hideLoading(controller);
>
> controller.isLoading = false;
> if(controller.loadOnClick)
> controller.loadOnClickComplete = true;
>
> bindDropdown(controller.dropdown, result, controller.includeBlank);
> }
>
> function onError(controller, err)
> {
> alert("error loading data: " + err);
> controller.isLoading = false;
>
> hideLoading(controller);
> }
>
> function notifyObservers(controller)
> {
> log(controller.dropdown.id + " changed. Notifying observers.");
> for(var i=0; i<controller.observers.length; i++)
> {
> log("notifying " + controller.observers[i].dropdown.id);
> controller.observers[i].onNotify(controller);
> }
> }
> [end code]
>
> Sorry I cannot post the issue on a public website as I am on an
> internal project.
What you could do is create a reproducible example that uses this code
and some sample data. I highly doubt that it actually hangs and
flickers on the line loadJSONDoc... but I'd need such an example to
look further into it.
-bob
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"MochiKit" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at http://groups.google.com/group/mochikit
-~----------~----~----~----~------~----~------~--~---
