I retried and it's still grokking loudly:
http://gthc.org/tm_api-2.0/demo.html
the most irritating part is:
"[e] message = [string] "s.xhr is not a function"
Exception ``TypeError: s.xhr is not a function'' thrown from function
anonymous(event=Object:{38}) in
<http://gthc.org/media/js/jquery-ui-1.7.2-custom/development-bundle/jquery-1.3.2.js>
line 2693.
How is that happening ? Does it need any extra options in $.ajaxSettings
for making it compatible with 1.3.X ?
My $.ajaxSettings looks like this, at least in the 1.2.6 series:
http://gthc.org/tm_api-2.0/src/ajax.js
I have find no use yet for the 'xhr' param, is this now required in
jquery 1.3.X ?
Best regards,
Etienne
Etienne Robillard wrote:
> Thanks!
>
> I'll upgrade to jQuery UI 1.7+ and retry.. :D
>
> Best regards,
> Etienne
>
>
> Cesar Sanz wrote:
>> I had the problem too..
>>
>> You must to update jquery and ui too
>>
>> ----- Original Message -----
>> From: "James" <james.gp....@gmail.com>
>> To: "jQuery (English)" <jquery-en@googlegroups.com>
>> Sent: Monday, June 22, 2009 12:18 PM
>> Subject: [jQuery] Re: jquery-ui dialog and ajax issues updating from 1.2.6
>> to 1.3.2
>>
>>
>>
>> When you update jQuery to 1.3+ from an older version, you also have to
>> update your UI library to 1.7+ because jQuery 1.3+ is not compatible
>> with older versions of jQuery UI.
>>
>> On Jun 22, 5:25 am, Etienne Robillard <robillard.etie...@gmail.com>
>> wrote:
>>> Hi,
>>>
>>> I'm using jquery-ui 1.6 custom build with jquery 1.2.6 trying to
>>> set up a dialog window. Unfortunately I can't update to 1.3.2 since this
>>> would trigger some unexpected XHR-related bugs like the following:
>>>
>>> Exception ``TypeError: M.xhr is not a function'' thrown from function
>>> anonymous(M=Object:{12}) in
>>> <http://localhost/media/js/jquery/jquery-1.3.2.min.js>
>>>
>>> So I'm sticking with the 1.2.6 build, which works fine despite a
>>> minor/not-critical XHR issue:
>>>
>>> Exception ``TypeError: s.accepts is undefined'' thrown from function
>>> anonymous(s=Object:{12}) in
>>> <http://localhost/media/js/jquery/jquery-1.2.6.pack.js>
>>>
>>> Notice that this error is reported in FireBug/Venkman, however Firefox
>>> doesn't seem to care and let the XMLHTTPRequest to execute successfully.
>>>
>>> The code for the dialog window is given below. I don't seem to
>>> understand why posted data cannot be shown on the dialog box twice.
>>>
>>> Moreover, it will display it as I want on the first $.post request but
>>> any additional requests triggered with a click event don't show any
>>> updated data on the dialog box. Venkman reports that the anonymous
>>> callback function manages to obtain the updated data, but still nothing
>>> get shown on the dialog, just an empty div... ;-)
>>>
>>> Any help or advices for debugging this issue?
>>>
>>> Best regards,
>>> Etienne
>>>
>>> This is the script that gets evaluated by jQuery (using $.get(...)). A
>>> json object is returned by the server either containing form validation
>>> errors or a result object that contains simple strings.
>>>
>>> <script type="text/javascript">
>>> $(function(){
>>>
>>> $('#'+'formControlBtn').bind('click', function(){
>>> //send the form with a ajax request. on success,
>>> //return a "comment" preview.
>>> var formData = $('#'+'commentform').serialize();
>>>
>>> //one-liner to remove old error messages before posting a new comment
>>> $('p.error').each(function(){$(this).remove()});
>>>
>>> $.post('comment', formData, function(json) {
>>> var result = json.errordict || json.comment;
>>>
>>> if (result == json.comment) {
>>> // Look for the comment preview..
>>> // Display a pop-up window (dialog) with the comment preview
>>> // in HTML. By clicking on "OK" or "Save" the user has no more
>>> // undo chances and the comment will be made.
>>> var commentHTMLDialog = $('<div id="commentDialog"
>>> class="ui-dialog ui-widget ui-content"><\/div>');
>>>
>>> // Set a title
>>> $(commentHTMLDialog).attr('title', 'Preview comment');
>>>
>>> // Setup default dialog constructor options
>>> $(commentHTMLDialog).dialog({
>>> autoOpen: true,
>>> bgiframe: false, // must keep this for IE6? default =
>>> 'dont care'
>>> width: 500,
>>> modal: true, // prevent reposting while the dialog
>>> is enabled
>>> dialogClass: 'generic',
>>> height: 400,
>>> overlay: {
>>> backgroundColor: '#000',
>>> opacity: 0.5
>>> },
>>> buttons: {
>>> "It's all good, add my comment please." : function() {
>>> $(this).dialog('close');
>>> },
>>> Cancel: function() {
>>> $(this).dialog('close');
>>> }
>>> },
>>> open: function() {
>>> // Constructor to define what to do when opening
>>> // the dialog widget
>>> var commentHTMLBody = $("<ul
>>> id='commentHTMLBody'></ul>");
>>> $(commentHTMLBody).prependTo($(commentHTMLDialog));
>>> for (var x in result) {
>>> // create the "template" on the fly
>>> $('<li>'+x+':
>>> '+result[x]+'<\/li>').appendTo('#'+'commentHTMLBody');
>>> };
>>>
>>> } //open
>>> });
>>>
>>> $(commentHTMLDialog).dialog('open');
>>> return false;
>>> //$('#'+'commentForm').html('Thanks for your input!');
>>> } else {
>>> // found some validation errors
>>> for (var x in result) {
>>> $('<p class="error">'+'<b>'+x+':
>>> <\/b>'+result[x]+'<\/p>').appendTo('#'+'commentForm');
>>> };
>>> };
>>> }, "json");
>>> return false;
>>> });});
>>>
>>> </script>
>>>
>>> --
>>> Etienne Robillard <robillard.etie...@gmail.com>
>>> Green Tea Hackers Club <http://gthc.org/>
>>> Blog: <http://gthc.org/blog/>
>>> PGP Fingerprint: AED6 B33B B41D 5F4F A92A 2B71 874C FB27 F3A9 BDCC
>>
>
>
--
Etienne Robillard <robillard.etie...@gmail.com>
Green Tea Hackers Club <http://gthc.org/>
Blog: <http://gthc.org/blog/>
PGP Fingerprint: AED6 B33B B41D 5F4F A92A 2B71 874C FB27 F3A9 BDCC
