[Solved] Problem with form and postdata in qtip

[Baukereg]

I have this weird problem with qtip for a quick way to enable visitors of my site to submit reactions to my blog.

I have a qtip that loads a certain url: a php file that displays a form. The submit button has an onclickevent that closes the qtip. The form uses ajax on submit to load another php file in a certain div (containing the blogreactions), using post to send its data.

It al works fine on first look. I click 'add reaction' and the qtip appears with the form. I click submit: the qtip is closed and the blogreactions refresh with my new reaction on top. But...

When I try to add another reaction, my first reaction is reposted!

Say my first reaction is "Great post", and my second is "Keep it on!", the second is ignored and the "Great post" reaction is posted a second time.

It has nothing to do with the ajax function. We have used another self-made tooltip in the past, and this problem did not occurre. It seems to be a qtip related bug.

Things I have tried to resolve this without result:

• add a random number to the url loaded in the qtip (showform.php?rand=XXX) to make sure it doesnt load anything from cache
• clear all data from $_POST after adding to reaction to the database
• making sure the form is send before the qtip is closed
  

[Baukereg]

Solved! Took me the whole morning to figure this one out! :O

After submittion, the qtip was hidden but not removed. So the form still exists but just hidden. With the 2nd qtip, another form with the same name was created, but the ajax function still used the first form.

I found this formthread a great help: http://craigsworks.com/projects/forums/t...beforeHide

[b0gui]

May I ask, how you were listening to the form elements inside the content: url.php.

I can't figure out how to get the form elements like $("#inputfield_name").val(). or even $("#submit").click(function() {});

Please help, thank you.

(25th March 08:55)Baukereg Wrote:  I have this weird problem with qtip for a quick way to enable visitors of my site to submit reactions to my blog.

I have a qtip that loads a certain url: a php file that displays a form. The submit button has an onclickevent that closes the qtip. The form uses ajax on submit to load another php file in a certain div (containing the blogreactions), using post to send its data.

It al works fine on first look. I click 'add reaction' and the qtip appears with the form. I click submit: the qtip is closed and the blogreactions refresh with my new reaction on top. But...

When I try to add another reaction, my first reaction is reposted!

Say my first reaction is "Great post", and my second is "Keep it on!", the second is ignored and the "Great post" reaction is posted a second time.

It has nothing to do with the ajax function. We have used another self-made tooltip in the past, and this problem did not occurre. It seems to be a qtip related bug.

Things I have tried to resolve this without result:

• add a random number to the url loaded in the qtip (showform.php?rand=XXX) to make sure it doesnt load anything from cache
• clear all data from $_POST after adding to reaction to the database
• making sure the form is send before the qtip is closed
  

---

Got it

$(this).parents('.qtip').qtip('hide');