Maikel- Thanks for pointing out my mistake. Your fix got everything working for me.
On Oct 13, 3:37 am, "Maikel Punie" <[EMAIL PROTECTED]> wrote: > hi, > remember ajax stands for asynchronous jax. this means that when you call any > ajax.* the update can be delayed. > > this means that when you call your ajax.Updater class, the update is > initialized but is not yet completed when you start your populate your style > variable, and maybe even not ready when you call your > 'createLineItemSortables' function. > > For this to work correctly you should use the onComplete callback from > ajax.updater, check the akjax.options API docs about > it:http://prototypejs.org/api/ajax/options > > Why is this working if you ibnsert the alert() message, well by inserting > this you create a delay between the ajax call and the call to your > createsortablefunction, this gives the ajax request the time to fully > finish. > > it will be something like this (untested): > ew Ajax.Updater('searchResultsStations', > '/matest/api/callLetters.php', > { method: 'get', parameters: > $('panelForm').serialize(true), onComplete: function() { > styleObj = document.getElementById('searchResultsStations').style; > styleObj.display = 'block'; > createLineItemSortables(); > > } } ); > > regards, > Maikel > > On Sun, Oct 12, 2008 at 11:08 PM, Team SPAM! <[EMAIL PROTECTED]> wrote: > > > I'm trying to make a page that get some HTML from an Ajax.Updater call > > and make the results sortable items. If I put an alert call into my > > javascript function which calls the Updater then that sortables work. > > If I take out the alert call then the page will be updates with new > > data, but they won't be sortable. Any idea why this might be happening > > and how I can get this to work without the alert call? Thanks > > > function getSearchResultStations() { > > //destroyLineItemSortables(); > > > new Ajax.Updater('searchResultsStations', > > '/matest/api/callLetters.php', > > { method: 'get', parameters: > > $('panelForm').serialize(true) } ); > > styleObj = document.getElementById('searchResultsStations').style; > > styleObj.display = 'block'; > > > alert("getSearchResultStations"); > > createLineItemSortables(); > > } > > > function createLineItemSortables() { > > for(var i = 0; i < sections.length; i++) { > > Sortable.create(sections[i], {tag:'div', dropOnEmpty:true, > > containment:sections, only:'lineitem'}); > > } > > } > > > function destroyLineItemSortables() { > > for(var i = 0; i < sections.length; i++) { > > Sortable.destroy(sections[i]); > > } > > } --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" 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/prototype-scriptaculous?hl=en -~----------~----~----~----~------~----~------~--~---
