MrPlugins does not currently provide support for this item.

34 comments found.


Sorry for the delay in response, been a busy time.

I have applied new code ( made a few alterations so the resize only occurs when necessary )

But now all is good! :)

Thanks again for awesome support.

I am now on the stage of browser version testing, i will report any problems i may find if at all any exist.


PS : guys/gals – if you are having any doubts on this product or author, then let me assure you this guy and his product are fantastic! 10 stars from me..

10x for your compliments, i haven’t words. :bashfulcute:

Hello, thank u for this great work, but I can not configure the email was sent, can you please tell me where in the code should be put in it .

because I can not find the attribute “action = ..” generally as in other forms

PS: I’m still a beginner …!

you can use it as a normal form, i don’t put some attributes in the example. so you can write a thing like this:
<form style="" id="form1" action="your_action" method="POST/GET">

but i suggest you to send form via ajax , it’s more beautiful.
for example, with jquery:
      url: 'url_of_process_data_page.ext',
      data: $('#form1').serialize(),
        /* some stuff when data are processed */
   return false;

I’m a bit stuck, can you please, give me an example with your script please, please! :crying::crying:

i don’t know what do you do. i can’t do a work for you, sorry but i’ve more projects in progress. it’s very simple. the html of form is a regular hatl, the plugin provides to do all

write your code and after post it here

Hello and thank you again for your help

Here is the code of the two files => index.html and traitment.php traitment.php => data will be recovered in the form.

My problem is that when I type on the “submit” button NOTHING happens INDEX .HTML

<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1 .0 Transitional//IT” “”> <html xmlns=””> <head> <meta http-equiv=”Content-Type” content=”text/html;charset=iso-8859-1” /> <title>mandara form</title> <style type=”text/css”> .menu_a_comparsa{ position:absolute; z-index:1 }

</style> <link rel=”stylesheet” href=”general.css” type=”text/css”/> <script type=”text/javascript” src=”js/jquery-1.7.1.min.js”></script> <script type=”text/javascript” src=”js/jquery-ui.js”></script> <script type=”text/javascript” src=”js/jquery.validate.js”></script> <script type=”text/javascript” src=”js/jquery-Stepize.min.js”></script> <script type=”text/javascript” src=”js/syntaxhighlighter/shCore.js”></script> <script type=”text/javascript” src=”js/syntaxhighlighter/shBrushJScript.js”></script> <script type=”text/javascript” src=”js/syntaxhighlighter/shBrushPlain.js”></script> <script type=”text/javascript” src=”js/syntaxhighlighter/shBrushCss.js”></script> <script type=”text/javascript” src=”js/syntaxhighlighter/shBrushXml.js”></script> <link type=”text/css” rel=”stylesheet” href=”js/syntaxhighlighter/shCore.css”/> <link type=”text/css” rel=”stylesheet” href=”js/syntaxhighlighter/shThemeDefault.css”/> <link type=”text/css” rel=”stylesheet” href=”js/jquery-ui.css”/> <!—[if IE]> <style type=’text/css’>
  • html .myButton { display:inline; } /* hack per IE 6 /
  • + html .myButton { display:inline; } / hack per IE 7 / </style> <![endif]—> <script type=”text/javascript”> SyntaxHighlighter.config.clipboardSwf = ‘js/syntaxhighlighter/clipboard.swf’; SyntaxHighlighter.all(); $(function(){ var start = “350”; $(window).scroll(function(){ if($(window).scrollTop()>start){ var SCREENscrolltop = $(window).scrollTop()-$(’#header’).height()-50; $(”#menu”).hide(); $(”#menu”).addClass(“menu_a_comparsa”).css({top $(”#menu”).show(); }else{ $(”#menu”).hide(); $(”#menu”).removeClass(“menu_a_comparsa”); $(”#menu”).show(); } }); $(’#menu li a’).each(function(){ $(this).click(function(){ var anchor = $(this).attr(‘rel’); $(‘html,body’).animate({scrollTop: $(”#”+anchor).offset().top},’slow’); return false; }); }); $(’#form1’).StepizeForm().submit(function(){ $.ajax({ type:’POST’, url: ‘’, data: $(’#form1’).serialize(), success:function(data){“thank you” / some stuff when data are processed */ } }); return false; }); }); </script> <style type=”text/css”> ..... ____________

TRAITMENT .php => <?php $msg_ok = “thank you for your request.”; $message = $msg_erreur; define(‘MAIL_DESTINATAIRE’,’‘); // my email define(‘MAIL_SUJET’,’form by mandara’);

if (strlen($message) > strlen($msg_erreur)) { echo $message; die(); }

foreach($_POST as $index => $valeur) { $$index = stripslashes(trim($valeur)); }

