Author: mgallegos Date: 2012-11-01 16:56:31 +0100 (Thu, 01 Nov 2012) New Revision: 560 Modified: trunk/wp-theme/mc2-form.php Log: Modified: trunk/wp-theme/mc2-form.php =================================================================== --- trunk/wp-theme/mc2-form.php 2012-11-01 05:38:14 UTC (rev 559) +++ trunk/wp-theme/mc2-form.php 2012-11-01 15:56:31 UTC (rev 560) @@ -413,74 +413,82 @@ <div class="mc-dia-continue-btn" id="mc-dia-continue-btn"><?php _e("Continue", "mc"); ?></div> --> -<map id="step1_image_map-all" name="step1_image_map"> - <area href="#"shape="circle" coords="122,12,12"><!--2--> - <area href="#"shape="circle" coords="214,12,12"><!--3--> - <area href="#"shape="circle" coords="306,12,12"><!--4--> - <area href="#"shape="circle" coords="398,12,12"><!--5--> - <area href="#"shape="circle" coords="490,12,12"><!--6--> +<map id="step1_image_map-all" name="step1_image_map-all"> + <area step="2" shape="circle" coords="122,12,12"><!--2--> + <area step="3" shape="circle" coords="214,12,12"><!--3--> + <area step="4" shape="circle" coords="306,12,12"><!--4--> + <area step="5" shape="circle" coords="398,12,12"><!--5--> + <area step="6" shape="circle" coords="490,12,12"><!--6--> </map> <map id="step2_image_map" name="step2_image_map"> - <area href="#" shape="circle" coords="30,12,12"><!--1--> + <area step="1" shape="circle" coords="30,12,12"><!--1--> </map> +<map id="step2_image_map-all" name="step2_image_map-all"> + <area step="1" shape="circle" coords="30,12,12"><!--1--> + <area step="3" shape="circle" coords="214,12,12"><!--3--> + <area step="4" shape="circle" coords="306,12,12"><!--4--> + <area step="5" shape="circle" coords="398,12,12"><!--5--> + <area step="6" shape="circle" coords="490,12,12"><!--6--> +</map> + <map id="step3_image_map" name="step3_image_map"> - <area href="#" shape="circle" coords="30,12,12"><!--1--> - <area href="#" shape="circle" coords="122,12,12"><!--2--> + <area step="1" shape="circle" coords="30,12,12"><!--1--> + <area step="2" shape="circle" coords="122,12,12"><!--2--> </map> <map id="step3_image_map_all" name="step3_image_map_all"> - <area href="#" shape="circle" coords="30,12,12"><!--1--> - <area href="#" shape="circle" coords="122,12,12"><!--2--> - <area href="#" shape="circle" coords="306,12,12"><!--4--> - <area href="#" shape="circle" coords="398,12,12"><!--5--> - <area href="#" shape="circle" coords="490,12,12"><!--6--> + <area step="1" shape="circle" coords="30,12,12"><!--1--> + <area step="2" shape="circle" coords="122,12,12"><!--2--> + <area step="4" shape="circle" coords="306,12,12"><!--4--> + <area step="5" shape="circle" coords="398,12,12"><!--5--> + <area step="6" shape="circle" coords="490,12,12"><!--6--> </map> <map id="step4_image_map" name="step4_image_map"> - <area href="#" shape="circle" coords="30,12,12"><!--1--> - <area href="#" shape="circle" coords="122,12,12"><!--2--> - <area href="#" shape="circle" coords="214,12,12"><!--3--> + <area step="1" shape="circle" coords="30,12,12"><!--1--> + <area step="2" shape="circle" coords="122,12,12"><!--2--> + <area step="3" shape="circle" coords="214,12,12"><!--3--> </map> <map id="step4_image_map_all" name="step4_image_map_all"> - <area href="#" shape="circle" coords="30,12,12"><!--1--> - <area href="#" shape="circle" coords="122,12,12"><!--2--> - <area href="#" shape="circle" coords="214,12,12"><!--3--> - <area href="#" shape="circle" coords="398,12,12"><!--5--> - <area href="#" shape="circle" coords="490,12,12"><!--6--> + <area step="1" shape="circle" coords="30,12,12"><!--1--> + <area step="2" shape="circle" coords="122,12,12"><!--2--> + <area step="3" shape="circle" coords="214,12,12"><!--3--> + <area step="5" shape="circle" coords="398,12,12"><!--5--> + <area step="6" shape="circle" coords="490,12,12"><!--6--> </map> <map id="step5_image_map" name="step5_image_map"> - <area href="#" shape="circle" coords="30,12,12"><!--1--> - <area href="#" shape="circle" coords="122,12,12"><!--2--> - <area href="#" shape="circle" coords="214,12,12"><!--3--> - <area href="#" shape="circle" coords="306,12,12"><!--4--> + <area step="1" shape="circle" coords="30,12,12"><!--1--> + <area step="2" shape="circle" coords="122,12,12"><!--2--> + <area step="3" shape="circle" coords="214,12,12"><!--3--> + <area step="4" shape="circle" coords="306,12,12"><!--4--> </map> <map id="step5_image_map_all" name="step5_image_map_all"> - <area href="#" shape="circle" coords="30,12,12"><!--1--> - <area href="#" shape="circle" coords="122,12,12"><!--2--> - <area href="#" shape="circle" coords="214,12,12"><!--3--> - <area href="#" shape="circle" coords="306,12,12"><!--4--> - <area href="#" shape="circle" coords="490,12,12"><!--6--> + <area step="1" shape="circle" coords="30,12,12"><!--1--> + <area step="2" shape="circle" coords="122,12,12"><!--2--> + <area step="3" shape="circle" coords="214,12,12"><!--3--> + <area step="4" shape="circle" coords="306,12,12"><!--4--> + <area step="6" shape="circle" coords="490,12,12"><!--6--> </map> <map id="step6_image_map" name="step6_image_map"> - <area href="#" shape="circle" coords="30,12,12"><!--1--> - <area href="#" shape="circle" coords="122,12,12"><!--2--> - <area href="#" shape="circle" coords="214,12,12"><!--3--> - <area href="#" shape="circle" coords="306,12,12"><!--4--> - <area href="#" shape="circle" coords="398,12,12"><!--5--> + <area step="1" shape="circle" coords="30,12,12"><!--1--> + <area step="2" shape="circle" coords="122,12,12"><!--2--> + <area step="3" shape="circle" coords="214,12,12"><!--3--> + <area step="4" shape="circle" coords="306,12,12"><!--4--> + <area step="5" shape="circle" coords="398,12,12"><!--5--> </map> -<map id="step6_image_map_all" name="step1_image_map_all"> - <area href="#" shape="circle" coords="30,12,12"><!--1--> - <area href="#" shape="circle" coords="122,12,12"><!--2--> - <area href="#" shape="circle" coords="214,12,12"><!--3--> - <area href="#" shape="circle" coords="306,12,12"><!--4--> - <area href="#" shape="circle" coords="398,12,12"><!--5--> +<map id="step6_image_map_all" name="step6_image_map_all"> + <area step="1" shape="circle" coords="30,12,12" ><!--1--> + <area step="2" shape="circle" coords="122,12,12"><!--2--> + <area step="3" shape="circle" coords="214,12,12"><!--3--> + <area step="4" shape="circle" coords="306,12,12"><!--4--> + <area step="5" shape="circle" coords="398,12,12"><!--5--> </map> @@ -516,7 +524,23 @@ $j("ul.qtrans_language_chooser").css("margin-top", "-25px"); $j( ".map").mapster({ fillColor: 'EA8F5F', - fillOpacity: 0.8 + fillOpacity: 0.8, + isSelectable: false, + mapKey: 'step', + onClick: function (e) { + if (e.key=='1') + alert('1'); + else if (e.key=='2') + alert('2'); + else if (e.key=='3') + alert('3'); + else if (e.key=='4') + alert('4'); + else if (e.key=='5') + alert('5'); + else if (e.key=='6') + alert('6'); + }, }); });