Author: mgallegos Date: 2012-05-31 01:30:03 +0200 (Thu, 31 May 2012) New Revision: 417 Modified: trunk/src/mc-dia-form2.css trunk/src/mc-dia-form2.js trunk/wp-theme/mc2-form.php Log: Modified: trunk/src/mc-dia-form2.css =================================================================== --- trunk/src/mc-dia-form2.css 2012-05-30 22:39:09 UTC (rev 416) +++ trunk/src/mc-dia-form2.css 2012-05-30 23:30:03 UTC (rev 417) @@ -30,7 +30,7 @@ overflow: hidden; position: relative;*/ } - #containerSlides #first_step, #second_step, #third_step, #fourth_step { display: none; } + #containerSlides #first_step, #second_step, #third_step, #fourth_step, #fifth_step { display: none; } #containerSlides #first_step { display: block; width: 754px;padding-top:25px;position: relative;margin: 0 auto;} #containerSlides .form { margin: 20px 72px 0 72px; } Modified: trunk/src/mc-dia-form2.js =================================================================== --- trunk/src/mc-dia-form2.js 2012-05-30 22:39:09 UTC (rev 416) +++ trunk/src/mc-dia-form2.js 2012-05-30 23:30:03 UTC (rev 417) @@ -565,7 +565,7 @@ if(!error) { //update progress bar - $j('#progress_text').html('25% Complete'); + $j('#progress_text').html('20% Complete'); $j('#progress').css('width','68px'); //slide steps @@ -577,7 +577,7 @@ $j('#submit_second').click(function(){ //remove classes - $j('#second_step input').removeClass('error').removeClass('valid'); + /*$j('#second_step input').removeClass('error').removeClass('valid'); var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/; var fields = $j('#second_step input[type=text]'); @@ -602,13 +602,21 @@ //slide steps $j('#second_step').slideUp(); $j('#third_step').slideDown(); - } else return false; + } else return false;*/ + //update progress bar + $j('#progress_text').html('40% Complete'); + $j('#progress').css('width','136px'); + + //slide steps + $j('#second_step').slideUp(); + $j('#third_step').slideDown(); + }); $j('#submit_third').click(function(){ - //update progress bar +/* //update progress bar $j('#progress_text').html('100% Complete'); $j('#progress').css('width','339px'); @@ -630,13 +638,40 @@ //slide steps $j('#third_step').slideUp(); - $j('#fourth_step').slideDown(); + $j('#fourth_step').slideDown(); +*/ + //update progress bar + $j('#progress_text').html('60% Complete'); + $j('#progress').css('width','204px'); + + //slide steps + $j('#third_step').slideUp(); + $j('#fourth_step').slideDown(); }); $j('#submit_fourth').click(function(){ - //send information to server - alert('Data sent'); + + //update progress bar + $j('#progress_text').html('80% Complete'); + $j('#progress').css('width','272px'); + + //slide steps + $j('#fourth_step').slideUp(); + $j('#fifth_step').slideDown(); + }); + + $j('#submit_fifth').click(function(){ + +/* //update progress bar + $j('#progress_text').html('50% Complete'); + $j('#progress').css('width','136px'); + + //slide steps + $j('#second_step').slideUp(); + $j('#third_step').slideDown(); +*/ + }); }); \ No newline at end of file Modified: trunk/wp-theme/mc2-form.php =================================================================== --- trunk/wp-theme/mc2-form.php 2012-05-30 22:39:09 UTC (rev 416) +++ trunk/wp-theme/mc2-form.php 2012-05-30 23:30:03 UTC (rev 417) @@ -75,7 +75,7 @@ </div> </div> <div style="float: left;width: auto;"> - <img src="/mc/0.1/images/step1.png" alt="step1" class="mc-steps-number-v2" /> + <!-- <img src="/mc/0.1/images/step1.png" alt="step1" class="mc-steps-number-v2" /> --> <div style="float:right;width:10px;height:47px;"></div> <div id="mc-form-optional-non-profit" style="width: 500px;"> <!--<img src="/mc/0.1/images/button_cancel.png" alt="selected" id="button-close-a" style="display: inline;position: relative;top: -23px;z-index: 1000;left: 476px;"/> --> @@ -105,6 +105,7 @@ </div> </div> </div> + <input class="submit" type="submit" name="submit_second" id="submit_second" value="" /> <div class="mc-clean"></div> </div><!-- End second slide --> <div class="clear"></div> @@ -131,7 +132,7 @@ </div> </div> <div style="float: left;width: auto;"> - <img src="/mc/0.1/images/step2.png" alt="step2" class="mc-steps-number-v2" /> + <!--<img src="/mc/0.1/images/step2.png" alt="step2" class="mc-steps-number-v2" />--> <div id="mc-form-optional-reproducible" style="width: 500px;"> <!--<img src="/mc/0.1/images/button_cancel.png" alt="selected" id="button-close-b" style="display: inline;position: relative;top: -23px;z-index: 1000;left: 476px;"/>--> <div class="blockMe2" style="position: relative;float: left;width: 440px;font-size: 16px;margin-left: 10px;margin-top: 30px;border: 1px solid #B7C4C8;margin-bottom: 20px;"> @@ -207,7 +208,7 @@ </div> </div> <div style="float: left;width: auto;"> - <img src="/mc/0.1/images/step3.png" alt="step3" class="mc-steps-number-v2" /> + <!--<img src="/mc/0.1/images/step3.png" alt="step3" class="mc-steps-number-v2" />--> <div id="mc-form-optional-reinforcing" style="width: 500px;"> <!--<img src="/mc/0.1/images/button_cancel.png" alt="selected" id="button-close-c" style="display: inline;position: relative;top: -23px;z-index: 1000;left: 476px;"/>--> <div class="blockMe3" style="position: relative;float: left;width: 440px;font-size: 16px;margin-left: 10px;margin-top: 30px;border: 1px solid #B7C4C8;"> @@ -230,10 +231,67 @@ </div> </div> </div> - <div class="mc-clean"></div> - + <div class="mc-clean"></div> </div><!-- End Fourth slide --> <div class="clear"></div> + <div id="fifth_step"><!-- Fifth slide --> + <div class="mc-cat-group-v2" id="mc-cat-group-d"> + <div style="float: left;" class="mc-form-category-group-a-v2"> + <div class="mc-form-rounded mc-form-category-group-v2 float-left" id="mc-form-category-group-d"> + <img src="/mc/0.1/images/cat-selected.png" alt="selected" class="mc-cat-selected mc-cat-selected-a" id="mc-cat-selected-gr" /> + <div id="mc-form-gr" class="mc-form-rounded mc-form-descbox mc-form-descbox-a"> + <!-- + <div id="mc-form-more-link-gr" class="mc-form-link"><?php _e("What is this?", "mc"); ?></div> + <div id="mc-form-less-link-gr" class="mc-form-link"><?php _e("less info", "mc"); ?></div> + --> + <div class="mc-form-descbox-header"><?php _e("Grassroots", "mc"); ?><input id="gr-checkbox" name="gr-checkbox" type="checkbox" value="N" onclick="clickCheckBox('gr')"></div> + <div class="mc-form-descbox-intro"><?php _e("Your initiative is driven by horizontal collective decisions", "mc"); ?></div> + <div id="mc-form-more-text-gr" class="mc-form-more-text-v2"> + <?php _e("<ul> <li>The initiative follows collective decision-making procedures for tackling most issues</li> <li>The hierarchical structure is minimal or inexistent. That is, horizontal grassroots discussions of the members have a major weight when compared with vertical instructions from the board</li> </ul>", "mc"); ?> + </div> + </div> + <div class="mc-form-icon mc-form-icon-a"> + <img id="mc-form-icon-gr" alt="rp" src="/mc/0.1/images/gr60.png" /> + </div> + </div> + <div style="float: left;width: auto;"> + <img src="/mc/0.1/images/step4.png" alt="step4" class="mc-steps-number-v2" /> + <div id="mc-form-optional-grassroots" style="width: 500px;"> + <!--<img src="/mc/0.1/images/button_cancel.png" alt="selected" id="button-close-d" style="display: inline;position: relative;top: -23px;z-index: 1000;left: 476px;"/>--> + <div class="blockMe4" style="position: relative;float: left;width: 440px;font-size: 16px;margin-left: 10px;margin-top: 45px;border: 1px solid #B7C4C8;"> + <label id="mc-optional-grassroots" style="color: #444;background-color: #F9F9F9;"><?php _e("Optional", "mc"); ?></label> + <label class="optional-labels-fields"> + <input type="checkbox" name="decisions-general-assemblies" value="S" id="decisions-general-assemblies" tabindex="22" disabled="disabled"/> + <?php _e("We take decisions mainly through general assemblies", "mc"); ?> + </label> + <label class="optional-labels-fields"> + <input type="checkbox" name="decisions-voting" value="S" id="decisions-voting" tabindex="23" disabled="disabled"/> + <?php _e("We take decisions through majority voting", "mc"); ?> + </label> + <label class="optional-labels-fields"> + <input type="checkbox" name="decisions-consensus" value="S" id="decisions-consensus" tabindex="24" disabled="disabled"/> + <?php _e("We take decisions through consensus, instead of majority", "mc"); ?> + </label> + <label class="optional-labels-fields"> + <input type="checkbox" name="representatives-democratically" value="S" id="representatives-democratically" tabindex="25" disabled="disabled"/> + <?php _e("We have representatives chosen democratically", "mc"); ?> + </label> + <label class="optional-labels-fields"> + <input type="checkbox" name="meetings-transparent" value="S" id="meetings-transparent" tabindex="26" onblur="$j('#decisions-general-assemblies').focus();" disabled="disabled"/> + <?php _e("We have a board whose meetings are transparent", "mc"); ?> + </label> + </div> + </div> + </div> + </div> + </div> + <div class="mc-clean"></div> + </div><!-- End Fifth slide --> + + + + + </form> </div> <!-- End Slider -->