$interets = $_POST[‘interets’]; $sqlinterets = ’’; for ($i=0; $i<count($interets); $i++) { $sqlinterets .= $interets[$i]; $sqlinterets .= ’, ’; }

$mail_entete = “MIME-Version: 1.0\r\n”; $mail_entete .= “From: {$_POST[‘nom’]} ” .”<{$_POST[‘email’]}>\r\n”; $mail_entete .= ‘Reply-To: ’.$_POST[‘email’].”\r\n”; $mail_entete .= ‘Content-Type: text/plain; charset=”iso-8859-1”’; $mail_entete .= ”\r\nContent-Transfer-Encoding: 8bit\r\n”; $mail_entete .= ‘X-Mailer:PHP/’ . phpversion().”\r\n”;

$mail_corps = “Message of : $nama\n”; $mail_corps = “Message of : $surname\n”; $mail_corps = “Message of : $addresse\n”; $mail_corps = “Message of : $nom_etprenom\n”; $mail_corps = “Message of : $fonction\n”; $mail_corps = “Message of : $email\n”; $mail_corps .= $comments;

// send mail if (mail(MAIL_DESTINATAIRE,MAIL_SUJET,$mail_corps,$mail_entete)) { echo $msg_ok; } else { //Le mail not send echo “you have error in your email”; }

?> for the rest I have no problem, thak u
i can’t see the form. can you send me 2 files to my email address?

ok , thank’s

Can I submit the form before the last tab (in the tab 3, for example) and continue the navigation to see others informations?

sorry, it’s not possible.

Attention: those needing this to work on Internet Explorer 7

Step form Breaks in IE7 —Thought it was just my build of the script then I checked your demo and it too breaks in IE7 . I only purchase scripts that are compatible to my target browsers. In your case you list IE6 , and IE7 as being supported. I could care less about IE6 but IE7 overflow bug should be fixed. I feel like you need to either change the browser support details or release a fix for the IE 7 bug. Otherwise, I will highly regret ever making the purchase. Shame on me for not testing the demo page in the target browser (ie7). Shame on code canyon / author for false advertising….

it’s ready for download

Hats off! Thank you for the impressively rapid response. Working in all browsers worth worrying about = product goes from 4 stars to 5 in my book. Thanks again.

not problems, i’m here for any help. ;-)


It´s a functionally form?


what s mean ? this only a sample form and there is not a remote page that process data. it is used only for demostration of js plugin but in pakage there is a stand alone version with the form

Hi! And in the stand alone version have a remote page for process the data? php? Thanks!

there is not php page. sorry but it is not the plugin’s purpose

Please tell me is it possible to remove animation (from right to left)

sure, it’s possible:
1) go to line 32 and change it from
container.animate({'left' : np}, 200,function(){
container.animate({'left' : np}, 0,function(){
2) go to line 40 and change it from
container.animate({'left' : np}, 200,function(){
container.animate({'left' : np}, 0,function(){
3) go to line 161 and change it from
$container_steps.animate({'left' : -offset_left},100,function(){ 
$container_steps.animate({'left' : -offset_left},0,function(){ 

Hi, How do I float the button to the right? I added float: right to myButton in general.css, it works except at end step, the submit and previous button switch place, (Previous on the right, and Submit on the right). How to maintain Previous on the left and Submit on the right, but float the button(s) to right

I sent you an email with the attachment.
good work

Hi Mr Plugin, I received your new js file. Am looking into it and hope I can complete my form without further disturbing you. Thank you very much. You provide the best service so far and I looking forward to purchase more of your plugins. Cheers!

i hope that it’ll be ok.
i’m glad to help you, have a good day

So this customization, is it also included in this download? what version are you running here now?

hi, what customization?

Is it problem for you to tell me how to add alert box to confirm or cancel form submition? Thanks

Thank you!

Ups, sorry, this is not working. Now the form is not getting submited at all. And there is no alert box. And it doesn’t throw any errors.

try to explain better, sorry. do you want a pop-up for each step?
p.s. i’m not at work in this moment, i can try to do it tomorrow.
leave me a message here asap ;-)


dmotejr Purchased

Hi; I purchased yesterday and wasted no time using it. I love it… Converting an Employment Application to utilize it. However I have ran into trouble; I can’t seem to get the next button to work beyond Step 4. I have added additional div’s for the additional steps, which you can get to from the top buttons, but the next button does not move forward past Step 4. Can you enlighten me on how to fix this? Thanks!

a form need tag action

<form action="destination_url_script".....

you missed this tag


dmotejr Purchased

Ah; got it working. Thanks for that pointer… Not sure how I overlooked that.

no problem.