Thanks so much for the response - I was doubtful if my posts were even
making it into this list...
Yes - it is clear to me that there is a wierd and unknown issue with the
ajaxsubmit and I am trying other options - the $.ajax and the $.get/$.post.
I will try to debug a bit more if I can pinpoint the issue - otherwise I
will just open an issue and hope the people more familiar with the form
plugin take notice and resolve it.
Thanks again,
Anoop
On Mon, Jul 27, 2009 at 12:12 PM, jackmcleod <jackmcl...@infocode007.com>wrote:
>
> I had 1 problem with ajaxSubmit and switched to using $.post and it
> solved my problems, maybe it can be an alternative for you
>
> On 26 juil, 01:49, anoop <anoopkum...@gmail.com> wrote:
> > After several attempts, I have been able to consistently reproduce
> > this problem. It appears that this is an issue with the ajaxSubmit in
> > the form plugin and only in firefox (latest version), IE 7 does not
> > seem to have this issue.
> >
> > The issue occurs in firefox only; when a page with multiple forms is
> > refreshed (by hitting F5 or ctrl-r) the body of the form and the form
> > header get unsynchronized. But after clicking on the reset button for
> > each form it gets rectified.
> > On IE 7 the refresh did not cause any issue anytime.
> >
> > I tried after removing the ajaxSubmit and the problem did not occur in
> > firefox or IE.
> >
> > I have these lines which I think is the cause of the problem:
> >
> > submitHandler: function(form) {
> > $(form).ajaxSubmit({
> > target: 'body',
> > error: function (xhr) {
> > $('.derror').text("Errors: Please fix " +
> > xhr.statustext).show("fast");
> > }
> >
> > It could be that I am doing something wrong, but that does not explain
> > the inconsistent behavior between the 2 browsers. It was this block of
> > text that I had to remove to make my forms work even after a refresh.
> >
> > Thanks,
> > Anoop
> >
> > On Jul 24, 11:01 am, Anoop kumar V <anoopkum...@gmail.com> wrote:
> >
> >
> >
> > > Attached an html - that shows my situation...
> >
> > > In the page - clicking on any region opens the pop-up form, and once in
> a
> > > while after you submit the pop-ups are mixed up, you see Newyork
> details for
> > > the Washington tab etc. But as soon as I click on the reset button, it
> > > rectifies itself...
> >
> > > Can somebody please help a bit? I am not able to understand / explain
> why
> > > this happens - I do not have a lot of javascript / jquery code, just
> the 2
> > > functions...
> >
> > > Should I call reset for all forms after I submit? If so can someone
> please
> > > show / hint at how that can be achieved?
> >
> > > Thanks,
> > > Anoop
> >
> > > On Fri, Jul 24, 2009 at 2:09 AM, Anoop kumar V <anoopkum...@gmail.com
> >wrote:
> >
> > > > Hi All,
> >
> > > > I have a very weird issue that I have been trying to resolve for over
> a
> > > > week now with no success in sight.
> >
> > > > I use jsp to generate a page of regional information. The regions are
> > > > displayed as clickable blocks. On clicking each block a pop-up form
> opens up
> > > > with the corresponding region details like id, name and acronym.
> These can
> > > > be edited and submitted as updates. There is also a last block that
> allows
> > > > to create a new region which on clicking opens the same kind of form
> as the
> > > > others, except all the fields are blank and required.
> >
> > > > I am using jquery validator plugin (bassistance) to ensure that the
> user
> > > > does not leave any field blank and I also use the form plugin to do
> an
> > > > ajaxsubmit, so that the id enterred is not a duplicate id.
> >
> > > > On submitting the new region form, a new region gets created and
> updates
> > > > the page fine, but intermittently when I click on the other existing
> blocks
> > > > the information shown in the pop-up is for a completely different
> region:
> > > > for example when I click on a block labelled Washington, the popup
> that
> > > > comes up shows New York, NY, 02. On clicking New York block, the same
> > > > (correct) information is show. This does not happen always and I have
> > > > noticed it happening only in firefox, I use firefox more often also.
> Also if
> > > > I take out the ajaxsubmit and do a simple form submit, it seems to
> not
> > > > occur, but I need the ajaxsubmit for the id validation..
> > > > Interestingly, when I click on the reset button on the individual
> form, the
> > > > values in the fields correct themselves automagically for that form..
> >
> > > > I also used firebug, and when I mouseover the field in the firebug
> console,
> > > > the values in the fields are shown correct (in forebug), except the
> page
> > > > displays the incorrect info. I think this safely eliminates my java
> code as
> > > > the culprit... Again - when I reset the particular form, the values
> are
> > > > good, but only for that form, so if I want to clean all such
> incorrect data,
> > > > I will have to open each form pop-up on the page and click on the
> reset
> > > > button - this would not work even as a workaround.
> >
> > > > Below is the code if it helps:
> >
> > > > *************** JS*******************************
> > > > $(function() {
> > > > var bbap = function() {
> > > > $('.cbnav').live('click',function(event) {
> > > > var target = $(event.target);
> > > > if(($(target).is(".main-title")) || ($(target).is(".cls")))
> > > > {
> > > > $('.details').hide();
> > > > if($(target).is(".main-title"))
> > > > $(target).next('.details').show(450);
> > > > } else if ($(target).is('input[type=reset]')){
> > > > $('.derrors').hide();
> > > > $('.errors').hide();
> > > > }
> > > > });
> > > > }
> > > > bbap();
> > > > });
> >
> > > > var v = $(function() {
> > > > $('.main-title').click(function(event) {
> > > > var target = $(event.target);
> > > > var parent = $(target).parent();
> > > > $(parent).validate({
> > > > rules: {
> > > > regionid: "required",
> > > > regionname: "required",
> > > > regionacronym: "required",
> > > > regioncode: "required"
> > > > },
> > > > submitHandler: function(form) {
> > > > $(form).ajaxSubmit({
> > > > target: 'body',
> > > > error: function (xhr) {
> > > > $('.derror').text("Errors: Please fix " +
> > > > xhr.responseText).show("fast");
> > > > }
> > > > });
> > > > return false;
> > > > }
> > > > });
> > > > });
> > > > });
> >
> > > > $('input[type=reset]').click(function() {
> > > > $('.derrors').hideErrors()
> > > > });
> > > > *************** /JS*******************************
> > > > *************** HTML*******************************
> >
> > > > <div class="cbdd">
> >
> > > > <form class="cbnav" action="user/region.jsp" method="post">
> >
> > > > <div class='main-title'>Washington (WAS)</div>
> >
> > > > <div class="details">
> > > > <div class="cls">close </div>
> >
> > > > <div class="form-class">
> > > > <label>Id</label>
> >
> > > > <input type="text" name="regionid" value="01"
> size="2" readonly="readonly"/>
> >
> > > > </div>
> >
> > > > <div class="form-class">
> >
> > > > <label>Acronym</label>
> > > > <input type="text" name="regionacronym" value="WAS"
> size="3"/>
> >
> > > > </div>
> > > > <div class="form-class">
> > > > <label>Name</label>
> >
> > > > <input type="text" name="regionname"
> value="Washington" size="20"/>
> >
> > > > </div>
> >
> > > > <div class="form-class">
> >
> > > > <label>Code</label>
> > > > <input type="text" name ="regioncode" value="M00"
> size="2"/>
> >
> > > > </div>
> > > > <div class="btn">
> > > > <input type="submit" value="Submit"/>
> >
> > > > <input type="reset" name="resetButton" value="Reset" />
> >
> > > > </div>
> >
> > > > </div>
> > > > </form>
> >
> > > > <form class="cbnav" action="user/region.jsp" method="post">
> >
> > > > <div class='main-title'>New York (NY)</div>
> > > > <div class="details">
> >
> > > > <div class="cls">close </div>
> > > > <div class="form-class">
> >
> > > > <label>Id</label>
> > > > <input type="text" name="regionid" value="01"
> size="2" readonly="readonly"/>
> >
> > > > </div>
> > > > <div class="form-class">
> > > > <label>Acronym</label>
> >
> > > > <input type="text" name="regionacronym" value="NY"
> size="3"/>
> >
> > > > </div>
> > > > <div class="form-class">
> >
> > > > <label>Name</label>
> > > > <input type="text" name="regionname" value="New York"
> size="20"/>
> >
> > > > </div>
> > > > <div class="form-class">
> > > > <label>Code</label>
> >
> > > > <input type="text" name ="regioncode" value="NY"
> size="2"/>
> >
> > > > </div>
> > > > <div class="btn">
> >
> > > > <input type="submit" value="Submit"/>
> >
> > > > <input type="reset" name="resetButton" value="Reset" />
> >
> > > > </div>
> > > > </div>
> > > > </form>
> >
> > > > <form class="cbnav" action="user/region.jsp">
> >
> > > > <div class='main-title'>New Region</div>
> > > > <div class="details">
> >
> > > > <div class="cls">close </div>
> > > > <span class="derror"></span>
> >
> > > > <input type="hidden" name="create" value="1"/>
> >
> > > > <div class="form-class">
> > > > <label>Id</label>
> >
> > > > <input type="text" name="regionid" size="2"/>
> >
> > > > </div>
> > > > <div class="form-class">
> > > > <label>Acronym</label>
> >
> > > > <input type="text" name="regionacronym" size="3"/>
> >
> > > > </div>
> > > > <div class="form-class">
> > > > <label>Name</label>
> >
> > > > <input type="text" name="regionname" size="20"/>
> >
> > > > </div>
> > > > <div class="form-class">
> > > > <label>Code</label>
> >
> > > > <input type="text" name="regioncode" size="3"/>
> >
> > > > </div>
> > > > <div class="btn">
> > > > <input type="submit" value="Submit"/>
> >
> > > > <input type="reset"
> >
> > ...
> >
> > plus de détails »- Masquer le texte des messages précédents -
> >
> > - Afficher le texte des messages précédents -
>
