Jump to content

Recommended Posts

I have template(HTML / jQuery v3.6) with wizard steps defined as
<div id="modal-completion-registration" class="modal modal-completion-registration">
 

<div class="completion-registration__progress">
<div class="completion-registration__progress-item active" data-registration-step="1">
...
</div>
<div class="completion-registration__progress-item" data-registration-step="2">
...
</div>
<div class="completion-registration__progress-item" data-registration-step="3">
...
</div>
</div>


I suppose when button on any step block is clicked then next step block becomes active automatically, but in real app
any step is submitted with ajax request and depending on request status(success/failure) I need to move to next step programmatically
with JS code. How can I open next/prior step block with JS code?

This template use jquery3.6.0 and jquery-ui-1.12.1 and no any additive jquery plugings.
I googled in net and failed to find these functionality description.
Please, provide a relative link...

Thanks!
 

The wizard steps are normally driven by Javascript. Your version where you need to do AJAX is also based on Javascript.

Find a mechanism which allows you to tell the wizard to advance to a new step and use it.

HTML does not do wizards. Javascript does not have the concept of "wizards". jQuery does not either but there will be some jQuery-based plugin that does - presumably jQuery UI.

Read the documentation for jQuery UI to see how you can use its wizard thing.

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.