Author: mgallegos Date: 2012-11-04 19:59:14 +0100 (Sun, 04 Nov 2012) New Revision: 573 Modified: trunk/src/mc-dia-form2.js trunk/wp-theme/mc2-form.php Log: Modified: trunk/src/mc-dia-form2.js =================================================================== --- trunk/src/mc-dia-form2.js 2012-11-04 18:48:16 UTC (rev 572) +++ trunk/src/mc-dia-form2.js 2012-11-04 18:59:14 UTC (rev 573) @@ -65,7 +65,7 @@ if(!step_two_reached){ $j('#step1_image_map').append('<area href="#" step="#second_step" shape="circle" coords="122,12,12"><!--2-->'); - $j(".map").mapster('unbind'); + $j('img[id*="imgStep"]').mapster('unbind'); imageMapInit(); step_two_reached=true; } @@ -143,7 +143,7 @@ if(!step_three_reached){ $j('#step1_image_map').append('<area href="#" step="#third_step" shape="circle" coords="214,12,12"><!--3-->'); $j('#step2_image_map').append('<area href="#" step="#third_step" shape="circle" coords="214,12,12"><!--3-->'); - $j(".map").mapster('unbind'); + $j('img[id*="imgStep"]').mapster('unbind'); imageMapInit(); step_three_reached=true; } @@ -227,7 +227,7 @@ $j('#step1_image_map').append('<area href="#" step="#fourth_step" shape="circle" coords="306,12,12"><!--4-->'); $j('#step2_image_map').append('<area href="#" step="#fourth_step" shape="circle" coords="306,12,12"><!--4-->'); $j('#step3_image_map').append('<area href="#" step="#fourth_step" shape="circle" coords="306,12,12"><!--4-->'); - $j(".map").mapster('unbind'); + $j('img[id*="imgStep"]').mapster('unbind'); imageMapInit(); step_four_reached=true; } @@ -284,7 +284,7 @@ $j('#step2_image_map').append('<area href="#" step="#fifth_step" shape="circle" coords="398,12,12"><!--5-->'); $j('#step3_image_map').append('<area href="#" step="#fifth_step" shape="circle" coords="398,12,12"><!--5-->'); $j('#step4_image_map').append('<area href="#" step="#fifth_step" shape="circle" coords="398,12,12"><!--5-->'); - $j(".map").mapster('unbind'); + $j('img[id*="imgStep"]').mapster('unbind'); imageMapInit(); step_five_reached=true; } @@ -337,7 +337,7 @@ $j('#step3_image_map').append('<area href="#" step="#sixth_step" shape="circle" coords="490,12,12"><!--6-->'); $j('#step4_image_map').append('<area href="#" step="#sixth_step" shape="circle" coords="490,12,12"><!--6-->'); $j('#step5_image_map').append('<area href="#" step="#sixth_step" shape="circle" coords="490,12,12"><!--6-->'); - $j(".map").mapster('unbind'); + $j('img[id*="imgStep"]').mapster('unbind'); imageMapInit(); step_six_reached=true; } @@ -506,8 +506,8 @@ } } - function imageMapInit(){ - $j( ".map").mapster({ + function imageMapInit(){ + $j('img[id*="imgStep"]').mapster({ fillColor: 'EA8F5F', fillOpacity: 0.8, isSelectable: false, Modified: trunk/wp-theme/mc2-form.php =================================================================== --- trunk/wp-theme/mc2-form.php 2012-11-04 18:48:16 UTC (rev 572) +++ trunk/wp-theme/mc2-form.php 2012-11-04 18:59:14 UTC (rev 573) @@ -34,7 +34,7 @@ <div id="containerSlides"> <div id="first_step" class="mc-form-category-group-a-v2"> <!-- First slide --> <div class="progressLine"> - <img src="/mc/0.1/images/progressTransparentLine.png" usemap="#step1_image_map" class="map" style="border: 0px;float: left;"> + <img id="imgStep1" src="/mc/0.1/images/progressTransparentLine.png" usemap="#step1_image_map" class="map" style="border: 0px;float: left;"> <div class="complete" style="width: 19px;margin-top: 0"> <div class="marker"></div> </div> @@ -66,7 +66,7 @@ <div class="mc-cat-group-v2" id="mc-cat-group-a"> <div style="float: left;" class="mc-form-category-group-a-v2"> <div class="progressLine"> - <img src="/mc/0.1/images/progressTransparentLine.png" usemap="#step2_image_map" class="map" style="border: 0px;float: left;"> + <img id="imgStep2" src="/mc/0.1/images/progressTransparentLine.png" usemap="#step2_image_map" class="map" style="border: 0px;float: left;"> <div class="complete" style="width: 111px;"> <div class="marker" style="background-position: -26px 0;"></div> </div> @@ -140,7 +140,7 @@ <div class="mc-cat-group-v2" id="mc-cat-group-b"> <div style="float: left;" class="mc-form-category-group-a-v2"> <div class="progressLine"> - <img src="/mc/0.1/images/progressTransparentLine.png" usemap="#step3_image_map" class="map" style="border: 0px;float: left;"> + <img id="imgStep3" src="/mc/0.1/images/progressTransparentLine.png" usemap="#step3_image_map" class="map" style="border: 0px;float: left;"> <div class="complete" style="width: 203px;"> <div class="marker" style="background-position: -52px 0;"></div> </div> @@ -235,7 +235,7 @@ <div class="mc-cat-group-v2" id="mc-cat-group-c"> <div style="float: left;" class="mc-form-category-group-a-v2"> <div class="progressLine"> - <img src="/mc/0.1/images/progressTransparentLine.png" usemap="#step4_image_map" class="map" style="border: 0px;float: left;"> + <img id="imgStep4" src="/mc/0.1/images/progressTransparentLine.png" usemap="#step4_image_map" class="map" style="border: 0px;float: left;"> <div class="complete" style="width: 295px;"> <div class="marker" style="background-position: -78px 0;"></div> </div> @@ -301,7 +301,7 @@ <div class="mc-cat-group-v2" id="mc-cat-group-d"> <div style="float: left;" class="mc-form-category-group-a-v2"> <div class="progressLine"> - <img src="/mc/0.1/images/progressTransparentLine.png" usemap="#step5_image_map" class="map" style="border: 0px;float: left;"> + <img id="imgStep5" src="/mc/0.1/images/progressTransparentLine.png" usemap="#step5_image_map" class="map" style="border: 0px;float: left;"> <div class="complete" style="width: 386px;"> <div class="marker" style="background-position: -104px 0;"></div> </div> @@ -372,7 +372,7 @@ <div id="sixth_step"><!--Sixth slide --> <div style="float: left;" class="mc-form-category-group-a-v2"> <div class="progressLine"> - <img src="/mc/0.1/images/progressTransparentLine.png" usemap="#step6_image_map" class="map" style="border: 0px;float: left;"> + <img id="imgStep6" src="/mc/0.1/images/progressTransparentLine.png" usemap="#step6_image_map" class="map" style="border: 0px;float: left;"> <div class="complete" style="width: 478px;"> <div class="marker" style="background-position: -130px 0;"></div> </div>