
34 comments found.
Hiya,
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.
Cheers.
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.
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 …!
<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:
$(function(){ $('#form1').submit(funciton(){ $.ajax({ type:'POST', url: 'url_of_process_data_page.ext', data: $('#form1').serialize(), success:function(data){ /* 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!
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
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” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <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’,’mandat@yah.fr‘); // 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 uok , 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….
these are problems that can be solved. is not necessary to offend Envato or authors. I will gladly issue a refund, no problem. when i fixed it i give you my script like a my present. I think as a author I’ve always been very helpful with my clients. I do not deserve this bad publicity
I am sorry for coming off so strongly. For the record I still rated this script 4 out of 5 stars. It is by in large a good script and I am not seeking a refund. I am however still trying to come up with a fix for the IE7 issue. From what I have been able to gather its some issue with the overflow property. I imagine that others beside myself would appreciate any suggestions on how to fix the issue. Any ideas?
ok, i’m studing to fix it. wen i’ll ready i call you. sorry for inconvenience
i solved the problem, just time to be approved from envato team. when you see in item description v.1.2 it’ll ready and you can download it another time.
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.
Ciao!
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)
1) go to line 32 and change it from
container.animate({'left' : np}, 200,function(){into
container.animate({'left' : np}, 0,function(){2) go to line 40 and change it from
container.animate({'left' : np}, 200,function(){into
container.animate({'left' : np}, 0,function(){3) go to line 161 and change it from
$container_steps.animate({'left' : -offset_left},100,function(){into
$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
hi, thank you for purchase.
please write into general.css other 2 rules:
.container_form{ align-text:right; } .container_steps{ align-text:left; }let me know if it works

Hi MrPlugins, thanks! Another question, I put your step form in a tab container which contains of 3 tabs, each tab has a form. Form only works on the first tab, the second and third tab forms are not working.
give me more info, if i not see the code i can’t give you a solution.
if you can, give me a link where you use plugin.
Can I email you the file instead? Where can i get your email address?
no mate, sorry but i i can’t do customizations, please give me a link where i can see plugin in action and so i can give you an advice.
Sorry, i hope you understand:
if I make customizations to all of my clients my day would be lost
Hi, Don’t mean to ask for customizations. Actually I want to know possible to make the buttons : “next”, “prev”, “submit” controlled by jquery-Stepize.js to be visible inside the html tag, ie:
<input class=”myButton” name=”submit” type=”button” value=”submit” />
in this release it is not possible because plugin append buttons to the form.
i’m working on a new release with more options, if you can’t wait for it you can edit plugin code
Hi, guess I will have to wait because I do not know javascript… Your new release will be an update to this existing file or we have to purchase it again?
Hi, below are some of the options that I wish to achieve, appreciate if you could let me know if it’s possible. 1. How to use this plugin without “fstep”. Means no multiple “steps”. 2. Possible to create multiple steppize forms in a single html page? ie: form1, form2 and form3.
contact me on skype and i’ll send you new file asap
Hi, I don’t have Skype. I’ve send you email.
Hi, am I suppose to receive a new file from you?
sorry, i’m writing new file. i told you that i’ll send file asap
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
You can try this:
$('Your_selector_form').submit(function(){ var confirm_message=window.confirm("Do you want send data?") if (!confirm_message) return false; });let me know

Sorry I wasn’t clear. i meant in your code for stepize, how to include that confirmation.
if ($steps.eq(current_step($steps, $this)).find('.error:visible').length == 0) { submitForm() } else { $this.animate({ 'height': $steps.eq(current_step($steps, $this)).height() + 'px' }, 200) }
try
if ($steps.eq(current_step($steps, $this)).find('.error:visible').length == 0) { $this.submit(function(){ var confirm_message=window.confirm("Do you want send data?") if (!confirm_message) return false; }); } else { $this.animate({ 'height': $steps.eq(current_step($steps, $this)).height() + 'px' }, 200) }
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
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!
hi, it’s strange. please give me your code via email (envato@mrplugins.it)
I think it is resolved now, it may have been the browser version I was using at the time. I’ll do further testing as I have to work on it some more anyways, the stages are completed just the form handler needs finished; so I’ll let you know if I have further issues. Thanks for getting back to me. The code is fantastic & the forms created with it are going to look and function very nicely. Good job again. Looking at purchasing your JQuery Dialogize as well next.
i’m glad you fixed. at your disposal
Additional question; I have modified line 56 of ‘jquery-Stepize.js to read the following. Text_Prev : ‘Previous’,//—> text of “PREV” button However when I refresh the form; the button is still labeled ‘Prev’. Are there additional steps I need to perform to make this change complete?
try to empty cache
Negative. I also have viewed the form from another computer that has never visited, and same result.
http://sj.shyhosting.com/applicationyou are including the min version (jquery-Stepize.min.js) but you are editing the default version of the script.
Excellent, I see the mistake and have corrected it. I am not sure of the differences between the two modes? Additionally I am trying to use the submit button and it is not processing content from if ($_POST[submit]) { // SQL Insert echo “App Completed”; } Any thoughts on this issue? <form style=”” method=’post’ id=”form1”>
i see you are missing the action into form
Sorry I don’t follow. Can you add me on Skype I have sent you friend request
a form need tag action
<form action="destination_url_script".....
you missed this tag
Ah; got it working. Thanks for that pointer… Not sure how I overlooked that.
no problem.