Jquery multistep form easing issue sections on the page - javascript

Good day guys, i just implemented a jquery multistep form on a site i am working on, it works the way it should but causes the elements on the page to loose their original position after clicking the previous button on the form, what could be casuing it? thats what the form looks like before clicking the previous button
thats what the page looks like after clicking previous button

Related

When Gravity Form is submitted then reveal content on same page

Using Wordpress with Divi Theme.
When Gravity Form submit button is pressed and submitted I also want it to reveal a section on the same page. Like a toggle reveal that submits the form at the same time.
I Enabled AJAX so the page doesn't refresh after submission but don't know how to reveal a section of page and submit at the same time. Any help welcome Thanks.
There are a few ways to do this. The easiest would be to put the section you want to reveal in the confirmation box within gravity forms. Alternatively you can have the confirmation process re-direct to a specific page that has the same information as your first page, but with the new content on it as well. Finally, (most complex but also most secure) you can setup the gravity forms to also add the user to a member group (using the "Groups" plugin), then have that groups plugin show and hide info based on group membership.

Multiple Forms on One Page, How to Handle Back Button Behavior?

So I have 3 forms all on one page, and I have buttons on all those forms to go show or hide previous/next forms. However the back button just takes you to the previous page entirely. Is there a way to have the back button to check if there is a previously completed form and go to that form?
Sorry for the open ended question but I'm at a loss.
Using a database to save your previous walk, will be better trying to,manipulate hiding button using styles and JavaScript will get you in cache mess someday ,,
Please paste your code here for we can see wat u have done,,

Symfony 3 Pagination Form Data

i have a problem.
I use Symfony 3 for my project. In my project i have a litte pagination.
See: http://getbootstrap.com/components/#pagination-pager
On these two buttons i use the href attribute to navigate between sites.
This works perfect. But now comes the problem.
On every page are a few input fields of which i need the values.
But the pager "buttons" are links, so if i click on one "button" the form will not be submitted.
If i change the links to real buttons, the form will be submitted, but i can't change the page, because there is ne href attribute.
I know i have to set the location in the action attribute of the from, but then i can't navigate backwards or forwards.
So what can i do to get the form params and navigate forwards and backwards?
I hope you understand my problem.
If you want to go backwards and forwards, you don't want a submit button for each page. You only want a submit button at the end, which will submit your whole form (all the pages).
What you should do is:
Put your pagination and your pages inside a big <form> tag, with an action attribute if needed.
Inside your pages, put your form fields.
For the last page of your form, you "Next" link must be replaced by a submit button.
That way, when you submit your form in the last page, all the fields of your different pages will be submitted at once. And you still can navigate backwards and forwards inside your form before submitting.

Modal Box logic issues

I have recently used Semantic UI to display a modal box in my app. In the modal box is a for, when the form is submitted the values of the forms feilds go on to be used in various ways. My issue is when the page posts back the form feilds are losing their values? For instance a text box that was filled out just appears as empty? However if I move the logic outside the Modal Box it all works fine? Also I have a link that when clicked fires an event in a code behind page, however when in the modal box the event does not fire?
Does anyone have any idea what might be causing these strange issue? It would seem from some things I have tried that its the javascript showing the Modal Box which is causing issues. If I manually add a class to show the modal box and disable the javascript which was causing it to show previously my logic then works fine?
Any help one this would be great im running out of things to try.
For Reference:
Heres the modal box im using http://semantic-ui.com/modules/modal.html#/definition
Here is how to show it according to the docs $('.ui.modal').modal('show'); this is what i believe to be causing the issues
EDIT:
It looks like something in the javascript is rendering the modal just below above the closing body tag regardless of where it is in the context of the website?! This certainly part of the issue, however I fell there is still something else going on

Refresh html page on changing tabs

I have problem in shifting from one tab to another in HTML. I have two tabs, #tab1 and #tab2. I have one form in each of the tabs. when I enter details in #tab1, come to #tab2 and again go back to #tab1, the data I entered is not getting refreshed. The old values are retained back. I want a refreshed form.
I tried reloading the page itself by giving -
window.reload(true);
Whwn I did this, the page is displaying and disappearing within a fraction of second.
And also, tried refreshing the form alone by giving -
$('#formID').reset();
Then, the tab itself is not working. I am not getting any exceptions here. I am using jquery for shifting tabs.
Can any one please help me out in tracing out this problem?
Consider this:
$("tabIdHere").click(function(){
$('#formID')[0].reset();
});
Try this one ..
$("tabIdHere").click(function() {
$(this).closest('form').find("input[type=text], input[type=password],textarea").val("");
});
Clear form fields with jQuery check here too

Categories