script working problems

[glennmckenna]

hello,
i'm busy creating a multistep form, i've got it all working on codepen

https://codepen.io/glennmckenna/pen/WGWrYY

but when i transfer it to the website, it doesn't wor any more

Code Select Expand

<?php
function template_main() {
    global $boardurl, $context, $settings, $options, $txt, $scripturl, $modSettings, $sourcedir;



    $g_gen = allowedTo('genevent');


    if ($g_gen) {
        echo '
<!--fetch script for multi step form -->
<script type="text/javascript" src="../../../scripts/mstep-form.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<!--end-->
  
            <div class="windowbg4">
                <form id="msform">
                <!-- progressbar -->
                  <div id="crumbs">
                    <ul id="progressbar" class="col-md-12 col-xs-12">
                        <li class="col-md-2-5 col-xs-2-5 active"><div class="div1"><strong>Step 1</strong><br />Some random text that describes the step</div></li>
                        <li class="col-md-2-5 col-xs-2-5"><div class="div2"><strong>Step 2</strong><br />Some random text that describes the step</div></li>
                        <li class="col-md-2-5 col-xs-2-5"><div class="div2"><strong>Step 2</strong><br />Some random text that describes the step</div></li>
                        <li class="col-md-3 col-xs-3"><div class="div2"><strong>Step 3</strong><br />Some random text that describes the step</div></li>
                    </ul>
                  </div>
                    <!-- fieldsets -->
<fieldset>
    <input type="button" name="next" class="next action-button" value="Next" />
  </fieldset>
  <fieldset>
   <input type="button" name="previous" class="previous action-button" value="Previous" />
    <input type="button" name="next" class="next action-button" value="Next" />
  </fieldset>
    <fieldset>
   <input type="button" name="previous" class="previous action-button" value="Previous" />
    <input type="button" name="next" class="next action-button" value="Next" />
  </fieldset>
  <fieldset>
    <input type="button" name="previous" class="previous action-button" value="Previous" />
    <input type="submit" name="submit" class="submit action-button" value="Submit" />
  </fieldset>
                </form>
            </div>
        ';
    }elseif (file_exists(dirname(dirname(__FILE__)) . '/Settings.php'))
    {
        // Found it!
        require(dirname(dirname(__FILE__)) . '/Settings.php');
        header('Location: ' . $boardurl);
    }
// Can't find it... just forget it.
    else
        exit;
}



?>

[glennmckenna]

i first off thought that is was the links between the scripts but they all seem correct
here is a link to the page
http://beta.mdl-palissy.fr/forum/index.php?action=genevent

here is the functionment that i'm aiming for

[glennmckenna]

i wasn't able to fix the probleme so i changed to another multistep form