This may possibly be a jQuery UI issue, you should post your question to the jQuery UI list: http://groups.google.com/group/jquery-ui
--John On Fri, Jul 17, 2009 at 11:07 AM, vrn_shan <varun.c...@gmail.com> wrote: > > We are using jQuery 1.3.2 and jQuery UI 1.7.2 in our project. > > Everything was working perfect till we were using jQuery UI 1.7.1. > Then we upgraded to jQuery UI 1.7.2, but it is causing a trouble in > Opera (9.63). > > The issue is as follows :- There is a jQuery UI dialog with a textarea > and a submit button which posts the data in "textarea" to the server. > Before opening the dialog the value of textarea is set to blank. Also > I am using Modal:true to get the overlay. > > Now when I open the dialog for the 1st time, enter some data in > textarea and click submit, it posts the data to server.Then I close > the dialog, and reopen it, again enter some text in the text area and > submit again. This time it is posting empty data (or whatever value > was set for the "textarea" before openeing the dialog.) > > The issue is only in Opera and rest browsers are working fine. Even > opera works fine if i set modal as false, or if i use jQuery UI 1.7.1. > I have written a sample program to demonstrate this issue. > > <html> > <head> > <link type="text/css" href="jquery.custom.ui.css" rel="stylesheet" /> > <script type="text/javascript" src="http://www.google.com/jsapi? > key=ABCDEFG <http://www.google.com/jsapi?%0Akey=ABCDEFG>"></script> > <script type="text/javascript"> > google.load("jquery", "1.3.2"); > google.load("jqueryui", "1.7.2"); > > //Attach a hidden dialog to body. > function initDialog() > { > var innerDiv = $("<div>"); > $(innerDiv).attr({'id' : 'testDialog'}); > > var textBox = $("<textarea>"); > $(textBox).attr({'id' : 'testBox', 'rows' : '2'}); > > $(innerDiv).append(textBox).appendTo('body'); > $('#testDialog').css('visibility', 'hidden'); > > $('#testDialog').dialog({ > autoOpen : false, > width : 500, > modal : true, > title : 'Enter text and click Alert', > buttons : > { > "Alert" : function() { > alert($('#testBox').val()); > } > } > > }); > } > > //Show the hidden dialog. > function showDialog() > { > $('#testDialog').css('visibility', 'visible'); > $('#testBox').val(''); > $('#testDialog').dialog('open'); > > } > > window.onload = function() { > initDialog(); > $('#mylink').click(function(){ > showDialog(); > }); > > } > </script> > </head> > <body> > <div> > <p> > Open this page in FF. > <br/> > > <a href="javascript:void(0);" id='mylink'>Click here </a> and > enter some text in box and click "Alert". > <br/> > > Now close the dialog and repeat above. > <br/> > It behaves as expected. > <br/><br/><br/> > > > Now repeat the same in Opera. > <br/> > The second time it will show empty alert. > <br/><br/><br/> > This issue comes only in jQuery UI version to 1.7.2. > <br/> > If you change in the code above, the jQuery UI version to > 1.7.1, it will work fine. > <br/> > Even in jQuery UI version to 1.7.2, if you make modal=false, > it will work as expected. > <br/> > </p> > > > </div> > </body> > > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery Development" group. To post to this group, send email to jquery-dev@googlegroups.com To unsubscribe from this group, send email to jquery-dev+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-dev?hl=en -~----------~----~----~----~------~----~------~--~---